4 svar · 345 visningar · startad av Forcevision
Hejsan !
Undrar när man gjort en tabell med två kolumner så vill jag ha sträck på vänster höger och undersidan samt den av skärmningen i mitten den som delar så det blir två kolumner hur får man ett sträck där. Jag vet koden för sträck men inte för att få den i mitten att få ett sträck. he he hoppas ni förstod vad jag menade. :)
Tack på förhand Forcevision
Nej egentligen förstod jag inte vart du ville göra det i html eller css, men eftersom det inte framgick så visar jag lite exempel på css.
table{
width: 40em;
border:#000 1px solid;
border-collapse:collapse;
color: #000;
}
td{
background: #fff;
border: #000 1px solid;
border-collapse: collapse;
color: #000;
font: 0.9em Arial,Helvetica,sans-serif;
width: auto;
}
th{
background-color: #000;
color: #fff;
border: #000 1px solid;
border-collapse: collapse;
text-align:center;
}
Om du inte ska ha rubriker i tabellen, men flera td på höjden så kan se css se ut så här.
table{
width: 30em;
border-collapse:collapse;
border: #000 1px solid;
color: #000;
}
td{
border-top: none;
border-right: #000 1px solid;
border-bottom:none;
border-left: #000 1px solid;
border-collapse: collapse;
color: #000;
}{
Oj då sorry det glömde jag visst skriva. Japp css jo jag menar om jag har en tabbel på en rad och 2 kolumner så vill jag ha den bordern som är i mitten den som gränsar av dom två kolumnerna att den skall vara i svart tex och ingen mer border på tabellen skall visas hur ser den koden ut i css ?
Jag tror att det är något sånt här han vill göra. funkar dock inte i ie6 pga sibling-selectorn. (plus-tecknet här -> td + td)
Då får man göra en lösning med classer istället.
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>
table{
width: 30em;
border-collapse: collapse;
}
tr td{
border-top: none;
border-right: #000 1px solid;
border-bottom:none;
border-left: none;
border-collapse: collapse;
color: #000;
}
td + td{
border-top: none;
border-left: #000 1px solid;
border-bottom:none;
border-right: none;
border-collapse: collapse;
color: #000;
}
</style>
<title>simple document</title>
</head>
<body>
<table>
<tr>
<td>fooo<br /></td>
<td>barr <br /></td>
</tr>
</body>
</html>
Om vi vill ha det att funka i ie6 också...
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>
table{
width: 30em;
border-collapse: collapse;
}
tr td{
border-top: none;
border-right: #000 1px solid;
border-bottom:none;
border-left: none;
border-collapse: collapse;
color: #000;
}
tr td.secondtd{
border-top: none;
border-left: #000 1px solid;
border-bottom:none;
border-right: none;
border-collapse: collapse;
color: #000;
}
</style>
<title>simple document</title>
</head>
<body>
<table>
<tr>
<td>fooo<br /></td>
<td class="secondtd">barr <br /></td>
</tr>
</body>
</html>