|
| Autor |
Nachricht |
player Neuer [User]

Anmeldung: 19.02.07 Beiträge: 7
|
Verfasst am: 19.02.2007, 13:35 Titel: Leere Zeile am Ende einer <ul> |
|
|
Moin!
Folgendes Problem:
Am Ende einer Liste lässt der Browser eine leere Zeile, die mich sehr stört. Gibts Auswege?
Danke om Voraus
|
|
| Nach oben |
|
 |
sejuma Beliebter [User]

Anmeldung: 08.05.06 Beiträge: 493
|
Verfasst am: 19.02.2007, 14:51 Titel: |
|
|
Öffne die ul mal so | Code: | | <ul style="margin-bottom:0;"> | (statt <ul>) oder schreib' die Angabe in die CSS.
|
|
| Nach oben |
|
 |
thomyb Beliebter [User]

Anmeldung: 17.02.07 Beiträge: 294 Wohnort: Bötzingen, ...
|
Verfasst am: 19.02.2007, 15:03 Titel: |
|
|
| Code: | | <ul style="margin-bottom:0px;"> |
Und das Größenmaß nicht vergessen.....
|
|
| Nach oben |
|
 |
sejuma Beliebter [User]

Anmeldung: 08.05.06 Beiträge: 493
|
Verfasst am: 19.02.2007, 15:07 Titel: |
|
|
Die Größenangabe ist nur bei Werten ungleich "0" erforderlich. Bei "0" kann und darf man sie weglassen. Null is immer nix, egal ob Bratwurst, Money oder Pixel 
|
|
| Nach oben |
|
 |
player Neuer [User]

Anmeldung: 19.02.07 Beiträge: 7
|
Verfasst am: 19.02.2007, 16:21 Titel: |
|
|
Das sind aber keine festen Abstände von Rand, das ist genau eine Zeile, und lässt sich durch margin:0 oder padding:0 nicht beseitigen
Noch Vorschläge?
|
|
| Nach oben |
|
 |
lundner Beliebter [User]


Anmeldung: 15.11.06 Beiträge: 312 Wohnort: Zingst
|
|
| Nach oben |
|
 |
player Neuer [User]

Anmeldung: 19.02.07 Beiträge: 7
|
Verfasst am: 19.02.2007, 17:03 Titel: |
|
|
Die Seite ist zusammengesetzt. Ich versuchs mal.
Codeausschnitt, der ausgegeben wird:
<table bordercolor="#FFFFFF" width="100%" height="600" cellpadding="0" cellspacing="0">
<tr>
<td border="1" background="themes/moebel/images/menu_bar.gif" style="background-repeat: repeat-x;" width="100%" height="30">
<table>
<tr><td>
<ul class="menu_bar">
<li>
Logout
</li><li>
Blocks
</li><li>
Content
</li><li>
Messages
</li>
</ul></td></tr></table>
</td>
</tr></table>
in der css Datei steht:
body {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 8px;
background-image:url(images/spacer.gif);
position:absolute;
top:0;
left:0;
right: 0px;
bottom: 0px;
margin: 0px;
}
.menu_bar ul {
margin:0px;
padding:10px 10px 0 50px;
list-style:none;
}
.menu_bar li {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
display:inline;
margin:0;
padding:0;
}
Komisch ist, manchmal stellt er die Liste richtig dar, refreshe ich die seite, ist wieder die letzte leere zeile da
Und noch, in der 3. zeile steht border="1". IE und Firefox zeigen aber keinen Rand!
|
|
| Nach oben |
|
 |
thomyb Beliebter [User]

Anmeldung: 17.02.07 Beiträge: 294 Wohnort: Bötzingen, ...
|
Verfasst am: 19.02.2007, 17:45 Titel: |
|
|
Du kannst da auch kein border hinmachen innen td tg....also bei dem quelltext krieg ich schon wieder kopfschmerzen
|
|
| Nach oben |
|
 |
player Neuer [User]

Anmeldung: 19.02.07 Beiträge: 7
|
Verfasst am: 19.02.2007, 17:52 Titel: |
|
|
| thomyb hat folgendes geschrieben: | | Du kannst da auch kein border hinmachen innen td tg |
Stimmt, dann hab ich schon den ganzen Tag Kopfschmerzen wegen dem Quellcode
Hey, ich bin voll verwirrt wegen der leeren zeile 
|
|
| Nach oben |
|
 |
thepiep Beliebter [User]

Anmeldung: 24.08.06 Beiträge: 335 Wohnort: Aachen
|
Verfasst am: 19.02.2007, 18:38 Titel: |
|
|
Also, mal was Grundsätzliches:
Wenn du für Stil-Angaben was anderes benutzt als style="" ist das MIST!!! - also z.b. color="" oder background=""
s.g. Inline-Angaben sollten sowieso weitesgehenst vermieden werden durch den Einsatz von Klassen und Id's - wenn du einerseits Klassen benutzt und gleichzeitig die alten "Anweisungen" ist das inkonsquent (schreibt man das so??) und das Ganze kann eine Fehlerquelle für total unlogische Probleme sein...
Und ich wette die Tabelle ist überflüssig 
|
|
| Nach oben |
|
 |
sejuma Beliebter [User]

Anmeldung: 08.05.06 Beiträge: 493
|
Verfasst am: 19.02.2007, 19:27 Titel: |
|
|
Stelle mal hier die Überschrift um (ul vorne):
| Code: | ul.menu_bar {
margin:0px;
padding:10px 10px 0 50px;
list-style:none;
} |
|
|
| Nach oben |
|
 |
player Neuer [User]

Anmeldung: 19.02.07 Beiträge: 7
|
Verfasst am: 19.02.2007, 20:18 Titel: |
|
|
hey, fetten Dank, hatte keine Hoffnung mehr, die Sache heute noch hinzukriegen.
Dankeschön 
|
|
| Nach oben |
|
 |
sejuma Beliebter [User]

Anmeldung: 08.05.06 Beiträge: 493
|
Verfasst am: 19.02.2007, 20:25 Titel: |
|
|
Jo, keine Ursache. Musste zwischendurch mal ne Badarmatur montieren und hab dafür fast 4 Stunden gebraucht. Deshalb hat's etwas länger gedauert. Hoffentlich geht die zweite morgen schneller. Da bastle ich doch lieber am CSS-Code. 
|
|
| Nach oben |
|
 |
player Neuer [User]

Anmeldung: 19.02.07 Beiträge: 7
|
Verfasst am: 21.02.2007, 20:44 Titel: |
|
|
Hey, dein Tipp hat mir einmal geholfen, aber jetzt stehe ich nochmal vor dem gleichen problem, und zwar mit H1
Ich habe dafür auch eine Klasse, und er lässt eine zeile drunter frei. Kann jemand erklären wieso das passiert und wie man jetzt Abhilfe schaffen kann?
Danke
|
|
| Nach oben |
|
 |
thomyb Beliebter [User]

Anmeldung: 17.02.07 Beiträge: 294 Wohnort: Bötzingen, ...
|
Verfasst am: 22.02.2007, 01:49 Titel: |
|
|
Bei den H Tags ist die Zeile Abstand Standard, weil es ja eine Überschrift sein soll, wenn du das abschalten willst, schreib den h1 tag so:
| Code: | | <h1 style="display: inline;">Dein Text</h1> |
|
|
| Nach oben |
|
 |
|
|