28173 sujets

CSS et mise en forme, CSS3

Probleme d alignement

Bonjour !

Je viens de terminer design ainsi que la decoupe , et arriver sur dreamweaver je me trouve confronter a probleme, mon corps ( la ou je met mon texte ect ... ) s' etire mais pas le reste c est a dire le footer et les deux morceaux d images ( mes borders ) sur les cotes .

Comment faire ? j ai pratiquement tout essayer de passer les images en background , de les mettre fixed ou scroll mais rien a faire .

http://img113.imageshack.us/my.php?image=voilaxk0.jpg


Merci
Modifié par hag_douglas (17 Sep 2006 - 01:18)
oui c est vrai desoler Smiley smile

a écrit :
<!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>
<title>Nk_final_4 copie</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- ImageReady Styles (Nk_final_4 copie.gif) -->
<style type="text/css">
<!--

#Tableau_01 {
position:absolute;
left:0px;
top:0px;
width:1024px;
height:768px;
}

#Nk-final-4-copie-01_ {
position:absolute;
left:0px;
top:0px;
width:1024px;
height:199px;
}

#Nk-final-4-copie-02_ {
position:absolute;
left:0px;
top:199px;
width:135px;
height:569px;
}

#Nk-final-4-copie-03_ {
position:absolute;
left:135px;
top:199px;
width:83px;
height:24px;
}

#Nk-final-4-copie-04_ {
position:absolute;
left:218px;
top:199px;
width:49px;
height:24px;
}

#Nk-final-4-copie-05_ {
position:absolute;
left:267px;
top:199px;
width:15px;
height:24px;
}

#Nk-final-4-copie-06_ {
position:absolute;
left:282px;
top:199px;
width:86px;
height:24px;
}

#Nk-final-4-copie-07_ {
position:absolute;
left:368px;
top:199px;
width:15px;
height:24px;
}

#Nk-final-4-copie-08_ {
position:absolute;
left:383px;
top:199px;
width:58px;
height:24px;
}

#Nk-final-4-copie-09_ {
position:absolute;
left:441px;
top:199px;
width:14px;
height:24px;
}

#Nk-final-4-copie-10_ {
position:absolute;
left:455px;
top:199px;
width:64px;
height:24px;
}

#Nk-final-4-copie-11_ {
position:absolute;
left:519px;
top:199px;
width:15px;
height:24px;
}

#Nk-final-4-copie-12_ {
position:absolute;
left:534px;
top:199px;
width:88px;
height:24px;
}

#Nk-final-4-copie-13_ {
position:absolute;
left:622px;
top:199px;
width:13px;
height:24px;
}

#Nk-final-4-copie-14_ {
position:absolute;
left:635px;
top:199px;
width:114px;
height:24px;
}

#Nk-final-4-copie-15_ {
position:absolute;
left:749px;
top:199px;
width:13px;
height:24px;
}

#Nk-final-4-copie-16_ {
position:absolute;
left:762px;
top:199px;
width:52px;
height:24px;
}

#Nk-final-4-copie-17_ {
position:absolute;
left:814px;
top:199px;
width:75px;
height:24px;
}

#Nk-final-4-copie-18_ {
position:absolute;
left:889px;
top:199px;
width:135px;
height:569px;
}

#Nk-final-4-copie-19_ {
position:absolute;
left:135px;
top:223px;
width:754px;
height:497px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: normal;
font-weight: normal;
background-image: url(images/Nk_final_4-copie_19.gif);
}

