View Full Version : linjer i tabeller
Prime_66
2004-12-21, 16:33
Går det hjälp med hjälp av CSS få linjer i en tabell andra än de man får med hjälp av border="1" osv.? Jag vill ha streckade fina linjer osv. precis sånna man kan få på kanterna på en tabell med hjälp av CSS. Men nog fan måste man väl också kunna få dessa linjer i en tabell? Jag vill dessutom inte ha dem på alla rader. Bara vissa. Det går ju att lösa detta genom att skapa massa tabeller i varnnan..men är det nödvändigt? Kolla t.ex. på menyn till vänster på www.spray.se Där har dom linjer på det sättet jag menar.
Det går i css. Men enklast är att du skriver denna kod i den tabell du vill ha en linje.
style="border-top: 1px solid black; border-bottom: 1px solid black;"
Alltså. Om det står
<td height="100" osv så placerar du den så här;
< td style="border-top: 1px solid black; border-bottom: 1px solid black;" height="100"
Då kan du alltså avgöra, färg, vart den ska ligga med så lite kod.
Du får med denna kod tynnre linje än border="1" i DreamWeaver
Hoppas du förstår hur jag menar annars är det bara att fråga!
Prime_66
2004-12-21, 16:43
Ahh..gott! Tänkte väl att det inte var mycket värre än så =) Thanx!
Ingen Orsak.
Sen så förstår du att du kan lägga till border-left: 1px solid black; och så vidare?
Edit: Du borde accpetera mitt svar som slutgiltigt ;)
För att få en prickig border skriver du samma sak fast border-style:dotted; istället.
För att få en prickig border skriver du samma sak fast border-style:dotted; istället.
Finns det fler alternativ även prickig?
"långprickig/streckig" - dashed eller nåt likande har jag för mig.
r/
http://www.w3schools.com/css/tryit.asp?filename=trycss_border-style
Du får vel göra egna då, med bilder..
Finns det fler alternativ även prickig? http://www.w3.org/TR/REC-CSS2/tables.html#q20
Prime_66
2005-01-03, 01:30
Jerpa: Du skrev tidigare att man kunde göra egna tabelllinjer med bilder..hur menar du då? Kolla t.ex. på www.spray.se hur har dom gjort där? Så snygga blir inte de man får med hjälp av sätten som har diskuterats här..
För att lägga till bilder kan du ha detta i style: "background: url(bild.gif) repeat-x bottom left; padding-bottom: 10px;" och pilla dig fram till något du gillar.. Du ska alltså inte använda dig av border..
Prime_66
2005-01-03, 01:51
Jaha..är det så det går till. Dåligt med info om det tycker jag..finns det någon bra sida att angående sånt här förutm w3school som inte är så bra faktist..
Det finns übermycket.. Gå igenom länkarna i tråden överst i detta forumet.. Tror inte www.alistapart.com nämns där, men de har skrivit en artikel om "custom underlines" iaf..
vBulletin® v3.8.6, Copyright ©2000-2013, Jelsoft Enterprises Ltd.