Cellstorleken fördelas ej jämt

Titta på den här sidan:
http://www.troxy.net/bestall.asp

Titta sedan på den här sidan:
http://www.troxy.net/bestall2.asp

På första sidan, bestall.asp finns det ingen text. Menyn är då helt perfekt, alla knappar är 90px breda.

Men tittar ni på den andra sidan, bestall2.asp, är inte storleken fördelad jämn mellan knapparna längre.

Det verkar som att det blir fel såfort man skriver text som löper hela vägen till slutet av tabellen så att den radbryts. Vad ska jag göra?

Varje knapp är en cell som använder classen menu_td.

.MENU_TD
{
width: 82px;
height: 20px;
padding: 4px;
background-color: #8CB5D3;
font: 10px, Tahoma,Verdana,Arial;
color: #FFFFFF;
cursor: hand;
}

Ööööhh jo! :/

magnusfernstrom, vad menar du? Att det ser lika ut?

Det skiljer flera pixlar, vilket inte är bra, för jag har tänkt att ha bakgrundbilder i knapparna sen.

.MENU_TD och menu_td ä inte samma sak...
sen vet jag inte riktigt vad detta är

[red]
border: 0px solid #FFFFFF;
[/red]

du kan inte ha en border som är vit och solid och 0px :q

mv icaaq

icaaq, oj, satt och labbade förut. Men den är borta nu, men det blir ingen skillnad.

Dessutom, det är visst samma sak. Gemener och versaler spelar ingen roll, för annars hade ju cellerna inge fått bakgrundsfärger, teckensnitt eller någonting alls.

Det underlättar alltid att ange i vilken browser man har problem. I Mozilla Firefox såg båda sidorna likadana ut.

Har inte riktigt gått igenom koden, men tabellens width kanske inte stämmer överens med all padding och spacing du har?

Prova att lägga till table-layout:fixed; på tabellen.

Sen behöver du inte använda dig av Javascript för hover effekten. Kolla in denna sida för en CSS lösning.

Sedan rekommenderar jag att du använder dig av en DOCTYPE till dina sidor.

Tack! Ska kolla det där med width:en. Och det där med CSS:hovern var coolt. Ang DOCTYPE, har jag hört det förut, men inte fattat riktigt vad det är..

Jarvklo är alltid bra på att förklara saker, kolla in denna länk:
http://www.webforum.nu/showthread.php?s=&postid=650163#post650163

Sök i detta forum för mer information om DOCTYPE:s.

weee! Nu är det löst! Efter att jag satte en bestämd width på den över och undre cellen, fungerade det =))

Såg att du använder dig av cursor:hand, detta är IE specifikt.
Det korrekta är cusor:pointer som IE 6 (hand stödet är kvar dock) och Mozilla använder.

För att få hand cursorn i alla browsers skriver du båda i följande ordning:

cursor:hand;
cursor:pointer;

PepeJeria, pointer fungerar ju i IE också, kan man inte skippa hand helt och hållet då?

Btw, vad finns det mer för värden till cursor? :)

The 'cursor' property

Troxy skrev:

PepeJeria, pointer fungerar ju i IE också, kan man inte skippa hand helt och hållet då?

Jepp som jag sa ovan så fungerar det i IE 6 också. Men för att det ska fungera i IE 5.x så behöver du även hand.

Lite dumt att ta med HTML-elementet i klass-namnet. Skriv då istället:

TD.MENU
{
width: 82px;
height: 20px;
padding: 4px;
background-color: #8CB5D3;
font: 10px, Tahoma,Verdana,Arial;
color: #FFFFFF;
cursor: hand;
}

Erik, classen heter menu_td, inte menu

PepeJeria, Erik kom, såvitt jag kan se, med ett konstruktivt förslag/råd på ett nytt och "bättre" namn för klassen om du läser hans inlägg ordentligt. ;)

Och precis som ditt konstruktiva förslag/råd om valet av cursor: tidigare i tråden så var det kanske lite utanför själva ämnet (som ju handlade om tabellcellsbredder) - men det var, precis som ditt förslag, garanterat ett genomtänkt förslag lämnat i all välmening...

Ursprungsfrågan i tråden är f.ö. löst, så nu tycker jag att vi slutar skriva inlägg utanför ämnet i den här tråden och låter den vara ifred tills Troxy ev. ställer en följdfråga om tabellcellsbredder.

Hälsar
/Jarvklo - Moderator i forumet HTML, XHTML & CSS

Ouch, sorry, du har rätt. Läste Eriks inlägg alltför hastigt. :r