webForumDet fria alternativet

Tabellkant i top och bottom?

11 svar · 421 visningar · startad av caze

cazeMedlem sedan sep. 20016 059 inlägg
#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
-------------

tantenMedlem sedan nov. 20051 596 inlägg
#2

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

cazeMedlem 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?

tantenMedlem 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">

cazeMedlem sedan sep. 20016 059 inlägg
#5

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

Danne VMedlem 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.?

cazeMedlem sedan sep. 20016 059 inlägg
#7

En snygg border bara.

cazeMedlem 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.

Danne VMedlem 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.

cazeMedlem 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?

Danne VMedlem 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.

jarvkloMedlem 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

131 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)