AIde d"écouâge ^^

Salut à tous ^^ , comme vous avez pu le voir dans la partie Wip , j'ai cré un webdesign mais j'ai malheuresement des problèmes à le codé ^^, je n'arrive pas a mettre le bouton acceui let création usr la meme ligne ,:

le html :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon portefolio !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="css.css" />
</head>
<body>

<div id="en_tete"> >
</div>

<div id="acceuil">
<a href="acceuil.html"><img src="images/acceuil.png" border="0"/></a>
</div>

<div id="crea">
<a href="création.html"><img src="images/creation.png" border="0"/></a>
</div>

<div id="corp">
</div>

<div id="pied">
<img src="images/pied.png"/>
</div>

</body>
</html>

le CSS :

Code:: body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("images/fond.png");
}
#en_tete
{
background-image: url("images/headers.png");
width: 503px;
height: 130px;
background-repeat: no-repeat;
}

#corp
{
background-image: url("images/corp.png");
width: 760px;
height: 524px;
margin-top: 0px;
}
#crea
{
margin-left: 235px;
margin-top: 130px;
}

la capture d'écran :

Voilà en espérent vous trouverez de quoi m'aider ^^

Spoiler:

La capture d'écran ne s'affiche pas. Wink

c'est bizare chez moi elle s'afiche ^^
je réeberge ^^

voilà le lien ; http://apu.mabul.org/up/apu/2007/12/26/img-xl7w1ducxf6.png.html

Ok.

Alors, c'est tout simple:

Code:: <div id="acceuil">
<a href="acceuil.html"><img src="images/acceuil.png" border="0"/></a>
</div>

<div id="crea">
<a href="création.html"><img src="images/creation.png" border="0"/></a>
</div>

Remplace tout les div par des balises span, exemple: ".

est une balise de type block, c'est donc normale que ca va a la ligne; span par contre est de type inline, donc normalement ca devrait marcher. Wink

J e m'en remet encore à votre aide ^^
J'avai complètement oublier l'utilisation de la balise span , je suis allé me rafraichir lamémmoir sur le site du zer0 et j'ai compris ^^

Par contre Il y a un problème :

la capture pour comprendre : http://apu.mabul.org/up/apu/2007/12/26/img-hvyzq6n7yf1.png.html

le html :

Code:: <body>

<div id="en_tete">
<span id="last">
<img src="images/last.png"/>
</span>
</div>

<div id="nav">

<span id="acceuil">
<a href="acceuil.html"><img src="images/acceuil.png" border="0"/></a>
</span>

<span id="crea">
<a href="création.html"><img src="images/creation.png" border="0"/></a>
</span>

<span id="lien">
<a href="liens.html"><img src="images/liens.png" border="0"/></a>
</span>

</div>

<div id="corp">
</div>

<div id="pied">
<img src="images/pied.png"/>
</div>

</body>
</html>

le css :

Code:: body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("images/fond.png");
}
#en_tete
{
background-image: url("images/headers.png");
width: 503px;
height: 130px;
background-repeat: no-repeat;
}
#corp
{
background-image: url("images/corp.png");
width: 760px;
height: 524px;
margin-top: 0px;
}
#last
{
margin-left: 503px;
}

Je vois pas exactement comment faire, faudrait que je fasse des test.

Mais juste un conseil qui devrait normalement tout régler:

Code:: <span id="acceuil">
<a href="acceuil.html"><img src="images/acceuil.png" border="0"/></a>
</span>

<span id="crea">
<a href="création.html"><img src="images/creation.png" border="0"/></a>
</span>

Au lieu d'utiliser deux id "crea" et "acceuil" créer 1 div pour les deux, ce qui donnerai:

Code:: <div id="tonid">
<a href="acceuil.html"><img src="images/acceuil.png" border="0"/></a>

<a href="création.html"><img src="images/creation.png" border="0"/></a>
</div>

Essaye ca. Wink

Merci de ta réponse , j'ai éssayé mais sa me donne exctement le meme résultat qu'avent :/

tu as une autre idée ?

Tu peut me montrer le css du div nav s'il te plait?

euh je ne lui est pas mis du css au div nav :/ , il faudrait mettre quoi ? j'avai éssayé margin-top mais sa baisser le nav encore plus ^^

Bah dans ce cas, essaye d'enlever cette balise div, juste pour voir. ^^

comme sa ?

Code:: <body>

<div id="en_tete">
<span id="last">
<img src="images/last.png"/>
</span>

</div>

<a href="acceuil.html"><img src="images/acceuil.png" border="0"/></a>

<a href="création.html"><img src="images/creation.png" border="0"/></a>

<a href="liens.html"><img src="images/liens.png" border="0"/></a>

</div>

<div id="corp1">

</div>

<div id="corp2">

<p> Bienvenu sur mon portefolio V1 ! Si vous avez aterri sur mon site, ca n'est probablement pas par hasard. </br> Enfin bon ! Tout ce sharabia pour vous dire que vous etes tous les bienvenue!
</br>Vous trouverez : </br>

<ul>

<li>Des signatures</li>
<li>Des avatars </li>
<li>Des thèmes</li>
<li>Des liens utiles</li>
<li>et pleins d'autres</li>

Bonne Visite !

<p>

</div>

<div id="corp3">
<img src="images/corp3.png"/>
<div>

<div id="pied">
<img src="images/pied.png"/>
</div>

</body>
</html>

Code:: <div id="toniddemenu">
<a href="acceuil.html"><img src="images/acceuil.png" border="0"/></a>

<a href="création.html"><img src="images/creation.png" border="0"/></a>

<a href="liens.html"><img src="images/liens.png" border="0"/></a>

</div>

Essaye ca. Wink

Ce code est bon si tu définis la longueur de chaque liens (acceuil, creation, lien) dans nav{} en css soit wight.
Et tu dois définir acceuil, création (évite les caractères spéciaux), liens en css la longeur (wight) et hauteur (height) de l'image et apres tu règles l'endroit ou tu veux mettre tes images avec margin right.
Cependant je ne mettrai pas les images dans le html mais dans le css.

Un autre truc prend l'habitude de bien indenter ton code ^^. Cela permet de facilité la relecture du code.

Code:: <div id="nav">

<span id="acceuil">
<a href="acceuil.html"><img src="images/acceuil.png" border="0"/></a>
</span>

<span id="crea">
<a href="création.html"><img src="images/creation.png" border="0"/></a>
</span>

<span id="lien">
<a href="liens.html"><img src="images/liens.png" border="0"/></a>
</span>

</div>

J'ai laché ce webdesign , vous pouvez archivé ^^

Je déplace alors. Wink

» [Photofiltre studio] Calques,"Masques" & Modes
» Miss Belzy vs WhiteMagus [Manga "gore"] 26/11
» Full Sign "About A Dream" fashion
» [The GIMP] Fond "curvy lines"
» Commande de "header" [-Nenya-] [En attente]