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

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. :)

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>

Har du en länk till sidan eller kan du lägga upp all kod som beror sidan under Mina filer?

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å?

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

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 :)

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

Tack så hemskt mycket!