6 svar · 434 visningar · startad av Pedda
Har problem med en tabellkant som blir konstig. (se bifogad bild)
Min css ser ut så här:
.menytabell {
border-right: dotted 1px #990000;
background-image: url(../bilder/tulips.gif);
background-repeat: no-repeat;
background-attachment: fixed;
}
Någon som kan se vad jag har gjort för fel?
Tycker det ser ut som om det skulle kunna vara en 1px bred "slice" av en bild som visas hursomhelst...
Mer kod?
Vilken tagg sitter t.ex .menytabell på - en table eller en td?
Vad är det din bild visar?
Högerkanten på en tabell eller mellanrummet mellan två celler inuti den - eller ?
Länk till sidan ?
Lättare att gissa då ;)
Testa att skriva direkt i tabell-taggen, eller td-taggen eller vart du nu har lagt din class:
STYLE="border-width:1px; border-style:dotted;"
Bara för att se om resultatet blir annorlunda...
CSS kan driva mig till vanisnne ibland, speciellt dotted, som tycks leva ett eget liv. :)
Har testat och lagt bredd och höjd på tabellen.
Resultatet blir en tabellbakgrund med endast en streckad tabellkant till höger.
<html>
<head>
<style type= text/css>
.menytabell {
width:200px;
height:200px;
border-right: dotted 1px #990000;
background-image: url(../bilder/tulips.gif);
background-repeat: no-repeat;
background-attachment: fixed;
}
</style>
</head>
<body bgcolor=green>
<table class=menytabell>
<tr>
<td>
</td>
</tr>
</table>
</body>
</html>
Helt plötsligt så ser det bättre ut, utan att jag ändrat något!! Mysko.
Men jag tycker fortfarande att punkterna ser konstiga ut. Nästan svårt att se att det är punkter. Har ändrat dom till 2px nu.
Här kan ni kika på sidan om ni vill.
jarvklo skrev:
Vilken tagg sitter t.ex .menytabell på - en table eller en td?
.menytabell sitter på en td.
Testa att lägga in dashed i.st.f. dotted i din css.
Blir då lite mer streckad, inte prickig.
så här
2px dashed #990000
eller kanske en färg som bryter lite
2px dotted black
Nu syns det bra.
Hade ju inte lagt någon bakgrundsfärg i tabeller, bara i cellerna. Så det var därför punkterna inte blev så tydliga.