HTML / CSS

Résolu

Shippuden Messages postés 45 Date d'inscription Statut Membre Dernière intervention -
Shippuden Messages postés 45 Date d'inscription Statut Membre Dernière intervention - 1 janv. 2008 à 20:47

Bonjour,
J'aurais besoin d'aide svp :

INDEX :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="description"/>
<meta name="keywords" content="keywords"/>
<meta name="author" content="author"/>
<style type="text/css"> @import url('style.css'); </style>
<title>AlphaOmega</title>
</head>

<body background="back.jpg"><center><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="1000" height="216">
<param name="eanim" value="!e-anim:ud">
<param name="movie" value="logo4.swf">
<param name="quality" value="high">
<embed src="logo4.swf"
quality="high"
pluginspage="https://get.adobe.com/flashplayer/"
type="application/x-shockwave-flash"
width="450" height="150">
</embed></center>
</object>
<center><div id="souslog"><a href="#"><img src="images/Gauche.png" alt="" width="450" height="150"/></a><a href="#"><img src="images/droite.png" alt="" width="450" height="150" /></a></div></center
<div id="left">
<table border=0 summary="" align=left>
<tr>
<td align=left>

<div id="menu" style="text-align: center">
<br /><ul>
-<a href="Index.php">Acceuil</a>-<br />
-<a href="Download.php">Téléchargement</a>-<br />
-<a href="Events.php">Events</a>-<br />
-<a href="Forums.php">Forums</a>-<br />
-<a href="Register.php">Register</a>-<br />
<br />
-<a href="Statut.php">Serveur Statut</a>-<br />
-<a href="Serveur_staff.php">Team Serveur</a>-<br />
-<a href="ListC.php">Liste chars</a>-<br />
-<a href="Contact.php">Contacts</a>-<br />
<br />
---------------<Li></Li>Liens<br />
</li>
</ul>

<br />
</div>

</td>
<td width=80% height=0>

<div id="news">
<div>
<div class="Titre"><span><font color="#000000">News</font></span><br /><span class="date">le 20/12/2007 Par Cyber-Alundra</span></div>
<div class="textnews" align=center style="text-align: left">
<p>Salut à tous,<br />
Bienvenue sur le nouveau site de la team AlphaOmega!!!! <br />
<br />
<br />
La team recrute en ce moment , pour plus d'information , merci de me contactez <br />

<a href="#">lol</a><br />
<br />
//Cyber-Alundra ^^</p>
</div>
<div class="commantaire">[ 0 ] Commantaire(s)</div>
</div>
</div>
</div>

</td>
</tr>

</table> <br>
</br>
</a></div>
</div>
</body>

</html>

---------------------------------------------------

CSS :

#footer
{
margin: 0px;
padding: 0px;
background-image:url(images/footer.png) no-repeat;
width: 800px;
height: 200px;
text-align: left;
}

J'aimerais avoir les codes pour que mon footer s'affiche en bas au pied de ma page et sourtous ou les placées!! Merci d'avance

PS : BONNE ANNEE TOUS LE MONDE

Afficher la suite

A voir également:

HTML / CSS
Editeur html - Télécharger - HTML
Espace en html ✓ - Forum HTML
Espace html ✓ - Forum Webmastering
Html download - Télécharger - HTML
/Var/www/html/index.html ✓ - Forum Linux / Unix

8 réponses

Réponse 1 / 8

Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention 2 779

Bonjour,

Pour faire ta page, tu n'as pas besoin de tableau.
Je l'ai enlevé et ai mis tes <div> en “float” (une largeur au menu serait la bienvenue).
C'est pour ça que j'ai ajouté “clear : left;” au “#footer”, pour qu'il passe en dessous.
Tu peux ajouter le code du “#footer” dans ta feuille de styles “style.css”.

Les listes <ul>…</ul> sont faites de <li>…</li> pour chaque entrée, pas seulement au début et à la fin de la liste.

Plutôt que “<div class="Titre">”, il existe des balises HTML pour ça.

Essaye

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <meta content="HTML Tidy, see www.w3.org" name="generator" />
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-15" />
  <meta name="description" content="description" />
  <meta name="keywords" content="keywords" />
  <meta name="author" content="author" />
  <style type="text/css">
 
  @import url('style.css');
 
  #footer {
    clear : left;
    margin: 0px;
    padding: 0px;
    background : #eee url(images/footer.png) 0 0 no-repeat;
    width: 800px;
    height: 200px;
    text-align: left;
    }
  </style>

  <title>&#913;lpha&#937;mega</title>
</head>

