radhöjd?

3 svar · 641 visningar · startad av jems 31 aug. 2006

jemsMedlem sedan aug. 20064 inlägg

Frågan31 aug. 2006 15:01#1

Hej, jag har förjande kod. Problemet är att i IE6 så blir raden i vänster cell högre än den i det högra. Förstår inte varför, nån som kommer på nån lösning, och ser det ut såhär för alla?

<style type="text/css">
.pil1 A {
FONT-WEIGHT: normal; 
FONT-SIZE: 10px; 
COLOR: #000000; 
LINE-HEIGHT: 10px; 
FONT-FAMILY: georgia, times, times new roman, serif; 
FONT-STYLE: normal;
}

.pil1 {
FONT-WEIGHT: normal; 
FONT-SIZE: 10px; 
COLOR: #000000; 
LINE-HEIGHT: 10px; 
FONT-FAMILY: georgia, times, times new roman, serif; 
FONT-STYLE: normal;
}

.pil1 a:hover {
FONT-WEIGHT: normal; 
COLOR: #CCCCCC; 
FONT-FAMILY: georgia, times, times new roman, serif; 
FONT-STYLE: normal;
}

.pil2 {
FONT-WEIGHT: normal; 
FONT-SIZE: 10px; 
COLOR: #CCCCCC; 
LINE-HEIGHT: 10px; 
FONT-FAMILY: georgia, times, times new roman, serif; 
FONT-STYLE: normal;
}
</style>
  <table width="480" border="0" cellpadding="5" cellspacing="0" bgcolor="#999999">
    <tr>
      <td width="125" height="65" valign="top">

<font class="pil2">&laquo; test test</font>

<font class="pil1"><a href="#">X</a></font>

<font class="pil1"><a href="#">test 123 &raquo; </a></font>
      <td  valign="top"><font class="pil1"><a href="*">Text</a> &laquo; bla bla bla test test 12 123</font></td>
    </tr>
  </table>

cayaMedlem sedan aug. 20051 448 inlägg

31 aug. 2006 15:37#2

oh please
drabbas av orubblig lust att skaka om koden.

<style type="text/css">
.pil1 a {
color:#000;
}
.pil1 a:hover {
color:#ccc;
}
p {
font:normal 10px/10px Georgia, Times, "Times New Roman", serif;
}
.pil1 {
color:#000;
}
.pil2 {
color:#ccc;
}
#extable {
width:480px; background-color:#999;
}
</style>
<div id="extable">
<p class="pil2">&laquo; test test</p>
<p class="pil1"><a href="#">X</a><br />
<a href="#">test 123 &raquo;</a><br />
<a href="*">Text</a> &laquo; bla bla bla test test 12 123</p>
</div>

det borde göra susen

jemsMedlem sedan aug. 20064 inlägg

1 sep. 2006 08:48#3

jo jag vet koden är inte den bästa, tänkte optimera den sedan. Men nu ser det inte alls ut som det var tänkt, allt ska ju ligga på samma rad och den sista texten ska kunna göra radbrytningar utan att påverka de första två, i en egen kollumn.

cayaMedlem sedan aug. 20051 448 inlägg

2 sep. 2006 06:29#4

okej...

.vanster {
float:left; width:125px; 
margin:0;
padding:0;
}
.hoger {
float:right; width:200px;
margin:0; padding:0;
}
.clear { clear:both; }

<div id="extable">
<div class="vanster">
<p class="pil2">&laquo; test test</p>
</div>
<div class="hoger">
<p class="pil1"><a href="#">X</a><br />
<a href="#">test 123 &raquo;</a><br />
<a href="*">Text</a> &laquo; bla bla bla test test 12 123</p>
</div>
<div class="clear">&nbsp;</div>
</div>