WN - Layout i CSS, kolumner och rader, hjälp!

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Layout i CSS, kolumner och rader, hjälp! (https://www.wn.se/forum/showthread.php?t=20221)

Thir13teen

2007-03-26 15:05

Jag vill bygga en basic sida med 5 kolumner: Whitespace, liten kolumn, mittsektion, liten kolumn, whitespace.

I "liten kolumn" ska det vara en bild (på en dropshadow).

Det ska vara statiska storlekar på allt som inte är whitespace, typ *, 10px, 300px, 10px, *.

Det är ganska basic men jag hittar inte riktigt de svar jag söker på Google. Vad ska jag ha för positioning på divarna?. Ska det vara divs på whitespacet också? Float? Ska dropshadowarna vara bg-images eller vanliga?

Säg att jag har divar med id=dropshadow och id=middle (eventuellt id=whitespace) och bilden är dshadow.jpg, hur ska jag skriva i mitt CSS-dokument?

Tack på förhand!!

Aerpe

2007-03-26 15:55

Om jag bara skriver lite på måfå skulle jag göra såhär..

Kod:

<div id="wrapper">

 <div id="left"></div>

 <div id="middle"></div>

 <div id="right"></div>

</div>

Kod:

#wrapper {

 width:800px;

 margin:0 auto;

 padding:0 50px;

 }



#left {

 float: left;

 width: 150px;

 background: url("/images/shadowcol.gif") no-repeat;

 }



#middle {

 float: left;

 width: 300px;

 background: url("/images/shadowmiddle.gif") no-repeat;

 }



#right {

 float:left;

 width:150px;

 background: url("/images/shadowcol.gif") no-repeat;

 }

.. om jag inte har hjärnsläpp. Inte kodat på några veckor.

Jag kom på att det inte är en kolumn nu också, förlorade för mycket hjärnceller i helgen :(

*kniper käft*

// Robban

Saint

2007-03-26 17:45

Finns fina steg för steg guider där ute.

Thir13teen

2007-03-27 08:42

Citat:

Originally posted by Saint@Mar 26 2007, 17:45
Finns fina http://www.google.se/search?hl=sv&cl...S%C3%B6k&meta= där ute.

Aerpe: Det blir inte som jag vill :( Kolla mycket gärna igen om du orkar.

Saint: Står inget om det jag söker där.

melin

2007-03-27 10:11

kolla CSSen för http://gorilla.warmag.net - den är uppbyggd som du vill ha det.. det du behöver ändra är bredd och marginaler

Alla tider är GMT +2. Klockan är nu 01:59.