[HTML] Abstände von Grafik zu Text

-|SoI|- Shadow · 26. Februar 2003

Hallo Allerseits,

ich habe eine Tabelle erstellt und innerhalb einer Spalte möchte ich nun eine Navigationsleiste schaffen, wobei die einzelnen Elemente durch eine Linie getrennt werden sollen.

Code:

     <img src="img/linie.jpg" width="140" height="1">
    <a class="nav" href="lexikon.html">&gt;Lexikon&lt;</a>
    <img src="img/linie.jpg" width="140" height="1">
    <a class="nav" href="weg.html">&gt;Wegbeschreibung&lt;</a>
    <img src="img/linie.jpg" width="140" height="1">
    <a class="nav" href="links.html">&gt;Links&lt;</a>
    <img src="img/linie.jpg" width="140" height="1">

Setze ich nun hinter jede Zeile in <br>, dann wird der Abstand zwischen der Linie im Internet Explorer kleiner und im Netscape/Mozilla tut sich nichts, wie kann ich es anstellen, dass ich ohne den <br> Tag die Abstände zwischen der Linie und dem Text wegbekomme? Ich habe es schon versucht mit

Code:

<img src="img/linie.jpg" width="140" height="1" hspace="0" vspace="0">

, das nutzt aber nix

Danke Shadow

GaNyMeD · 26. Februar 2003

probier´s mal damit:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title></title>

<style type="text/css">

.nav {
display: block;
width: 140px;
color: #000000;
font-size: 16px;
text-decoration: none;
text-align: center;
}

.nav img {
float: left;
padding: 0px;
margin: 0px;
border: 0px;
}

.nav a {
float: left;
padding: 0px;
margin: 0px;
margin-top: -2px;
margin-bottom: -2px;
border: 0px;
}

</style>

</head>

<body>

<div class="nav">

<img src="linie.gif" width="140" height="1" alt="" />
<a class="nav" href="lexikon.html">>Lexikon<</a>
<img src="linie.gif" width="140" height="1" alt="" />
<a class="nav" href="weg.html">>Wegbeschreibung<</a>
<img src="linie.gif" width="140" height="1" alt="" />
<a class="nav" href="links.html">>Links<</a>
<img src="linie.gif" width="140" height="1" alt="" />

</div>

<p>
<a href="http://validator.w3.org/check/referer"><img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1!" height="31" width="88" /></a>
</p>

</body>
</html>

kannst im style-bereich mit margin-top und -bottom den abstand zwischen den links und den strichen einstellen
ich hoffe das hilft dir weiter

mfg
gany

-|SoI|- Shadow · 26. Februar 2003

Prima läuft DANKE.....

Suche

[HTML] Abstände von Grafik zu Text

-|SoI|- Shadow

Ensign

GaNyMeD

Cadet 4th Year

Anhänge

-|SoI|- Shadow

Ensign

Ähnliche Themen