• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

<span> scheint einen indent zu erzeugen, den ich nicht will;)

J

jackyjack_r

Neues Mitglied
Hallo,

Ich habe verschiedene Link Klassen definiert. Sobald ich diese jedoch mit dem <span> tag benutze, entsteht ein Einzug vor dem Link. Ich suche schon ewig nach meinem Fehler, kann ihn aber nicht entdecken, hat hier vllt Jemand eine Lösung?

Hier mein Quelltext:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html> 

<head >

<title>Dies ist ein html test, um das hpc sytlesheet zu testen </title>

<style type="text/css">

ul{font-family:Arial, Verdana; font-size:110%; color:#2ea660; text-align:left; font-weight:bold;}

p{background-color:white;}
p{font-family:Arial, Verdana; text-align:justify; color:black;}                             
p{font-size:0,875em; font-family:Arial, Verdana;}

h1{font-family:Arial, Verdana; font-size:110%; color:#2ea660; text-align:left;}							

h2{font-family:Arial, Verdana; font-size:110%; color:#2ea660; text-align:left;}							

.link1 a:link{
color:#4d4d4d;
text-decoration:none;
font-family:Arial, Verdana;
}                											
.link1 a:visited{
color:#007c93;
text-decoration:none;
font-family:Arial, Verdana;
}
.link1 a:hover{
color:#202c86;
text-decoration:underline;
font-family:Arial, Verdana;
}
.link1 a:active{
color:#007c93;
text-decoration:underline;
font-family:Arial, Verdana;
}

.link2 a:link{
color:#2ea660;
text-decoration:none;
font-family:Arial, Verdana;
font-size:100%;
font-weight:bold;
text-align:left;
}
.link2 a:visited{
color:#2ea660;
text-decoration:none;
font-family:Arial, Verdana;
font-size:100%;
font-weight:bold;
text-align:left;
}
.link2 a:hover{
color:#2ea660;
text-decoration:none;
font-family:Arial, Verdana;
font-size:100%;
font-weight:bold;
text-align:left;
}
.link2 a:active{
color:#2ea660;
text-decoration:none;
font-family:Arial, Verdana;
font-size:100%;
font-weight:bold;
text-align:left;
}

table {width:580px;}												

*{margin:5px;}

hr{noshade;border-style:dotted;border-width:1px;border-color:#4d4d4d;}

*{padding:5px;}		

td{border:2px solid #9b9b9b;}										 

table{border-collapse:collapse;}
</style>

</head>

<table>
<tr>
<td>
<img src="C:/Dokumente und Einstellungen/repp/Desktop/html/galleryIMG48797_mod.gif"; alt="headerbild" />
</td>
</tr>
<td>
<ul>
<li><span class="link2"><a href="#test1">Überschrift 1</a></span>
<li><span class="link2"><a href="#test3">Überschrift 2</a></span>
<li><span class="link2"><a href="#test0">Überschrift 3</a></span>
<li><span class="link2"><a href="#test4">Überschrift 4</a></span>
</ul>
</td>
<tr>
<td>
<h1><a name="test1">Überschrift 1 </a></h1>
<P>
Stammdaten sind die Voraussetzung für funktionierende Geschäftsprozesse -je
besser und umfangreicher sie initial gepflegt werden,
desto weniger manuelle Nacharbeiten sind nötig, desto
schneller, automatisierter und fehlerfreier läuft ein Prozess.
</p> 
</td>
</tr>
<tr>
<td>
<h1><a name="test3">Überschrift2</a></h1>

<p>Auf dem Infotag "SAP Mobility in der Praxis", der am 17.3. in 
      Heidelberg stattfand, informierte die HPC zum Thema mobile Lösungen im 
      Lager und Lageroptimierung. Gemeinsam mit unserem Partner mobisys 
      gestalteten wir den Tag für über 30 Teilnehmer aus den unterschiedlichsten 
      Branchen. "Schlanke und sichere Prozesse in der Lagerlogistik" war das 
      Einführungsthema, bevor die mobile Integrationsplattform MSB vorgestellt 
      wurde. Die interessierten Teilnehmer haben viele Fragen, auch zur 
      Umsetzung in <span class="link1"><a href="http://www.hpccassolutions.de/ocf_object_conversion.html";target="_blank";>Linktest </a> </span> der Praxis, gestellt. Noch tiefere Einblicke in die Praxis 
      lieferte natürlich der Vortrag unseres Kunden AEG Electric Tools, der 
      mittels MSB seine Logistikprozesse optimierte und von seinen Erfahrungen 
      berichtete.</p>

	  
	  
<span class="link1"> <a href="http://www.hpccassolutions.de/ocf_object_conversion.html"; target="_blank";>Linktest </a> </span>
</td>
</tr>
<tr>
<td>
<h2> <a name="test0">Überschrift 3 </a> </h2>
<p><img style="float:right; padding: 0px 0px 20px 5px;" 
src="C:/Dokumente und Einstellungen/repp/Desktop/b-398136-happy_people.jpg"
alt="Happy People" />
Lorem ipsum dolor sit amet,
 consetetur sadipscing elitr, sed diam nonumy eirmod
 tempor invidunt ut labore et dolore magna aliquyam erat, sed 
 diam voluptua. At vero eos et accusam et justo duo dolores 
 et ea rebum. Stet clita kasd gubergren, no sea takimata 
 sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor 
 sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
 tempor invidunt ut labore et dolore magna aliquyam erat, sed 
 diam voluptua. At vero eos et accusam et justo duo dolores 
 et ea rebum. Stet clita kasd gubergren, no sea takimata 
 sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor 
 sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
 invidunt ut labore et dolore magna aliquyam erat, sed diam 
 voluptua. At vero eos et accusam et justo duo dolores et ea 
 rebum. Stet clita kasd gubergren, no sea takimata sanctus est
 Lorem ipsum dolor sit amet. Duis autem vel eum iriure dolor in hendrerit
 in vulputate velit
 esse molestie consequat, vel illum dolore eu feugiat nulla facilisis
 at vero eros et accumsan et iusto odio dignissim qui blandit
 praesent luptatum zzril delenit augue duis dolore te feugait nulla
 facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
 sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
 aliquam erat volutpat.   
</p>
</td>
</tr>
<tr>
<td>
<h2> <a name="test4">Überschrift 4 </a> </h2>
<p>
<img src="C:/Dokumente und Einstellungen/repp/Desktop/b-398136-happy_people.jpg" 
width="150px" height=150px" align="right" alt="Happy People"/>
Lorem ipsum dolor sit amet,
 consetetur sadipscing elitr, sed diam nonumy eirmod
 tempor invidunt ut labore et dolore magna aliquyam erat, sed 
 diam voluptua. At vero eos et accusam et justo duo dolores 
 et ea rebum. Stet clita kasd gubergren, no sea takimata 
 sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor 
 sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
 tempor invidunt ut labore et dolore magna aliquyam erat, sed 
 diam voluptua. At vero eos et accusam et justo duo dolores 
 et ea rebum. Stet clita kasd gubergren, no sea takimata 
 sanctus est Lorem ipsum dolor sit amet.
 Lorem ipsum dolor 
 sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
 invidunt ut labore et dolore magna aliquyam erat, sed diam 
 voluptua. At vero eos et accusam et justo duo dolores et ea 
 rebum. Stet clita kasd gubergren, no sea takimata sanctus est
 Lorem ipsum dolor sit amet. Duis autem vel eum iriure dolor in hendrerit
 in vulputate velit
 esse molestie consequat, vel illum dolore eu feugiat nulla facilisis
 at vero eros et accumsan et iusto odio dignissim qui blandit
 praesent luptatum zzril delenit augue duis dolore te feugait nulla
 facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
 sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
 aliquam erat volutpat.   
</p>
</td>
</tr>
</table>

</html>

Vielen Dank schonmal im Voraus!

jack
 
der fehler liegt bei deinem
HTML: 
* {margin: 5px ; padding: 5px ; }

P.S. mit Firebug innerhalb 5sek gelöst.....
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben