düne linie - mal wieder IE?

[Peder]

Hallo zusammen,
folgendes Problem:
Ich bin grad dabei ne kleine Linkliste zu machen und will zwischen heden Link eine dünne Linie haben (keine <hr>).
Nun wollte ich das so lösen:

<table width="600" align="center"> 
 <tr height="10">
  <td height="10"></td>
 </tr>
 <tr> 
  <td><strong><A HREF="linkseite" TARGET="_blank" class="linkpage">TEST-LINK</A></strong> </td>
 </tr>
 <tr>
  <td height="1" bgcolor="#4c4c4c" width="600"></td>
 </tr>
</table>

DAS Resultat ist, dass er mir zwar ne Linie zieht, die allerdings nie im leben 1px hoch ist sondern ca 3 mindestens. Versucht hab ichs auch schon anstatt den Tabellenhintergrund zu benutzten mit css.
<div style="background-color:#4c4c4c; height:1px; width:600px;"></div>
Dies funktioniert auch mal wieder bei allen browsern außer bei unserm höchstbeliebten InternetExplorer - der hat mir nämlich die Linie ca 10px hochgemacht. DIe Abstufungen der Pixel funktionieren beim IE schon, allerdings ist ab 10 SChluss, tiefer mag er net.

Hat mir jemand eine Lösung des Problems?

Vielen Dank,
gruß,
Peter

 

[matcho]

ehh falscher ansatz

border-bottom: 1px solid #000000;

 

[matibaski]

Ich denke er meint dies:

<table style="border-collapse:collapse;">

MfG, matibaski

 

[m0sT]

<hr style="height:1px;width:100%;color:#000000;">

- Sollte doch eventuell eine Lösung sein?!

 

[matibaski]

@mosT
Beachte dabei, wie ich oben schon postete, den border-collapse.
Sonst ist die Linie mehr als 1px gross. (Wegen dem schatten)
Also so:

<hr style="height:1px;width:100%;color:#000000; border-collapse:collapse">

Oder so geht's auch (aber Validator-unfreundlich):

<hr noshade style="height:1px;width:100%;color:#000000;">

MfG, matibaski

 

[Peder]

Vielen Dank,
eure postings haben mich schon um einiges weitergebracht.
NUn hab ich folgenden Code, allerdings gibts noch ein Problem, und zwar hätte ich gern die Tabellenzeilen viel enger beisammen. ALso ich mein zwischen Link und <hr>.Gibts da noch ne Möglichkeite?

Viele Grüße,
Peter

<table width="590" align="center" cellspacing="0" cellpadding="0"> 
    <tr height="10">
        <td height="10"></td>
    </tr>
    <tr>    
        <td><strong><A HREF="http://www.google.de" TARGET="_blank" class="linkpage">GOOGLE</A></strong> </td>
    </tr>
    <tr>
        <td><hr width="590" noshade size="1" style="background-color:#ffffff"></td>
    </tr>
    <tr>    
        <td><strong><A HREF="http://www.s-hedelfingen.de" TARGET="_blank" class="linkpage">S-HEDELFINGEN</A></strong> </td>
    </tr>
    <tr>
        <td><hr width="590" noshade size="1" style="background-color:#ffffff"></td>
    </tr>
</table>

 

[matibaski]

Das geht leider nicht.
Die horizontale Linie sieht zwar wie 1 px aus, geht aber nicht kleiner, denn sie hat eine automatische Grösse, die einfach transparent wird.

Sonst mach's doch so:

<table width="590" align="center" cellspacing="0" cellpadding="0"> 
    <tr height="10">
        <td style="border-bottom: 1px solid #000000;"><strong><A HREF="http://www.google.de" TARGET="_blank" class="linkpage">GOOGLE</A></strong> </td>
    </tr>
    <tr>
        <td style="border-bottom: 1px solid #000000;"><strong><A HREF="http://www.s-hedelfingen.de" TARGET="_blank" class="linkpage">S-HEDELFINGEN</A></strong> </td>
    </tr>
    </table>

Mit dem CSS Befeh border-bottom kannst du den unteren Rahmenteil bestimmen. Solid ist durchgezogen und dann die Farbe.


MfG, matibaski

 

[Peder]

Hallo,
prinzipiell eine super Sache mit dem border-bottom. Funktioniert auch zuverälssig in allen gängigen Browsern (sogar im IE :) )
Jedoch ist das einzig "unschöne" jetzt, dass der Abstand zwischen den Linien, also den border-bottoms und dem Text etwas gequetscht ist. Man kann nun zwar unter einer Zeile einen kleine abstand einbauen, z.B. mit

<tr height="3">
   <td height="3"></td>
</tr>

Allerdings geht das ja nun nicht zwischen dem border-bottom und dem, was in der Zeile steht => Die Abstände zwischen Border-bottom mit der dazugehörigen Zeile und border-bottom mit nächste Zeile sind nicht gleich, was dann auch etwas komisch aussieht.
Gäbe es da noch was zu machen?

Ansonsten schon mal vielen Dank,
gruß
Peter

Nachtrag:
Habs jetzt mit cellpadding="3" gelöst
das sieht ganz gut aus. cellspacing hab ich auf 0, das sah dann komisch aus