Bonjour tout le monde.
Bon bin je me décide à ouvrir un post.
Complètement newbie ds l'univers de la création de site sans tableaux (oups), je me décide enfin à passer aux balises mais avec quelques difficultés. J'ai fouiné sur le site, essayé plusieurs combines sans résultats.
J'au une mise en page en 2 colonnes ainsi qu'un footer bas. Mes 2 colonnes sont mises en pages horizontalement avec des images découpées.
Les problèmes:
1- mon footer se place désespéremment en haut ou disparait simplement.
2- Mes Cellules de texte du Div "middlenews" ne "poussent" pas les 3 div se trouvant en dessous (à savoir bottomright1, 2, 3 et footer (si il était là).
Et pour les css:
Voila, un grand cri de désespoir de secour d'help siou plait
Bon bin je me décide à ouvrir un post.
Complètement newbie ds l'univers de la création de site sans tableaux (oups), je me décide enfin à passer aux balises mais avec quelques difficultés. J'ai fouiné sur le site, essayé plusieurs combines sans résultats.
J'au une mise en page en 2 colonnes ainsi qu'un footer bas. Mes 2 colonnes sont mises en pages horizontalement avec des images découpées.
Les problèmes:
1- mon footer se place désespéremment en haut ou disparait simplement.
2- Mes Cellules de texte du Div "middlenews" ne "poussent" pas les 3 div se trouvant en dessous (à savoir bottomright1, 2, 3 et footer (si il était là).
<body>
<div id="global" style="visibility: visible">
<div id="mainleft">
<div id="headleft"><IMG alt="blablabla" src="images/blablabla.gif"></div>
<div id="menuleft"></div>
<div id="middleleft"></div>
<div id="middle2left"><a href="http://www.blablabla.com" target="_blank"><IMG alt="blablabla" src="images/blablabla-12.gif" border="0"></a></div>
<div id="bottomleft"></div></div>
<div id="mainright">
<div id="head1right"></div>
<div id="head2right"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="609" height="166">
<param name=movie value="images/blablabla-top.swf">
<param name=quality value=high>
<embed src="images/santec-top.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="609" height="166">
</embed></object></div>
<div id="middle1right"></div>
<div id="middle2right"></div>
<div id="middle3right"></div>
<div id="middlenews" style="overflow: visible">
<div id="bloc1">Lorem
ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam Lorem ipsum dolor sit
amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
ut labore et dolore magna aliquyamLorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam</div>
<div id="bloc2">bonjour je mapelebli bli et voila bla blka Lorem
ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam Lorem ipsum dolor sit
amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
ut labore et dolore magna aliquyamLorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna</div></div>
<div id="bottomright1"></div>
<div id="bottomright2"></div>
<div id="bottomright3"></div></div>
<div id="footer" style="background-color: #1596EB; layer-background-color: #1596EB; border: 1px none #000000; visibility: inherit"></div>
</div>Et pour les css:
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0.8em; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: justify; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; FONT-COLOR: #ffffff
}
#global {
LEFT: 50%; MARGIN-LEFT: -380px; WIDTH: 760px; TOP: 10px; POSITION: absolute; BACKGROUND-COLOR: #000000
}
#mainleft {
LEFT: 0px; WIDTH: 151px; HEIGHT: 417px; TOP: 0px; POSITION: absolute
}
#headleft {
LEFT: 0px; WIDTH: 151px; HEIGHT: 83px
}
#menuleft {
LEFT: 0px; WIDTH: 151px; HEIGHT: 117px; BACKGROUND-IMAGE: url(images/blabla-05.jpg); WIDTH: 151px; HEIGHT: 117px
}
#middleleft {
LEFT: 0px; WIDTH: 151px; HEIGHT: 158px; BACKGROUND-IMAGE: url(images/blabla-07.jpg); WIDTH: 151px; HEIGHT: 158px
}
#middle2left {
LEFT: 0px; WIDTH: 151px; HEIGHT: 45px
}
#bottomleft {
LEFT: 0px; WIDTH: 151px; HEIGHT: 14px; BACKGROUND-IMAGE: url(images/blabla-15.gif); WIDTH: 151px; HEIGHT: 14px; OVERFLOW: hidden
}
#mainright {
left: 151px; WIDTH: 609px; TOP: 0px; POSITION: absolute
}
#head1right {
LEFT: 0px; WIDTH: 609px; HEIGHT: 23px; BACKGROUND-IMAGE: url(images/blabla-03.gif); WIDTH: 609px; HEIGHT: 23px
}
#head2right {
LEFT: 0px; WIDTH: 609px; HEIGHT: 166px
}
#middle1right {
LEFT: 0px; WIDTH: 609px; HEIGHT: 32px; BACKGROUND-IMAGE: url(images/blabla-06.jpg); WIDTH: 609px; HEIGHT: 32px
}
#middle2right {
LEFT: 0px; WIDTH: 609px; HEIGHT: 19px; BACKGROUND-IMAGE: url(images/blabla-08.gif); WIDTH: 609px; HEIGHT: 19px
}
#middle3right {
LEFT: 0px; WIDTH: 609px; HEIGHT: 35px; BACKGROUND-IMAGE: url(images/blabla-09.gif); WIDTH: 609px; HEIGHT: 35px
}
#middlenews {
LEFT: 0px; WIDTH: 609px; BACKGROUND-IMAGE: url(images/blabla-10.jpg); WIDTH: 609px; HEIGHT: 76px
}
#bottomright1 {
LEFT: 0px; WIDTH: 609px; HEIGHT: 31px; BACKGROUND-IMAGE: url(images/blabla-11.gif); WIDTH: 609px; HEIGHT: 31px
}
#bottomright2 {
LEFT: 0px; WIDTH: 609px; HEIGHT: 21px; BACKGROUND-IMAGE: url(images/blabla1_12.jpg); WIDTH: 609px; HEIGHT: 21px
}
#bottomright3 {
LEFT: 0px; WIDTH: 609px; HEIGHT: 14px; BACKGROUND-IMAGE: url(images/blabla-16.gif); WIDTH: 609px; HEIGHT: 14px; OVERFLOW: hidden
}
#bloc1 {
LEFT: 45px; WIDTH: 235px; HEIGHT:auto; POSITION: absolute
}
#bloc2 {
LEFT: 320px; WIDTH: 235px; HEIGHT:auto; POSITION: absolute
}
#footer {
LEFT: 50%; MARGIN-LEFT: -380px; WIDTH: 760px; POSITION: absolute; BACKGROUND-COLOR: #00fd99
}Voila, un grand cri de désespoir de secour d'help siou plait
