HTML / CSS

Résolu/Fermé
Shippuden Messages postés 45 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 22 février 2008 - 31 déc. 2007 à 23:17
Shippuden Messages postés 45 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 22 février 2008 - 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
A voir également:

8 réponses

Réponse 1 / 8
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 779
1 janv. 2008 à 00:17
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>

--
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 779
1 janv. 2008 à 02:07
++
Accueil

--
0
Réponse 2 / 8
Shippuden Messages postés 45 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 22 février 2008
1 janv. 2008 à 05:47
ok thx ,
mais je rajoute quoi dans le le code du “#footer” dans ta feuille de styles “style.css” stp
?
0
Réponse 3 / 8
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 779
1 janv. 2008 à 12:51
As-tu essayé ma proposition ?

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

--
0
Réponse 4 / 8
Shippuden Messages postés 45 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 22 février 2008
1 janv. 2008 à 15:39
<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é.
0

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 mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 779
1 janv. 2008 à 15:56
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.

--
0
Réponse 6 / 8
Shippuden Messages postés 45 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 22 février 2008
1 janv. 2008 à 19:50
ok alors je l'ai faite et sa me donne ceci:

https://imageshack.com/
0
Réponse 7 / 8
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 779
1 janv. 2008 à 20:40
Et bien bravo.

C'est le résultat attendu.

--
0
Réponse 8 / 8
Shippuden Messages postés 45 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 22 février 2008
1 janv. 2008 à 20:47
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 !!
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Balise </br>
erf -
erf -

3 réponses
Saut de lignes sans <br/>
Rapi-shiny -
Rapi-shiny -

13 réponses
Espace HTML
guilhem_mdg -
hodor -

10 réponses