Kör med css.
TABLE
{
border-right: black 1px solid;
border-top: black 1px solid;
background-image: none;
border-left: black 1px solid;
border-bottom: black 1px solid;
background-color: transparent;
}
HTML & CSSur HTML, XHTML & CSS
12 svar · 350 visningar · startad av voigtann1
<table width="700" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="#000000">
ger en Tjock border runt ent tabel(ungefär 2 px tror jag)
jag vill att den bordern ska bara vara 1 px... 1px i alla celler med
Kör med css.
TABLE
{
border-right: black 1px solid;
border-top: black 1px solid;
background-image: none;
border-left: black 1px solid;
border-bottom: black 1px solid;
background-color: transparent;
}
den blir bara runt tabellen och inte i td tr provade att sätta dit td tr men då blir det så där tjockt igen
Om du skriver:
table
{
border:1px solid black;
}
td
{
border:1px solid black;
}
så skall det fungera.
Prova det här:
table {
border: 1px solid black;
border-right-width: 0px;
border-bottom-width: 0px;
}
td {
border: 1px solid black;
border-left-width: 0px;
border-top-width: 0px;
}
varför inte
table, td {
border: 1px solid black;
border-right-width: 0px;
border-bottom-width: 0px;
}
för att spara lite kod?
Mattes förslag är klart vettigast. Däremot hade jag själv skrivit det lite annorlunda. ;)
table
{
border-left: 1px solid black;
border-top: 1px solid black;
}
td
{
border-right: 1px solid black;
border-bottom: 1px solid black;
}
<table width="700" border="0" cellspacing="1" cellpadding="0" align="center" bgcolor="black">
Sen kan du sätta färg i varje td.
Jag vill bara komplettera med att man behöver sätta cellspacing="0" för att min kod ska fungera.
Anledningen till att jag gör CSS-en på detta sätt är att jag vill kunna sätta border="1" i table-taggen som en backup för de läsare som inte klarar CSS-en t.ex NS4.
kan man inte göra så här...
table, td
{
border-left: 1px solid black;
border-top: 1px solid black;
}
eller är jag helt ute och cyklar?
Ursprungligen av mozilla **kan man inte göra så här...
table, td
{
border-left: 1px solid black;
border-top: 1px solid black;
}eller är jag helt ute och cyklar?**
Det kommer att resultera i att du längst upp och till vänster i tabellen kommer att ha en border på 2px samtidigt som det kommer att saknas border till höger och längst ned i tabellen.
Tänk dig ett antal L du lägger ihop, det är dina td. För att sedan täcka upp de tomma sidorna får du ha ett L som är spegelvänt och upp och ner, det är din table.
tack.. har fått det att fungera fett! tackar =)
okej matte.. jag menade på att skriva table, td { just?