---
title: "Lite css frågor."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/159039-lite-css-frågor"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Forcevision"
published: "2007-04-08T15:02:13.000Z"
updated: "2007-04-08T23:19:16.000Z"
replies: 4
views: 345
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/159039-lite-css-frågor"
---

# Lite css frågor.

## #1 — Forcevision, 2007-04-08T15:02Z

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

Permalänk: https://www.webforum.nu/p/159039

## #2 — tanten, 2007-04-08T16:21Z

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.

```php
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;
}
```

Permalänk: https://www.webforum.nu/p/1957455

## #3 — tanten, 2007-04-08T17:41Z

Om du inte ska ha rubriker i tabellen, men flera td på höjden så kan se css se ut så här.

```php
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;
}{
```

Permalänk: https://www.webforum.nu/p/1957467

## #4 — Forcevision, 2007-04-08T22:39Z

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 ?

Permalänk: https://www.webforum.nu/p/1957519

## #5 — colione, 2007-04-08T23:19Z

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>
```

Permalänk: https://www.webforum.nu/p/1957522

---

Tråden på webben: https://www.webforum.nu/amne/html-css/159039-lite-css-frågor
