Salut, voila je suis en train de créer mon site et le menu viens automatiquement qur le cadre et me l´agrandit, comment que je pourrais faire pour que le cadre se place automatiquement en dessous du menu ?
http://img413.imageshack.us/img413/5353/capturertn1.png
![]()
met un margin:left a ton contenu de la taille de ton menu + qq pixels
tu peux être plus explicite stp j´ai pas tout compris ![]()
http://rafb.net/paste/
Donne ton code
Pour le menu
{
float: left;
width: 120px;
list-style-type : circle ;
background-color: #626262;
background-image: ;
background-repeat: repeat-x;
border: 2px solid black;
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
list-style-image: url("images/puce.png");
padding: 20px;
padding-left: 20px;
margin : left;
margin-bottom:20px;
margin-right: 20px ;
color: #B3B3B3;
background-color: #B3B3B3;
color: black;
}
pour le cadre :
.cadrefoire
{
border: 3px solid yellow;
padding-top : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
padding-right : 5px ;
margin-bottom :5px ;
}
.cadrefoire
{
border: 3px solid yellow;
padding-top : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
padding-right : 5px ;
margin:122px 0 5px 0;
}
nan mais je veux que ça se fasse automatiquement sans changé la valeur à chauqe fois que je rajouterais des choses dans le menu, c´est possible ?
oups, je me suis planté dans le css
margin:0 0 5px 122px;
tu veux massacrer mon site ?
http://img242.imageshack.us/img242/8640/capturertb0.png
Sinon je la ferrais a l´ancienne si c´est pas possible ![]()
En meme temps, je demande ton code, tu me files que le css...
Il y a différentes choses à faire pour différents probleme.
alors le xhtml :
<!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>FS TOF</title>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div class="banniere">
<!-- Ici on mettra la bannière -->
</div>
<div id="menu">
<h2> Menu </h2>
<li><a href="#Bristol Bulldog IIA">Bristol Bulldog IIA</a></li>
<li><a href="#GZ 20 A">GZ 20 A</a></li>
<li><a href="#CL215">CL215</a></li>
<li><a href="#Vickers Vimy">Vickers Vimy</a></li>
<li><a href="#Scheibe SF 25 C">Scheibe SF 25 C</a></li>
<li><a href="#Bombardier CRJ700">Bombardier CRJ700</a></li>
<li><a href="#Christen Eagle II">Christen Eagle II</a></li>
<li><a href="#B747">B747</a></li>
<li><a href="#Tricolori">Tricolori</a></li>
<li><a href="#DR400">DR 400</a></li>
</div>
<div id="corps">
<h4> Salut, pour tout vous dire j´ai créer ce site dans le but d´exposer mes photos de Flight Simulator X retouché à l´aide d´Adobe Photoshop CS² . <br/>
Les screens sont à l´origine en <acronym title="16:10">1680 X 1050</acronym> mais par raison de poids elle sont affiché sur ce site en 850pixels de large. <br />
Les pricipales retouches des screens tournent autour du contraste, de la balance des couleur, du flou d´horizon ou encore des effets de vitesse.
Si vous le désirez, vous pouvez m´envoyer un m@il pour avoir les photos en grand format à condition qu´ils soient encore sur ma machine ! Pour me contacté c´est <a href="mailto:sebouhianc@yahoo.fr">>>>ici<<<</a> <br/>
Bonne visualisation ! <h4/>
<div class="cadrefoire">
<h3 id="Bristol Bulldog IIA" > Bristol Bulldog IIA<h3/>
<p>
<img src="images/1.PNG" alt="Bristol Bulldog IIA" /><br/>
C´est un screen d´un avion pas tout récent dispo en téléchargement <a
href="
http://www.avionic-online.com/index.php?Mnu=
Downloads">ici</a> au dessus de Portland.
</p>
</div>
<div class="cadre">
<h3 id="GZ 20 A">GZ 20 A : Ballon Dirigeable Goodyear<h3/>
<p>
<img src="images/2.PNG" alt="GZ 20A" /><br/>
Voici un screen d´un ballon dirigeable à Hawaii au départ de UPOLU, le ballon est dispo <a
href="
http://library.avsim.net/download.php?DLID=1
04240/url">ici</a>
</p>
</div>
<div class="cadre">
<h3 id="CL215">CL215<h3/>
<p>
<img src="images/3.PNG" alt="Cl215" /><br/>
Voila un screen d´un canadair au dessus de la provence ! Il n´est apparament plus dispo sur FS france.
</p>
</div>
<div class="cadre">
<h3 id="Vickers Vimy">Vickers Vimy<h3/>
<p>
<img src="images/0001.PNG" alt= "vickers vimy" /><br/>
Un Vickers Vimy eu départ de Gillot (Reunion), parré pour le décollage ?
</p>
<p>
<img src="images/001.PNG" alt= "vickers vimy" /><br/>
Et voila la rotation effectué !
</p>
<p>
<img src="images/01.PNG" alt= "vickers vimy" /><br/>
Nous voila partit !
</p>
</div>
<div class="cadre">
<h3 id="Scheibe SF 25 C">Scheibe SF 25 C<h3/>
<p>
<img src="images/4.PNG" alt= "Scheibe SF 25 C" /><br/>
Entre 2 montagnes suisse une Scheibe SF 25 C se balade....... Cet apareil est dispo en téléchargement <a
href="
http://www.fsglider.de/frset_e.htm">ici</a>.
</p>
</div>
<div class="cadre">
<h3 id="Bombardier CRJ700">Bombardier CRJ700<h3/>
<p>
<img src="images/5.PNG" alt= "Bombardier CRJ700 Jet air Fly" /><br/>
Voici un vol au départ de Boston INTL avec un Bombardier CRJ700 de la compagny JetAir Fly, l´avion est d´origine FSX et le repaint disponible en téléchargement <a href="
http://fs-repaints.fr.nf./">ici</a>
</p>
<p>
<img src="images/6.PNG" alt= "Bombardier CRJ700 Jet air Fly" /><br/>
On prends de la vitesse.
</p>
<p>
<img src="images/7.PNG" alt= "Bombardier CRJ700 Jet air Fly" /><br/>
Rotation effectué.
</p>
<p>
<img src="images/8.PNG" alt= "Bombardier CRJ700 Jet air Fly" /><br/>
Au dessus des EU !
</p>
<p>
<img src="images/9.PNG" alt= "Bombardier CRJ700 Jet air Fly" /><br/>
En approche ! VASI ? ok !
</p>
<p>
<img src="images/10.PNG" alt= "Bombardier CRJ700 Jet air Fly" /><br/>
Bientôt le touch.
</p>
<p>
<img src="images/11.PNG" alt= "Bombardier CRJ700 Jet air Fly" /><br/>
TOOOUUUUCH !
</p>
<p>
<img src="images/12.PNG" alt= "Bombardier CRJ700 Jet air Fly" /><br/>
En attentent !
</p>
</div>
<div class="cadre">
<h3 id="Christen Eagle II">Christen Eagle II<h3/>
<p>
<img src="images/15.PNG" alt= "Christen eagle II" /><br/>
Au dessus des alpes en Christen eagle II disponible en téléchargement <a
href="
http://library.avsim.net/esearch.php?CatID=f
s2004ac&DLID=71513">ici</a>.
</p>
</div>
<div class="cadre">
<h3 id="B747">B747<h3/>
<p>
<img src="images/16.PNG" alt= "Cockpit 747" /><br/>
Un moment de délire de l´artiste ! Un 747 dans l´espace !
</p>
</div>
<div class="cadre">
<h3 id="Tricolori">TRICOLORI<h3/>
<p>
<img src="images/17.PNG" alt= "TRICOLORI" /><br/>
Les tricolori, une sorte de paf à l´iatlienne.
</p>
<p>
<img src="images/18.PNG" alt= "TRICOLORI" /><br/>
</p>
</div>
<div class="cadre">
<h3 id="DR400">DR 400<h3/>
<p>
<img src="images/19.PNG" alt= "DR 400" /><br/>
Voila deux screen d´un DR 400 de robin (société françaie, plus d´info <a
href="
http://www.aeroweb-fr.net/appareils/fiche,29
9,avionspierrerobindr-400.php">ici</a>. On le voit ici dans le hangar de l´Aerodrôme de Phhn à Hawaii
</p>
<p>
<img src="images/20.PNG" alt= "DR 400" /><br/>
Pendant la viré !
</p>
</div>
</div>
<div id="pied_de_page">
Copyright "FS TOF" 2007, tous droits réservés
</div>
</body>
</html>
le css
p /*text*/
{
color : red ;
}
h3 /*les titre */
{
color : yellow ;
}
body
{
width: 866px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-image: url("images/fond.png"); /* Une petite image de fond pour éviter d´avoir un vieux fond blanc */
}
.cadre /* le cadre de la photo */
{
border: 3px solid yellow;
padding-top : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
padding-right : 5px ;
margin-bottom :5px ;
}
.cadrefoire
{
border: 3px solid yellow;
padding-top : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
padding-right : 5px ;
margin-bottom : 5px ;
margin-top : 20px ;
}
.menu
{
list-style-type : none ;
}
.banniere
{
width: 1000px;
height: 100px;
background-image: url("images/banniere.gif");
background-repeat: no-repeat;
margin-bottom: 30px;
}
{
float: left;
width: 120px;
list-style-type : circle ;
background-color: #626262;
background-image: ;
background-repeat: repeat-x;
border: 2px solid black;
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
list-style-image: url("images/puce.png");
padding: 20px;
padding-left: 20px;
margin : left;
margin-bottom:20px;
margin-right: 20px ;
color: #B3B3B3;
background-color: #B3B3B3;
color: black;
}
Fou le code sur le colorateur que deep ta donner plus haut, et donne les liens, car là, c´est du flood tes post ![]()
Tu as des TRES gros problèmes de sémantique et de syntaxe !
http://www.series-sources.com/simon/debug.html
Recupere le css et corrige les problemes de syntaxe.
<h3>toto<h3/> : ![]()
<h3>toto</h3>
Ton "alut, pour tout vous dire j´ai créer ce site dans le bu[...]" n´a rien à faire dans du <h4></h4>. Ta liste, tu aas oublité de mettre la balise <ul></ul> autour de l´ensemble des <li></li>
Un tour ici ne te ferais pas de mal :
http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html
c´est la que j´ai appris mais mes doigts vont plus vite que mon cerveau ![]()
Il devait être en vacance !
Ou alors tu as lu en diagonale.
Je suis en vacance
![]()
Je ne parlais pas de toi, mais de ton cerveau !