Tabeller som meny

[raider000]

Hvordan får man alle rutene horisontalt i en tabell til å være like lange, hvis alle skal være som en meny?

[masb]

skal hver av datacellene være som en knapp? er det det du mener?

[MikkelRev]

sett samme width-property.

[raider000]

skal hver av datacellene være som en knapp? er det det du mener?

 

Ja, de skal jo for så vidt det, men har en tabell som går ned fra den.

 

sett samme width-property.

 

Det skjønner jeg også, men vil jo at de skal fylle ut bredden helt da. Det må vel fins en annen måte enn å regne ut(noe som ikke alltid blir 100% rett)!?

[MikkelRev]

Har du link?

[raider000]

Har du link?

Nei, men legger med bilde:

 

Her kan du se at de forskjellige operativsystemene har ujevn fordeling.

 

 

Dette er et skoleprosjekt btw.

[masb]

om bredden er satt med px vil jo bredden være konstant

[raider000]

om bredden er satt med px vil jo bredden være konstant

Bredden på hele siden er satt 980px. Men har ikke skrivt noe annet enn at table width=100%...

 

Det må jo finnes en måte å gjøre det på uten å regne det ut? Få alle til å stille seg jevnt?

[lassejl]

Vel, du har 5 meny items, 100%/5 = 20% per celle. Hva med:

 

td {
width: 20%;
}

 

Eventuelt 980px/5 = 196px per celle:

td {
width:196px;
}

[MikkelRev]

Du kan ha en vertikal meny istedet.

Lag en undertabell for menyen. Menytabellen: <table width="20%">

Da trenger du ikke regne ut, og slipper å endre hver gang du legger til ny menuting.

[bonedawg]

Vel, du har 5 meny items, 100%/5 = 20% per celle. Hva med:

 

td {
width: 20%;
}

 

Eventuelt 980px/5 = 196px per celle:

td {
width:196px;
}

 

IE er ikke glad i width på td-elementer om jeg ikke husker feil, workaround er å sette bredde på div som er inni td.

[MikkelRev]

IE er ikke glad i width på td-elementer om jeg ikke husker feil, workaround er å sette bredde på div som er inni td.

Det gjelder både html-width og css-width?

[bonedawg]

IE er ikke glad i width på td-elementer om jeg ikke husker feil, workaround er å sette bredde på div som er inni td.

Det gjelder både html-width og css-width?

 

Mener å huske det, det er i hvert fall masse krøll rundt crossbrowser når det kommer til stiling og størrelser av tr/td. Jeg bruker konsekvent en div til content og style i td hvis jeg først må bruke tabell. Dog jeg gjør alt jeg kan for å slippe tabeller

[jabbamabba]

Anbefaler absolutt CSS-width fremfor HTML-width om du går for tabell. Kan ikke huske noe crossbrowser problemer med dette, men jeg kan ta feil..

 

Boxed koding med div'er er jo veldig populært om dagen da. Synes selv det kan være litt forvirrende, men er nok ingen dum vei å gå.

 

Husk float:left for å legge div'ene etter hverandre:

 

<div style="width:196px; border: 1px solid;">bla bla bla</div>

[bonedawg]

alltid css, aldri entity-properties (<table width="#$" osv )

 

mulig jeg blander, klarer ikke å replikere det jeg prater om, men jeg er jævla sikker på at det er en av grunnen til at jeg aldri bruker tables lenger, kanskje det stammer fra ie6 dagene, hvem vet.....

 

neste gang jeg kommer over det så skal jeg løpe inn hit og poste eksempelet....

 

 

støtter forøvrig jørns (jabbadabbadoo) forslag om å bruke div med float:left, mye deiligere og strengt tatt blir det ganske identisk når det kommer til antall krokodille-tegn