Problème entre différents navigateur - Sujet de la discussion : Problème entre différents navigateur

c00lman · Re Problème entre différents navigateur

J'ai ajouté ta bannière avec emplacement sondage et "cadré" tes 2 images du menu droit.
ça passe sous IE et FF sans trop de décalage entre les 2.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>


    <meta name="verify-v1" content="CKVaPTDj5aKQEMjThL3z0QGnoF1C+I9L8tm0q634cLc=">
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <meta http-equiv="Content-Language" content="fr">
    <title>Passion1970 : Par des passionnés pour des passionnés du PSG</title>
    <meta name="Description" content="passion1970 est un site non-officiel dÃ©diÃ© au PSG et Ã&nbsp; ses fans. AnimÃ© par des passionnÃ©s, il permet de dÃ©couvrir, de commenter,de dÃ©battre et de visualiser Ã©galement une vidÃ©o aprÃ¨s chaque match du PSG.">
    
    <link rel="SHORTCUT ICON" href="http://www.passion1970.fr/passion1970.gif">
    
    <style>
* {
    /* un reset css plus évoluer doit être utilisé*/
    padding:0;
    margin:0;
    list-style-type:none;
}
html {
    background-color:#369;
    padding:10px;
}
#global {
    margin: 0 50px;
    background-color:#fff;
}

/* ------------------------------------------
                 L'en-tête
   ------------------------------------------*/
#header {
    height:142px;
    background-color:#aaa;
    /*background-image:url('http://www.passion1970.fr/Projeum/images/banniere.png');*/
    background-repeat:no-repeat;
    background-position:left top;
}
#header h1 {
    margin:0;
    padding: 0;
    text-indent:-5000px; /* on décale le texte du titre pour qu'il ne soit pas par dessus l'image du header */
}
/*class pour le positionnement de la bannière*/
#headerleft {
float:left;
background: url(maquette.php_fichiers/banniere.png) no-repeat;
width: 710px; 
height: 142px ;
}
/*class pour la partie sondage dans le header*/
#headerright {
float:right;
width: 420px; 
height: 135px ;
border:1px solid #000;
}
#menu{
margin-top:10px;
}
#sondage
{
float:right;
}
/* ------------------------------------------
                La navigation
   ------------------------------------------*/
#navigation {
    width:300px;
    background-color:#ccc;
    float:left;
    padding:5px;
}
#navigation h2 {
    margin-bottom:5px;
    padding-left:5px;
    background-color:orange;
    text-decoration: small-caps;
}
#navigation ul {
    margin-bottom:5px;
}
#navigation li {}
#navigation a {
    display:block;
    padding-left:10px;
    color:#a91a16;
    text-decoration:none;
    font-size: 0.8em;
}
#navigation a:hover {
    color:#fff;
    background-color:#000099;
    font-size: 0.9em;
}

/* ------------------------------------------
                Le contenu
   ------------------------------------------*/
#content {
    padding: 0 5px;
    background-color:#eee;
    margin-left:310px;
    margin-right:0px;
}
#content h1 {
    padding-bottom: 5px;
}
#content h2 {
    padding-bottom:5px;
}
#content h3 {}
#content h4 {}
#content p {
    padding-bottom:10px;
}
#content a {}
#content a:hover {}

/* ------------------------------------------
               Le pied de page
   ------------------------------------------*/
#footer {
    height:30px;
    clear:both;
    background-color:#ddd;
}
#footer p {
    line-height:30px;
    text-align:center;
}
#news {
    width:510px;
    background-color:#ccc;
    float:left;
    padding:5px;
    text-align:center;
}
#info {
    padding: 0 5px;
    background-color:#eee;
    margin-left:520px;
    margin-right:0px;
}

    </style>
    
    </head><body>
    <div id="global">

        <div id="header">
         <div id="headerleft"></div>
         <div id="headerright">Partie sondage à ajuster avec la class headerright</div>
            </div>


        <div id="navigation">
            <h2>Fil Info</h2>
            <p>fil d'info en texte deroulant</p>
            <h2>Forum</h2>
                <p>flux rss du forum converti en Liste</p>
            <h2>Partenaires</h2>
                <p>Liste des partenaires en Liste</p>
            <h2>Boutique</h2>
                <p> ici c'est un script js fourni</p>
        </div>
        <div id="content">

            <div id="news">

                <h1>A La Une</h1>
                <br><br>
                <h1>Club</h1>
                <br><br>
                <h1>Ligue 1</h1>
                <br><br>
                <h1>UEFA</h1>
                <br><br>
                <h1>Autres PSG</h1>
            </div>
            <div id="info">
                <h2>Prochain match du PSG :</h2>
                    <img src="maquette.php_fichiers/ToulousevsPSG.gif">
            
                <h2>Dernier match joué :</h2>
                <img src="maquette.php_fichiers/PSGvsNancy.gif">
                <h2>Classement</h2>
                <h2>PSG Express</h2>
            </div>
        </div>
        
        <div id="footer">
            <p>Donc ici le footer avec le copyright, le flux rss et le fichier sitemap</p>
        </div>       

    </div>
</body></html>

Mister $$$ · 07-10-2009 17:31:07

Passion1970 · Re Problème entre différents navigateur

Est il possible de mettre des images dans des Balise h2 ?

c00lman · Re Problème entre différents navigateur

Oui

Code:

<h2><img style="width: 60px; height: 60px;" alt="mon site" src="mon-image.jpg"/>***</h2>

Passion1970 · Re Problème entre différents navigateur

c00lman a écrit:

Oui

Code:

<h2><img style="width: 60px; height: 60px;" alt="mon site" src="mon-image.jpg"/>***</h2>

Merci. big_smile

Annonce

#26 Re Problème entre différents navigateur du 07-10-2009 17:31:07

Re: Problème entre différents navigateur

Code:

07-10-2009 17:31:07

#27 Re Problème entre différents navigateur du 08-10-2009 09:27:47

Re: Problème entre différents navigateur

#28 Re Problème entre différents navigateur du 08-10-2009 12:08:44

Re: Problème entre différents navigateur

Code:

#29 Re Problème entre différents navigateur du 12-10-2009 10:36:22

Re: Problème entre différents navigateur

c00lman a écrit:

Code:

Partenaires de « créer un site internet »