<body background="back.jpg">
  <center>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
    codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#versio%20n=6,0,29,0" 
    width="1000" height="216">
      <param name="eanim" value="!e-anim:ud" />
      <param name="movie" value="logo4.swf" />
      <param name="quality" value="high" />
      <embed src="logo4.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/"
      type="application/x-shockwave-flash" width="450" height="150" />
    </object>

    <div id="souslog">
      <a href="#"><img src="images/Gauche.png" alt="" width="450" height="150" /></a>
      <a href="#"><img src="images/droite.png" alt="" width="450" height="150" /></a>
    </div>
  </center>

        <div id="menu" style="text-align:center; float:left;">
          <ul style="list-style: none">
             <li>-<a href="Index.php">Acceuil</a>-</li>
             <li>-<a href="Download.php">Téléchargement</a>-</li>
             <li>-<a href="Events.php">Events</a>-</li>
             <li>-<a href="Forums.php">Forums</a>-</li>
             <li>-<a href="Register.php">Register</a>-</li>
             <li>-<a href="Statut.php">Serveur Statut</a>-</li>
             <li>-<a href="Serveur_staff.php">Team Serveur</a>-</li>
             <li>-<a href="ListC.php">Liste chars</a>-</li>
             <li>-<a href="Contact.php">Contacts</a>-</li>
             <li>Liens</li>
          </ul>
        </div>

        <div id="news" style="width:80%; float:left;">
          <div>
            <div class="Titre">
              <span>News</span>
              <br />
              <span class="date">le 20/12/2007 par Cyber-Alundra</span>
            </div>

            <div class="textnews" style="text-align: left">
              <p>Salut à tous,
              <br />
               Bienvenue sur le nouveau site de la team AlphaOmega!!!!</p>
              <br />
              <p>La team recrute en ce moment.
               Pour plus d'information, merci de me contacter
              <br />
               <a href="#">lol</a></p>
              <p>//Cyber-Alundra ^^</p>
            </div>

            <div class="commentaire">
              [ 0 ] commentaire(s)
            </div>
          </div>
        </div>
        <div id="footer">
          <p style="font-size:400%; text-align:center; line-height:200px; color:gold;">
            Bonne Année !</p>
        </div>

  <br />
  <br />
</body>
</html>

Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention 2 779

++
Accueil

--

Réponse 2 / 8

Shippuden Messages postés 45 Date d'inscription Statut Membre Dernière intervention

ok thx ,
mais je rajoute quoi dans le le code du “#footer” dans ta feuille de styles “style.css” stp
?

Réponse 3 / 8

Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention 2 779

As-tu essayé ma proposition ?

Où trouve-t-on du “footer” dans le code que je t'ai donné ?

--

Réponse 4 / 8

Shippuden Messages postés 45 Date d'inscription Statut Membre Dernière intervention

<div id="footer">
<p style="font-size:400%; text-align:center; line-height:200px; color:gold;">
Bonne Année !</p>

oui j'ai éssayé mais moi je veut mettre un footer image

et le tient quand je met il me marque comme prévue Bonne Année!

si c'est possible de t'avoir sur msn pour me dépanner plus simplement sa serais bien si tu veut bien stp merci.

je te post mon msn dans ta boite de msg privé.

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 8

Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention 2 779

Bon, d'accord.

Pas de MSN pour moi.

Alors, si tu as gradé toutes mes modifications :

Ouvre “style.css”
Ajoutes-y

  #footer {
    clear : left;
    margin: 0px;
    padding: 0px;
    background : url(images/footer.png) 0 0 no-repeat;
    width: 800px;
    height: 200px;
    text-align: left;
    }

Enregistre.

Ouvre ta page
Ajoute, à la fin, en bas,

        </div>
        <div id="footer">
        </div>
  <br />
  <br />
</body>

Enregistre.

--

Réponse 6 / 8

Shippuden Messages postés 45 Date d'inscription Statut Membre Dernière intervention

ok alors je l'ai faite et sa me donne ceci:

https://imageshack.com/

Réponse 7 / 8

Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention 2 779

Et bien bravo.

C'est le résultat attendu.

--

Réponse 8 / 8

Shippuden Messages postés 45 Date d'inscription Statut Membre Dernière intervention

bin non il es pas vraiment en bas de page et il es gros et quand je modif le css pour redimensionner et bien l'image du footer s'envas ailleur

mais bon merci quand même , je vais refaire l'index en php je pense que sa seras plus simple et si y'a un soucis je repasserais en espérant que tu pourras de nouveau m'aider ^^

Sur ce bonne année à toi et plein de bonne chose !!

Discussions similaires

la balise <br> ou <br />

Balise </br>

Espace en HTML

Saut de lignes sans <br/>

Votre réponse

Discussions similaires