webForumDet fria alternativet

Tabellkant i top och bottom?

HTML & CSS

11 svar · 421 visningar · startad av caze

Medlem sedan sep. 20016 059 inlägg
Frågan#1

Går det att fixa så att endast den övre och nedre kanten i tabellen får en border. Alltså om det ser ut så här:

-------------
innehåll
-------------

Medlem sedan nov. 20051 596 inlägg
#2

table {
border-bottom: 1px dotted #000;
border-top: 1px dotted #000;
}

Medlem sedan sep. 20016 059 inlägg
#3

Hur får jag in det i <td align="middle" border="1" > får om jag lägger in det i cssdelen hamnar det i alla tabeller?

Medlem sedan nov. 20051 596 inlägg
#4

Nu blir jag lite förvirrad är det en td som ska ha kanter eller är det en table?
prova med att ändra
.kant {
border-bottom: 1px dotted #000;
border-top: 1px dotted #000;
}
och
<td align="middle" class="kant">

Medlem sedan sep. 20016 059 inlägg
#5

Ja precis. Hur gör jag om jag vill ha en bild som kant istället?

Medlem sedan aug. 20068 090 inlägg
#6

caze skrev:

Ja precis. Hur gör jag om jag vill ha en bild som kant istället?

Förklara bättre. Vad är det för bild, t.ex.?

Medlem sedan sep. 20016 059 inlägg
#7

En snygg border bara.

Medlem sedan sep. 20016 059 inlägg
#8

Jag har en tabell som är centrerad i mitten, med en td på varje sida om innehåller skuggor. Jag vill ha en snygg border som i det här fallet är en .gif ovanför och under den här tabellen.

Medlem sedan aug. 20068 090 inlägg
#9

caze skrev:

Jag har en tabell som är centrerad i mitten, med en td på varje sida om innehåller skuggor. Jag vill ha en snygg border som i det här fallet är en .gif ovanför och under den här tabellen.

Det bygger på att man har en tabell med nio celler, dvs tre vertikala columner och tre horisontella rader. Själva innehållet ska vara i den mittersta, ramen ska delas upp och husera i de åtta cellerna som omger den mittersta.

Sen lägger man in bilderna som bakgrunder i varje cell och formaterar individuellt med CSS.

Du kan söka på t.ex. "rounded corners tutorial" och liknande så kommer du att hitta tutorials som också ger dig en hum om hur man jobbar.

Medlem sedan sep. 20016 059 inlägg
#10

Jo precis, något sånt har jag gjort.

Men går det inte göra så här: .kant {
border-bottom: 1px dotted #000;
border-top: 1px dotted #000;
}
med bild istället för dotted 1 px border?

Medlem sedan aug. 20068 090 inlägg
#11

caze skrev:

Jo precis, något sånt har jag gjort.

Men går det inte göra så här: .kant {
border-bottom: 1px dotted #000;
border-top: 1px dotted #000;
}
med bild istället för dotted 1 px border?

Nej, det känner jag inte till.

Medlem sedan juli 20013 378 inlägg
#12

caze skrev:

Jo precis, något sånt har jag gjort.

Men går det inte göra så här: .kant {
border-bottom: 1px dotted #000;
border-top: 1px dotted #000;
}
med bild istället för dotted 1 px border?

Hmm...

Du kan t.ex. trixa lite och lägga en div med en bakgrundsbild "runt" tabellen och ställa in "bordern" med padding på ett liknande sätt som i det här gamla exemplet: http://member.webforum.nu/2241/bildramruta.html :bire

256 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)