#Nk-final-4-copie-20_ {
position:absolute;
left:135px;
top:720px;
width:754px;
height:48px;
}
.style1 {font-size: 12px}
.style4 {font-weight: bold; color: #E4E3E2;}

-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#FFFFFF;">
<!-- ImageReady Slices (Nk_final_4 copie.gif) -->
<div id="Tableau_01">
<div id="Nk-final-4-copie-01_">
<img id="Nk_final_4_copie_01" src="images/Nk_final_4-copie_01.gif" width="1024" height="199" alt="" />
</div>
<div id="Nk-final-4-copie-02_">
<img src="images/Nk_final_4-copie_02.gif" alt="" width="135" height="569" align="right" id="Nk_final_4_copie_02" /> </div>
<div id="Nk-final-4-copie-03_">
<img id="Nk_final_4_copie_03" src="images/Nk_final_4-copie_03.gif" width="83" height="24" alt="" />
</div>
<div id="Nk-final-4-copie-04_">
<img id="Nk_final_4_copie_04" src="images/Nk_final_4-copie_04.gif" width="49" height="24" alt="" />
</div>
<div id="Nk-final-4-copie-05_">
<img id="Nk_final_4_copie_05" src="images/Nk_final_4-copie_05.gif" width="15" height="24" alt="" />
</div>
<div id="Nk-final-4-copie-06_">
<img id="Nk_final_4_copie_06" src="images/Nk_final_4-copie_06.gif" width="86" height="24" alt="" />
</div>
<div id="Nk-final-4-copie-07_">
<img id="Nk_final_4_copie_07" src="images/Nk_final_4-copie_07.gif" width="15" height="24" alt="" />
</div>
<div id="Nk-final-4-copie-08_">
<img id="Nk_final_4_copie_08" src="images/Nk_final_4-copie_08.gif" width="58" height="24" alt="" />
</div>
<div id="Nk-final-4-copie-09_">
<img id="Nk_final_4_copie_09" src="images/Nk_final_4-copie_09.gif" width="14" height="24" alt="" />
</div>
<div id="Nk-final-4-copie-10_">
<img id="Nk_final_4_copie_10" src="images/Nk_final_4-copie_10.gif" width="64" height="24" alt="" />
</div>
<div id="Nk-final-4-copie-11_">
<img id="Nk_final_4_copie_11" src="images/Nk_final_4-copie_11.gif" width="15" height="24" alt="" />
</div>
<div id="Nk-final-4-copie-12_">
<img id="Nk_final_4_copie_12" src="images/Nk_final_4-copie_12.gif" width="88" height="24" alt="" />
</div>
<div id="Nk-final-4-copie-13_">
<img id="Nk_final_4_copie_13" src="images/Nk_final_4-copie_13.gif" width="13" height="24" alt="" />
</div>
<div id="Nk-final-4-copie-14_">
<img id="Nk_final_4_copie_14" src="images/Nk_final_4-copie_14.gif" width="114" height="24" alt="" />
</div>
<div id="Nk-final-4-copie-15_">
<img id="Nk_final_4_copie_15" src="images/Nk_final_4-copie_15.gif" width="13" height="24" alt="" />
</div>
<div id="Nk-final-4-copie-16_">
<img id="Nk_final_4_copie_16" src="images/Nk_final_4-copie_16.gif" width="52" height="24" alt="" />
</div>
<div id="Nk-final-4-copie-17_">
<img id="Nk_final_4_copie_17" src="images/Nk_final_4-copie_17.gif" width="75" height="24" alt="" />
</div>
<div id="Nk-final-4-copie-18_">
<img src="images/Nk_final_4-copie_18.gif" alt="" width="135" height="569" align="right" id="Nk_final_4_copie_18" /> </div>
<div id="Nk-final-4-copie-19_">
<blockquote>
<h1>Ou pratiquer ?</h1>
<blockquote>
<p class="style1">Vous souhaiter paratiquer en ma compagnie, c' est tres simple, Il vous suffit de vous rendre dans l' un de ses dojos :</p>
<blockquote>
<p class="style1"><span class="style4">Dojo Copernic</span> ( 91700 - Ste Geneviève Des Bois ) :</p>
<p class="style1">Horraires : </p>
</blockquote>
</blockquote>
</blockquote>
</div>
<div id="Nk-final-4-copie-20_">
<img src="images/Nk_final_4-copie_20.gif" name="Nk_final_4_copie_20" width="754" height="48" align="absbottom" id="Nk_final_4_copie_20" /> </div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
Sujet clos
Aller à