Vous n'êtes pas identifié.

Annonce

#1 problème d'affichage du code dans lenavigateur. du 25-01-2016 20:43:35

patmalonda
c00lnaute nouveau
Date d'inscription: 25-01-2016
Messages: 1

problème d'affichage du code dans lenavigateur.

Bonjour à tous,
J'ai décidé d'abandonner les logiciels  WhySig au profit du codage.Mais j'ai d'énormes problèmes d'affichage entre mon code html/Css et mon navigateur. Le W3C a validé mon code Html et ma feuille de style comme corrects (du moins ce que j'ai tapé jusqu'ici). Et pourtant ce qui s'affiche ne correspond pas à l'affichage dans mon navigateur à ce que je souhaite
1) Dans ma bannière du haut,j'ai mis deux images correspondants à mon logo; impossible de les positionner comme j e veux en les déplaçants (particulièrement la deuxième que je souhaite plus décalé vers la droite et séparé de la 1ere image).
2) j'ai mis dans mon code une partie "diaporama" qui en fait, dans mon idée est une bannière en attendant que je trouve le moyen d'insérer le diaporama que je souhaite mettre dans mon site. cette partie ne s'affiche pas à l'écran alors qu'elle est "correcte" par leW33C.
3)La mise en page mise dans le CSS pour mes balises <h2> refusent de s'appliquer à l'écran.
J'avoue que je ne comprends pas ce qui se passe. Je me permets de solliciter votre aide afin de m'expliquer ce qui se passe.
Mon navigateur est Firefox 43.0.4.
Je vous remercie d'avance pour l'aide que vous voudrez bien m'apporter.

Mon code HTML
<!DOCTYPE html>
<html>
    <Head>
        <title>ACCUEIL</title>
        <meta charset="utf-8"/>
        <Link rel="stylesheet" type="text/css" Href="Accueilessai.css"/>
    </Head>
        <Body>
            <!--Cette partie est mon Entete(header)de site-->
            <div id="banner1">
                    <img src= LogoBDT1.png alt= "logodusite1" title= BibliothequediocesainedeTunis1/>
                    <img src= LogoBDT2.png alt= "logodusite2" title= BibliothequediocesainedeTunis2/>
            </div>
            <div id="menu">
                <ul>
                    <li><a href="Accueil.html">ACCUEIL</a></li>
                    <li><a href="Services.html">SERVICES</a></li>
                    <li><a href="Ressources.html">RESSOURCES</a></li>
                    <li><a href="Contacts.html">CONTACTS</a></li>
                </ul>
            </div>
            <div id="diaporama">       
            </div>
            <!--Cette partie est mon contenu de site-->
            <div id="Contenuprincipal">
                <h1>ceci est le debut du contenu</h1>
                <h2>un titre ici</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec dolor leo. Aenean auctor aliquet rhoncus. In non erat nulla. Phasellus ut blandit orci. Maecenas lobortis, lorem a auctor laoreet, elit arcu mollis dolor, ac congue purus odio quis libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque mattis velit at vehicula sodales. Etiam euismod gravida aliquam.
                    </p>
                <h2>un autre titre ici</h2>
                    <p>Etiam consequat condimentum felis, nec convallis arcu venenatis a. Sed blandit, sem lacinia tincidunt dapibus, magna nulla dapibus nunc, ac tincidunt turpis mi nec eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris at malesuada dolor, eu dictum ipsum. Nunc elementum tristique dolor faucibus porttitor. Suspendisse blandit nisi id ligula eleifend laoreet. Vivamus interdum, ex in efficitur viverra, odio leo tempor massa, eget malesuada mi justo vel quam. Suspendisse potenti. Sed pretium eget tortor in volutpat. Curabitur sed vehicula dui. Morbi lectus magna, vehicula et bibendum vitae, viverra nec arcu. Sed tempor quam velit, ut aliquam nulla condimentum at. Quisque blandit urna ligula, sed suscipit elit dictum ut.
                    </p>
            </div>
            <!--Cette partie est mon footer de site-->
            <div id="Footer">
                BIBLIOTHEQUE DIOCESAINE DE TUNIS / Tous Droits Reserves.
            </div>
        </Body>
</html>

Ma CSS
#banner1 {
    display : block;
    background-color : #f3cd26;
    height : 200px;
    width : 100%;
}
#img {
    margin : 5px 0 5px 30px;
    float : left;
    position : relative;
}
#menu {
    width : 100%;
    height : 50px;
    background : #939292;
    position : relative;
}
#menu ul {
    float : left;
    left : 50%;
    margin-left : 100px;
}
#menu ul li {
    float : left;
    margin-left : 30px;
    list-style-type : none;
    position : relative;
left : 20px;
}
#menu ul li a {
    display : inline-block;
    background : #04335e;
    text-decoration : none;
    font-family : impact, arial, tahoma, garamond;
    font-size : 30px;
    color : #8bc4f7;
    height : 40px;
    width : 200px;
    text-align : center;
}
#menu ul li a:hover {
color : #04335e;
background-color : #fccd03;
}
#diaporama {
    display : block;
    background-color : #f3cd26;
    height : 200px;
    width:100%;
}
#h2{
    color:#8bc4f7;
    font-family : impact, arial, tahoma, garamond;
    font-size : 25px;
    height : 30px;
    width : 100px;
    border:1px;
    text-transform:capitalize;
}


Hors ligne

 

25-01-2016 20:43:35

Mister $$$


Propulsé par PunBB
© Copyright 2007
Forum créer un site

Partenaires de « créer un site internet »