Leerzeile, wo keine sein soll @ tutorials.de: Tutorials, Forum & Hilfe

Matze · 05.02.08 14:08

Hallo,

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

HTML-Code:

<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?

Gumbo · 05.02.08 14:17

Verwende lieber eine Liste, beispielsweise:

HTML-Code:

<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.

Matze · 05.02.08 14:20

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

Layna · 05.02.08 14:39

Dann verwende listen ohne Punkte

Code css:

1
2
3

ul {
    list-style: none;
}

Layna

PS: dann sollte auch dein Zeilenproblem verschwinden, oder zumidnest besser lösbar sein.

Gumbo · 05.02.08 14:40

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;
}

Matze · 05.02.08 15:04

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-Code:

<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>

Gumbo · 05.02.08 15:07

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-Code:

<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 :

1
2
3

ul.nav a {
    /* … */
}

Matze · 05.02.08 15:22

Die Klassen kommen sowieso raus. Wichtig ist nur, dass es wieder "normal" links-ausgerichtet ist.

Layna · 05.02.08 15:46

Du missverstehst Gumbo, glaube ich.
Die klasse nav und die CSS-definitionen müssen REIN damit es wieder nach Lnke geht

.

Layna

Matze · 05.02.08 15:52

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

HTML-Code:

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

Danke an euch 2.

Gumbo · 05.02.08 15:55

Beim padding-left-Wert fehlt noch die Einheit.

Matze · 05.02.08 16:03

Oh, danke, hätte ich fast vergessen.

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

So soll es sein - chmee

Webcam - gut soll sie sein...

Was ist CMS und was soll typo3 sein ?

wmplay - was soll das sein?

WebAPP WCS & WAS, was soll das sein?

E-Mail:

Abonnieren Abbestellen