Hej
Jag har en tabell där jag vill ha en ramlinje på sidorna, men inte på över och under kanten. Jag hittade ett ställe där det stog hur man gjorde, men hittar det inte igen :x
Ramlinje på sidorna
19 svar · 405 visningar · startad av aDay
Med CSS-objektet border kan du skriva såhär för att få en border på sidorna av tabellen men inte uppe och nere.
border-width: 0px 1px 0px 1px
tbl {
border-left: 1px solid #000;
border-right: 1px solid #000;
}
tack båda två!
det var som Okkido skrev det som jag hade tänkt det..
Det Okkido är exakt samma jag skrev, bara att min kod ser ut såhär:
0px(uppe) 1px(höger) 0px(nere) 1px(vänster)
Så om du skriver
tbl {
border-width: 0px 1px 0px 1px;
border-style: solid;
border-color: #000;
}
Så får du samma resultat.
Melea: Okej, här sitter jag och lär mej ;)
Jag undrar också hur man får en tabell 100% i höjd med css, som jag förståt det så "får" man inte skriva in det i <tabele> ..
<table style="border-collapse: collapse; border: 0px; height: 100%;">
<tr>
<td>Foo</td>
</tr>
</table>
hmm. det fungerade inte riktigt..
Om min kod nu ser ut såhär:
tbl {
border-left: 2px solid #000;
border-right: 2px solid #000;
background-image: url(../ponyplace/bg2.gif);
}
..och jag vill få in höjd och bredd på tabellen.. how?
<style type="text/css">
#tbl {
border-width: 0px 2px 0px 2px;
border-style: solid;
border-color: #000;
background-image: ulr(../ponyplace/bg2.gif);
height: 100%;
width: 400px;
}
</style>
<table id="tbl">
<tr>
<td>hej</td>
</tr>
</table>
allt funkar fint utom just height: 100%; .. MEN det fixar sig säkert ändå, tack för hjälpen
Ligger den tabellen du försöker sätta height: 100%; på i en annan table, div eller dyl.? Isåfall måste du sätta height: 100%; på den också.
nej inga div eller andra tables..
Men enda sättet jag får tabellen att "reagera" på koden är att sätta som en call (heter dte så?).
Lite kod nu:
Detta i style.css
.tbl {
border-left: 2px solid #000;
border-right: 2px solid #000;
background-image: url(../ponyplace/bg2.gif);
height: 100%;
width: 600px;
och detta har jag i default.htm
<table class="tbl">
<tr>
<td>
ghj
</td>
</tr>
</table>
Jag testade med att lägga in allt direkt i default.htm, (exakta koden som du skrev ovan) men då funkade ingenting.
Hmm..
Du har förmodligen en <!DOCTYPE som ställer webbläsarna i "standards" mode, och då är 100% höjd inte samma sak som höjden på webbläsaren, utan på innehållet ;)
Lägg till
html,body {margin:0;padding:0;height:100%}
i din stilmall så får du förmodligen det beteende du förväntar dig...
Woho! tackar, tackar grabbar! Det där hjälpte fint! nu ser sidan ut som folk igen ;)
BTW - doctype ja... nåt sånthär:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Jupp - Men du kan skippa <?xml ..... ?>-biten om du ändå kör med filändelserna .htm eller .html, dvs med MIME-typen text/html... (och på så sätt slippa en del geggande med att MSIE inte beter sig riktigt som "folk" när det finns en <?xml .... ?>-tagg med i bilden ;) )
då är <?xml?> borta för gott .. antagligen fått det från dreamweaver som skriver ut sånt när man öppnar nytt xhtml dokument..
(just so you know, använder INTE dreamweaver annars, förstår mej inte på såna program)
hej igen
mer trubbel, jag har nu en tabell i tabellen, och den får jag inte 100% på hur jag än försöker. har gjort som Melea sa innan och satt height=100% på alla tabeller..
Du har PM