Kom ihåg mig?
Home Menu

Menu


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

Ämnesverktyg Visningsalternativ
Oläst 2007-03-26, 16:05 #1
Thir13teens avatar
Thir13teen Thir13teen är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2004
Inlägg: 767
Thir13teen Thir13teen är inte uppkopplad
Mycket flitig postare
Thir13teens avatar
 
Reg.datum: Oct 2004
Inlägg: 767
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!!
Thir13teen är inte uppkopplad   Svara med citatSvara med citat
Oläst 2007-03-26, 16:55 #2
Aerpe Aerpe är inte uppkopplad
Medlem
 
Reg.datum: Oct 2006
Inlägg: 221
Aerpe Aerpe är inte uppkopplad
Medlem
 
Reg.datum: Oct 2006
Inlägg: 221
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
Aerpe är inte uppkopplad   Svara med citatSvara med citat
Oläst 2007-03-26, 18:45 #3
Saints avatar
Saint Saint är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Dec 2004
Inlägg: 649
Saint Saint är inte uppkopplad
Mycket flitig postare
Saints avatar
 
Reg.datum: Dec 2004
Inlägg: 649
Finns fina steg för steg guider där ute.
Saint är inte uppkopplad   Svara med citatSvara med citat
Oläst 2007-03-27, 09:42 #4
Thir13teens avatar
Thir13teen Thir13teen är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2004
Inlägg: 767
Thir13teen Thir13teen är inte uppkopplad
Mycket flitig postare
Thir13teens avatar
 
Reg.datum: Oct 2004
Inlägg: 767
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.
Thir13teen är inte uppkopplad   Svara med citatSvara med citat
Oläst 2007-03-27, 11:11 #5
melin melin är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Jul 2003
Inlägg: 1 396
melin melin är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Jul 2003
Inlägg: 1 396
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
melin är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 15:29.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017