---
title: "Hjälp: Två rader text lägger sig över varandra"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/104219-hjälp-två-rader-text-lägger-sig-över-varandra"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "oola"
published: "2004-05-24T09:30:55.000Z"
updated: "2004-05-24T14:40:21.000Z"
replies: 8
views: 366
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/104219-hjälp-två-rader-text-lägger-sig-över-varandra"
---

# Hjälp: Två rader text lägger sig över varandra

## #1 — oola, 2004-05-24T09:30Z

Kolla på filen som följer med.

Kan ni förklara varför texten hamnar som den gör. När det är flera rader så hamnar texten ovanför raden ovan.

Bilagor:

- [konstig_tabell.jpg](https://www.webforum.nu/a/3596.jpg)

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

## #2 — m_soderlund, 2004-05-24T09:33Z

Vilken webbläsare använder du?
Hur ser din CSS-mall ut? (om du har en sådan)
Hur ser tabellen ut?

Visa oss lite kod. :)

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

## #3 — oola, 2004-05-24T10:18Z

Browser: IE 6 (felet uppstår inte under 5:an)

CSS:

```
.ruta2 {
padding: 5px;
background: E6EAEE;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	overflow:auto;
	a:visited {font-size:10px}
}
```

HTML:

```
<tr>
    <td class="ruta2">S2</td>
    <td class="ruta2"><a class="ruta2" href="länklänklänklänk">Umsatzentwicklung VNE nach Länder ab 1998</a></td>
    <td class="ruta2">VNE-CON</td>
    <td class="ruta2"><a  class="ruta2" href="mailto:namn@domän.com">namn</a></td>
    <td class="ruta2">04.2004</td>
    <td class="ruta2">Monthly</td>
    <td class="ruta2">U+2</td>
  </tr>
```

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

## #4 — Web-Tor, 2004-05-24T10:44Z

Har du en länk till sidan eller kan du lägga upp all kod som beror sidan under [Mina filer](http://www.webforum.nu/userfiles.php?s=)?

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

## #5 — oola, 2004-05-24T10:48Z

Kan tyvärr inte det. Det gäller ett intranät och är inget som folk ska kunna komma åt externt :)

Information jag skickat räcker alltså inte? Hmm...vad vill du mer titta på?

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

## #6 — Web-Tor, 2004-05-24T11:11Z

Vi behöver all kod (HTML och CSS) till den sidan.

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

## #7 — oola, 2004-05-24T11:30Z

HELA CSS:

```
.top
{
	border : 1px solid #e0e0e0;
	background: #ffffff;
	background-image: url("../images/top.gif");
	background-position: top;
	background-repeat: repeat-x;
}

.meny
{
border: 1px solid #e0e0e0;
	background-color: #ffffff;
	color: #ffffff;
	border-top-style: none;
	color: #ffffff;
}

	.menu
	{
	
	font-weight : normal;
	font-size : 12px;
	background-image: url("../images/menybg.gif");
	background-position: center;
	background-repeat: repeat-x;
	border: 1px solid #e0e0e0;
	color: #FF9966;
	font-weight : bold;
	font-size : 12px;
	background-color: White;
	padding-left: 4px;
}

	
.linje
{
	border-bottom-style : dashed;
	border-bottom-width : 1px;
	border-left-style : none;
	border-right-style : none;
	border-top-style : none;
	border-bottom-color : #e0e0e0;
}
.inmatning {
background: #ffffff;
	border: 1px solid #000000;
		color: #000000;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
}

}
.ruta {
padding: 5px;
	border: 1px solid #e0e0e0;
	color : ##DAEBFF;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;

}

.ruta2 {
padding: 5px;
background: E6EAEE;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	overflow:auto;
	a:visited {font-size:10px}
}

.ruta2 a:visited {font-size:10px}

.input		
{
	border: 1px solid #cccccc;
	color : #000000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	background-color: #EAEAEA;
	background-position: top;
	background-repeat: repeat-x;
		font-weight: bold;
}
.Errinput	{ font-family: verdana; background-color: #ffffff; color: #4266a9; border-style: solid; border-color: #4266A9}
HR
{
	color: #DAEBFF;
	height: 1px;
}

.btn {
	border-width: 1;
	height: 26px;
	width: 24px;
	background-color: #F8F8F8;
	border-color: #cccccc;
	border-left-style: solid;
	cursor: pointer;
}

.btndn {

	border-style: inset;
	border-width: 1;
	height: 26px;
	width: 24px;
}

.btnna {
	border-width: 1;
	filter: alpha(opacity=25);
	height: 26px;
	width: 24px;
}
```

ALL HTML (förutom lite head, body, etc)

```
<table border="1" class="ruta">
  
  <tr>
    <td class="ruta" bgcolor="#ADBEC8"><b>Nr.</b></td>
    <td class="ruta" bgcolor="#ADBEC8"><b>Report</b></td>
    <td class="ruta" bgcolor="#ADBEC8"><b>Responsible</b></td>
    <td class="ruta" bgcolor="#ADBEC8"><b>Updated by</b></td>
    <td class="ruta" bgcolor="#ADBEC8"><b>Latest Update</b></td>
    <td class="ruta" bgcolor="#ADBEC8"><b>Frequency</b></td>
    <td class="ruta" bgcolor="#ADBEC8"><b>Due date</b></td>
  </tr>
  <tr><a name="S1"></a>
    <td class="ruta2">S1</td>
    <td class="ruta2"><a class="ruta2" href="http://intranet.sth.bshg.com/mbs_keyfigures/umsatzmeldungen/Umsatzwoche_2004.xls">Umsatzwochenübersicht</a></td>
    <td class="ruta2">VNE-CON</td>
    <td class="ruta2"><a class="ruta2" href="mailto:anna-karin.hempel@bshg.com">Hempel</a></td>
    <td class="ruta2">Every Monday</td>
    <td class="ruta2">Weekly</td>
    <td class="ruta2">10.00</td>
  </tr>
  <tr>
    <td class="ruta2">S2</td>
    <td class="ruta2"><a class="ruta2" href="http://intranet.sth.bshg.com/processes/ka/excel/Reports/umsatz/UmsatzTG1998_2004.xls">Umsatzentwicklung VNE nach Länder ab 1998</a></td>
    <td class="ruta2">VNE-CON</td>
    <td class="ruta2"><a  class="ruta2" href="mailto:anna-karin.hempel@bshg.com">Hempel</a></td>
    <td class="ruta2">04.2004</td>
    <td class="ruta2">Monthly</td>
    <td class="ruta2">U+2</td>
  </tr>
```

Om ni tycker att något ser konstigt ut så skyll inte på mig då det inte är jag som kodat från början. Jag försöker bara reda upp lite problem :)

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

## #8 — Flashes, 2004-05-24T14:09Z

Det är paddingen som spökar i och med att du har en bakgrundsfärg på texten.

Prova detta, inte den snyggaste lösningen men jag var tvungen att tweaka IE lite. Har bara kollat IE6 och FireFox

```
.ruta2 {
padding: 5px;
background: #E6EAEE;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px; color: black;
	overflow:auto;
	a:visited {font-size:10px}
}

.ruta2 a {font-size:10px;
	color: blue;
	background-color : transparent;}
```

Mvh
Jan-Olov

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

## #9 — oola, 2004-05-24T14:40Z

Tack så hemskt mycket!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/104219-hjälp-två-rader-text-lägger-sig-över-varandra