✔ Leerzeile, wo keine sein soll

Status
Nicht offen für weitere Antworten.
Matze

Matze

Weltenwanderer
Hallo,

ich habe ein Problem mit einer Leerzeile, die ohne mein Willen mit eingefügt wird.

HTML: 
<HTML>
<HEAD>
<TITLE>frame links</TITLE>
<style>
   div {text-indent: 30px;}
</style>
</HEAD>
<BODY BGCOLOR="#ffffff" BACKGROUND="../pics_sys/backgr1.jpg">
<p>
  <a class="typ2" href="hp_fs1.htm" target="hframeset">Über uns</a><br>
  Produkte
  <div><a class="typ1" href="hp_fs2.htm" target="hframeset">OP-Licht</a><br></div>
  <div><a class="typ1" href="hp_fs3.htm" target="hframeset">OP-Tische</a><br></div>
  <div><a class="typ1" href="hp_fs4.htm" target="hframeset">Telemedizin</a><br></div>
  <div><a class="typ1" href="Test.htm" target="hframeset">Supersuite</a><br></div>
  <div><a class="typ1" href="Test.htm" target="hframeset">Stative</a></div>
  <a class="typ1" href="hp_fs5.htm" target="hframeset">Presse-Neuheiten</a><br>
  <a class="typ1" href="hp_fs6.htm" target="hframeset">Events</a><br>
  <a class="typ1" href="hp_fs7.htm" target="hframeset">Service</a><br>
  <a class="typ1" href="hp_fs10.htm" target="hframeset">Ausbildung</a><br>
  <a class="typ1" href="hp_fs11.htm" target="hframeset">Stellenangebote</a><br>
  <a class="typ1" href="hp_fs12.htm" target="hframeset">AGB und BEB</a><br>
  <a class="typ1" href="hp_fs13.htm" target="hframeset">Kontakt</a><br>
  <a class="typ1" href="hp_fs14.htm" target="hframeset">Impressum</a>
</p>
</BODY>
</HTML>

Meine Frage: Wie verhindere ich dort (Bild im Anhang) eine Leerzeile?
 

Anhänge

  • FalscheLeerzeile.png
    FalscheLeerzeile.png
    1,5 KB · Aufrufe: 20
Verwende lieber eine Liste, beispielsweise:
HTML: 
<ul>
	<li><a href="hp_fs1.htm" target="hframeset">Über uns</a></li>
	<li>Produkte<ul>
		<li><a href="hp_fs2.htm" target="hframeset">OP-Licht</a></li>
		<li><a href="hp_fs3.htm" target="hframeset">OP-Tische</a></li>
		<li><a href="hp_fs4.htm" target="hframeset">Telemedizin</a></li>
		<li><a href="Test.htm" target="hframeset">Supersuite</a></li>
		<li><a href="Test.htm" target="hframeset">Stative</a></li>
	</ul></li>
	<li><a href="hp_fs5.htm" target="hframeset">Presse-Neuheiten</a></li>
	<li><a href="hp_fs6.htm" target="hframeset">Events</a></li>
	<li><a href="hp_fs7.htm" target="hframeset">Service</a></li>
	<li><a href="hp_fs10.htm" target="hframeset">Ausbildung</a></li>
	<li><a href="hp_fs11.htm" target="hframeset">Stellenangebote</a></li>
	<li><a href="hp_fs12.htm" target="hframeset">AGB und BEB</a></li>
	<li><a href="hp_fs13.htm" target="hframeset">Kontakt</a></li>
	<li><a href="hp_fs14.htm" target="hframeset">Impressum</a></li>
</ul>
Die kannst du dann immer noch mit CSS formatieren.
 
Danke Gumbo, aber vieleicht hätte ich dazu sagen sollen, dass ich keine Liste mit dots verwenden soll (Kunden sind seltsam).

Es soll genau so aussehen wie auf dem Bild, nur ohne Leerzeile.

Hab es auch schon mit <span> versucht, dass selbe Ergebniss. Genauso wie mit text-algin:30px
 
Dann verwende listen ohne Punkte ;)
CSS: 
ul {
	list-style: none;
}

Layna

PS: dann sollte auch dein Zeilenproblem verschwinden, oder zumidnest besser lösbar sein.
 
Dass die Inhalte als Liste ausgezeichnet sind, heißt nicht dass sie auch also solche dargestellt werden müssen. Dafür gibt es ja CSS.
Code: 
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul ul li {
	padding: 0 0 0 30px;
}
 
Klappt, bis auf ein kleines Problem noch. Und zwar ist jetzt alles etwas nach rechts gerückt. Wie bekomme ich dies wieder nach links?
HTML: 
<p>
<ul style="list-style:none; margin: 0, padding: 0;">
  <li><a class="typ2" href="hp_fs1.htm" target="hframeset">Über uns</a></li>
  <li>Produkte</li>
  <ul style="list-style:none; margin: 30, padding: 0;">
    <li><a class="typ1" href="hp_fs2.htm" target="hframeset">OP-Licht</a></li>
    <li><a class="typ1" href="hp_fs3.htm" target="hframeset">OP-Tische</a></li>
    <li><a class="typ1" href="hp_fs4.htm" target="hframeset">Telemedizin</a></li>
    <li><a class="typ1" href="Test.htm" target="hframeset">Supersuite</a></li>
    <li><a class="typ1" href="Test.htm" target="hframeset">Stative</a></li>
  </ul>
  <li><a class="typ1" href="hp_fs5.htm" target="hframeset">Presse-Neuheiten</a></li>
  <li><a class="typ1" href="hp_fs6.htm" target="hframeset">Events</a></li>
  <li><a class="typ1" href="hp_fs7.htm" target="hframeset">Service</a></li>
  <li><a class="typ1" href="hp_fs10.htm" target="hframeset">Ausbildung</a></li>
  <li><a class="typ1" href="hp_fs11.htm" target="hframeset">Stellenangebote</a></li>
  <li><a class="typ1" href="hp_fs12.htm" target="hframeset">AGB und BEB</a></li>
  <li><a class="typ1" href="hp_fs13.htm" target="hframeset">Kontakt</a></li>
  <li><a class="typ1" href="hp_fs14.htm" target="hframeset">Impressum</a></li>
  </ul>
</p>
 

Anhänge

  • FalscheLeerzeile2.png
    FalscheLeerzeile2.png
    4,5 KB · Aufrufe: 16
Die a-Elemente mit Klassen zu versehen, kannst du dir sparen. Weise lieber die gesamte Liste einer Klasse zu und passe die Selektoren darauf an. Beispielsweise:
HTML: 
<ul class="nav">
	<!-- … -->
</ul>
Code: 
ul.nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.nav ul li {
	padding: 0 0 0 30px;
}
Die darin enthaltenen a-Elemente kannst du dann ebenfalls so ansprechen:
Code: 
ul.nav a {
	/* … */
}
 
Du missverstehst Gumbo, glaube ich.
Die klasse nav und die CSS-definitionen müssen REIN damit es wieder nach Lnke geht :).

Layna
 
Hat jetzt endlich geklappt, mit padding-left und einem Strichpunkt wo versehentlich nur ein Komma war

HTML: 
ul {list-style:none; margin: 0; padding: 0;}
ul ul {list-style:none; padding-left: 25;}

Danke an euch 2.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück