Plassering av "bokser" på side

[kidden]

Jeg driver å lager noe portal lignende greier nå, men sliter litt.

Jeg brukte før tabeller og det fungerte greit, men jeg har nå bestemt meg for å gå over til divs. Jeg kan dessverre ikke legge ut noe link til siden, men dere kan få se resultatet når det er ferdig.

Det er slik jeg vil ha det, og det er slik det så ut når jeg brukte tabeller:

 

 

Men når jeg bruker divs, så ser det ut noe lignede dette:

 

 

Dette ser helt rart ut, slik som dere sikkert ser. Dette er bare en tegning for å vise dere sånn ca. åssen det ser ut, så det ser ikek prik likt ut i virkeligheten, men det er ikke langt ifra. Åssen skal jeg få det til å se ut slik som på første bilde ved å bare bruke divs og css? Og i tilleg når jeg legger en nyheter må nyhetene komme nedover i midten, som dere ser på bilde nr. 1. Jeg vil altså at det skal være noen "bokser" på venstre side (i tabeller brukt jeg 15% tror jeg), og noen bokser på midten. (tror jeg brukte 70%) og helt like bokser til høyere som til venstre, bare at de er høyrejustert.

 

Åssen kan jeg klare dette med divs og css?

 

Edit: gelmte å si at jeg har prøvd float: left i css og sånt, men resultatet ble ikek noe bedre.

Endret 3. mars 2005 av kidden

[pgdx]

Du er vel ute etter noe som du finner på glish.com? Hvis du ta utgangspunkt i den, kommer du nok et stykke på vei...

[kidden]

Jeg er ute etter noe lignede sånn de har det på Foco.no.

Endret 3. mars 2005 av kidden

[Domodyret]

Kanskje du finner noe nyttig her:

http://www.glish.com/css/

 

Drange var i forveien ja

 

Foco.no? Da får du spøre Polecat

Endret 3. mars 2005 av Domodyret

[kidden]

Kanskje du finner noe nyttig her:

http://www.glish.com/css/

 

Drange var i forveien ja

 

Foco.no? Da får du spøre Polecat

PoleCat har vel ingenting med foco.no å gjøre? Husker at en person hos foco.no "stjal" css koden til polecat, men har ikke foco fått nytt design etter det? Uansett... Noen som vet åssen jeg får det likt Foco.no? jeg bruker ikke px i css men %.

[pgdx]

Da ripper du foco.no, enkelt og greit.

 

Det er ikke ulovlig å bli inspirert av en sides koding. Så ikke kopier den, det er forbudt i henhold til åndsverksloven §12, men se hvordan de har gjort det, og skriv din egen kode basert på det.

[halvardm]

Ja, for da lærer du det også til neste gang!

Gjør det!

 

Neppe

 

----------------------------

 

Om du vil ha litt inspirasjon da tar du å sjekker www.glish.com/css som er sagt. Der får du vel litt hjelp på veien.

Les grundig gjennom www.htmldog.com eller liknende om CSS osv.

 

Husk også at det bare er å spørre her på forumet. Men før du spør etter noe, så søk etter det.

Endret 4. mars 2005 av Skomaker

[kidden]

takk for svar.

men jeg har prøvd å få til dette i 3 dager nå, uten at jeg har funent ut noe mer. jeg har prøvd å se i kildekoden og css fila til foco, og jeg har til og med lagret foco forsiden og css fila for å se om jeg kunne finen ut noe mer. men det hjalp ikke.

 

Husk også at det bare er å spørre her på forumet. Men før du spør etter noe, så søk etter det.

 

Jeg har prøvd å søke, men ikke funnet noe. Derfor spørr jeg om hjelp her.

Jeg sier det igjen: Jeg vil plassere alle boksene som skal være på venstre side på venstre side og boksene som skal vøre på høyre side på høyre side + at jeg skal ha bokser i midten, hvor det blir laget en ny boks for hver nye nyhet som blir skrevet. Dårlig forklart, men jeg håper dere skjønner det.

 

Noen som kan hjelpe meg?

[kidden]

Jeg satt float:left; på venstre boks (har bare en boks på venstre side foreløpig), og float:right; på høyre boks (har bare en boks her også foreløpig) og tilslutt satt jeg margin:0 auto; på center boksen (den i midten, og under den skal det ettervert skrives nyheter). Og slik ble resultatet:

 

 

det er nesten slik jeg vil ha det, bare at jeg vil ha den høyre boksen ved siden av center boksen på høyre side på samme linje, og ikke på høyre side linja under.

 

Slik vil jeg ha det:

 

 

Noen som kan hjelpe meg med å få den høyre boksen ved siden av center boksen på samme linje, og ikke på linja under?

Endret 4. mars 2005 av kidden

[hockey500]

*Slettet*

Endret 4. mars 2005 av hockey500

[kidden]

noe slikt du vil ha?

LINK

den bugger endel i firefox, men i ie var det bare en feil, og det er slik den ser ut i ie jeg vil ha den, bare at jeg vil ha den du kaller "bunnboks til høyre", i bunnen på høyre, og ikke ved siden av midtboks til høyre.

 

Edit: Ok

Endret 4. mars 2005 av kidden

[hockey500]

da tror jeg jeg har klart det. Ser hvertfall fin ut i Opera 8b og IE. Skal sjekke i FF også

 

Edit: brenn FF bugger fortsatt der. skal prøve å fikse det

Endret 4. mars 2005 av hockey500

[kidden]

Genialt! Nå vises den helt perfekt i IE, men bugger fortsatt litt i FF. men uansett, det er akkuratt slik jeg vil ha det, bare at jeg bruker 100% (sånn at den blir 100% bred i alle oppløsninger) istedenfor pixler som du bruker. Er det vanskelig å gjøre om det utenatt hele greia blir helt fucka (sorry uttrykket)?

[hockey500]

sikkert ikke.

nårt jeg får det slik det skal se ut i FF også skal jeg se på den saken.

[kidden]

sikkert ikke.

nårt jeg får det slik det skal se ut i FF også skal jeg se på den saken.

Okay. du er en hjelpsom fyr vertfall! tusen takk for at du gidder å bruke litt tid til å hjelpe meg!

 

Den fungerer helt fint i ie og opera (husker ikek helt hvilken versjon jeg har), men bugger litt i ff 1.0.

Endret 4. mars 2005 av kidden

[hockey500]

JESS jeg klarte det.!!!!! da gjenstår bare å angi bredde i widtth istedenfor px så er jeg ferdig!

[hockey500]

JESS jeg klarte det.!!!!! da gjenstår bare å angi bredde i widtth istedenfor px så er jeg ferdig! Dette var det verste designet jeg noen gang har kodet. aldri brukt så mange diver før

LINK til det perfekte

Endret 4. mars 2005 av hockey500

[kidden]

Jess ja! Nå fungerer den i FF 1.0 også, så da regner jeg med at det fungerer i tidligere FF versjoner også.

[hockey500]

vil du ha 100% eller litt mindre? 90% kanskje?

[kidden]

jeg vil ha 100%. men vil ha litt mellomrom mellom være boks. og like stort mellomrom mellom boksene.

Edit: Hva skjedde på den siden nå?

Edit 2: Nå funka det igjen

Endret 4. mars 2005 av kidden