nicht angemeldet
IE: Zu blöd für <ol>?
Der Martin
Struppi
Gunnar BittersmannHallo zusammen,
kann mir einer erklären, warum wieder mal NUR der IE folgende Liste nicht sauber darstellt? Statt einer fortlaufenden Numerierung setzt dieser überall nur ne 1 davor und macht nen Zeilenumbruch wo keiner ist...?!
Grüße, Florian
------------------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15">
<style>
*{font-family:sans-serif;font-size:14px;}
body,table,td{font-family:sans-serif;font-size:14px;background-color:white;}
.notice{font-weight:bold;font-size:16px;width:520px;text-align:justify;padding:5px;}
p{text-align:justify;}
p.default{width:560px;}
span.underlined{text-decoration:underline;font-weight:bold;font-size:16px;}
div.picture{border:1px solid blue;text-align:left;padding:5px;width:520px;}
li{width:520px;}
</style>
</head>
<body>
<p class="default" style="text-align:right;">Hamburg, Februar 2006</p>
<p class="default">Sehr geehrte Kundin,<br>sehr geehrter Kunde,</p>
<p class="default">um Ihnen in Zukunft erweiterte und komfortablere E-Mail Dienste zur Verfügung zu stellen, ist die Umstellung unserer E-Mail-Servers notwendig.</p>
<p class="default">Damit Sie diese Erweiterungen nutzen können ist es notwendig, dass einige Einstellungen an ihrem Mailclient geändert werden müssen. Hier die Beschreibung an dem Beispiel Outlook Express, welche Einträge wo hinterlegt werden müssen.</p>
<p class="default"><a href="http://xxxxxxxxx/files/Mail-Migration.pdf">Hier</a> können Sie diese Anleitung als PDF-Datei herunterladen. Um diese anzuzeigen benötigen Sie den Acrobat Reader!</p><hr>
<p class="notice">ANLEITUNG:</p>
<ol>
<li>
In Outlook Express (OE) ist es nötig, dass Sie Ihr E-Mail Konto neu anlegen, um Ihr E-Mail-Account nach der späteren Umstellung unseres E-Mail-Servers weiterhin nutzen zu können. Starten Sie bitte OE und wählen Sie unter "Extras" den Punkt "Konten..." aus.<br><br>
<div class="picture">
<img src="images/Image1.gif" width="501" height="348" border="0"><hr>
Konten verwalten
</div><br><br><br>
</li><li>
Wählen Sie "Hinzufügen" und "E-Mail" aus und der Assistent zum Einrichten Ihres neuen Kontos wird gestartet.<br><br>
<div class="picture">
<img src="images/Image2.gif" width="503" height="308" border="0"><hr>
Assistent starten
</div><br><br><br>
</li><li>
Im weiteren Schritt geben Sie bitte ihren Namen ein und klicken auf "Weiter". Anschließend tragen Sie bitte ihre E-Mail-Adresse ein und mit "Weiter" bestätigen". Bei "Der Posteingangsserver ist ein" wählen Sie bitte <b>IMAP Server</b> aus. Als Posteingangsserver <b>imap.xxxxxxxxx</b> und als Postausgangsserver <b>smtp.xxxxxxxxx</b> eintragen und wieder auf "Weiter" klicken.<br><br>
<div class="picture">
<img src="images/Image3.gif" width="503" height="385" border="0"><hr>
Server einrichten
</div><br><br><br>
</li><li>
In dem nächsten Fenster unter Kontoname die von uns mitgeteilte Bezeichnung eintagen und in dem Feld darunter, dass Ihnen von uns mitgeteilte Mailkennwort eingeben. Das Feld darunter kann leer bleiben.<br><br>
<div class="picture">
<img src="images/Image4.gif" width="504" height="385" border="0"><hr>
Konto einrichten
</div><br><br><br>
</li><li>
Jetzt "Weiter" anwählen und anschließend auf "Fertig stellen" klicken. Sie haben Ihr E-Mail Konto erfolgreich neu eingerichtet um die erweiterten E-Mails Dienste von Martens Multimedia nutzen zu können.<br><br>
</li><li>
Abschließend müssen Sie noch einmal die Eigenschaften Ihres Kontos öffnen. Um die Kontoeigenschaften zu öffnen, gehen Sie wie oben beschrieben auf "Extras" und dann "Konten...". Wählen Sie bitte Ihr neues Konto aus und klicken Sie auf "Eigenschaften". In dem sich jetzt geöffneten Fenster klicken Sie bitte rechts oben auf den Reiter "IMAP". Dort tragen Sie unter "Pfad des Stammordners: "<i>inbox</i>" ein.<br><br>
<div class="picture">
<img src="images/Image5.gif" width="368" height="443" border="0"><hr>
IMAP konfigurieren
</div><br>
</li>
</ol><hr><br>
<p class="default">Wir wünschen Ihnen weiterhin viel Spaß mit dem Martens Internetzugang. Für Rückfragen steht Ihnen unser Martens Multimedia-Team unter der Rufnummer 040 - xxxxxxx gern zur Verfügung.</p>
Mit freundlichen Grüßen<br>
Ihr Martens Multimedia-Team<br>
</body>
</html>
------------------------------------------------------------------
-
Hallo,
kann mir einer erklären, warum wieder mal NUR der IE folgende Liste nicht sauber darstellt? Statt einer fortlaufenden Numerierung setzt dieser überall nur ne 1 davor und macht nen Zeilenumbruch wo keiner ist...?!
Bezieht sich das auf die Beta 2 des IE 7?
Das mit der forlaufenden 1 oder auch i, I, a, A kann ich dort bestaetigen, allerdings bezogen auf die "standalone-Installation". Auch die Angabe von list-style-type: decimal; (oder lower-roman usw.) bringt keine Abhilfe.
MfG, Thomas
-
Bezieht sich das auf die Beta 2 des IE 7?
Nönö, IE-Standard-Version unter Win2K.. 6.0 glaube ich?
Grüße, Florian
-
Hallo Florian,
Bezieht sich das auf die Beta 2 des IE 7?
Nönö, IE-Standard-Version unter Win2K.. 6.0 glaube ich?nein - Win2k bringt von Haus aus den IE5.0 mit. Wenn du den nicht irgendwann mal aktualisiert hast, bist du wohl immer noch mit einem 5er unterwegs.
Schönen Tag noch,
Martin--
Das Gehirn ist schon eine tolle Sache: Es fängt ganz von allein an zu arbeiten, wenn man morgens aufsteht, und hört erst damit auf, wenn man in der Schule ankommt.
(alte Schülererkenntnis) -
Hallo,
Nönö, IE-Standard-Version unter Win2K.. 6.0 glaube ich?
Ich konnte es mit einem 6.0er unter XP nachvollziehen. Dein Problem liegt offenbar an der width-Angabe fuer die li-Elemente.
Mein IE 7-Problem mit der Nummerierung konnte ich uebrigens auch loesen -- es lag an einer width-Angabe fuer ol-Elemente. Insofern danke fuer Dein Posting ;-).
MfG, Thomas
-
-
-
Hallo,
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15">
<style>
...
</style>
</head>Aua. Bitte tu dir den Gefallen und lege einen <title> an!
David
-
Lieber Florian,
ich empfinde diesen HTML-Quelltext als enorm aufgebläht und semantisch fragwürdig. Oder wie würdest Du Dir diesen Ausschnitt semantisch erklären:
<li> Im weiteren Schritt [...] Als Posteingangsserver <b>imap.xxxxxxxxx</b> und als Postausgangsserver <b>smtp.xxxxxxxxx</b> eintragen und wieder auf "Weiter" klicken.<br><br> <div class="picture"> <img src="images/Image3.gif" width="503" height="385" border="0"><hr> Server einrichten </div><br><br><br> </li>Die physikalische Auszeichnung (soll heißen: auf optische Wirkung ausgerichtet) mit <b>-Elementen ist in dem Moment nicht mehr sinnvoll, wo Dir CSS zur Verfügung steht. Da Du Klassen einsetzen kannst, solltest Du die <b>-Elemente durch <span>-Elemente ersetzen, die im Klassennamen eine inhaltliche Bedeutung tragen und über deren Rulesets Du dann das Aussehen steuern kannst.
Warum hat Du in Deinen Listenelementen am Ende zwei aufeinanderfolgende <br>-Elemente? Wenn Du einen Abstand zum folgenden Element brauchst, dann nimm doch (schon wieder!) CSS! Dazu ist es da! Gib dann halt Deiner <ol> eine Klasse, über die Du die <li>s steuern kannst!
Mein Vorschlag:
CSS:ol#anleitung { /* was immer Du der OL geben willst */ } ol#anleitung li { margin-bottom: 2em; width:520px; } ol#anleitung span.markiert { font-weight: bold; color: #666666; } div.illustration-links { display: block, float: left; margin-right: 10px; border:1px solid blue; padding:5px; width:520px; text-align: center; } div.illustration-rechts { display: block, float: right; margin-left: 10px; border:1px solid blue; padding:5px; width:520px; text-align: center; }HTML:
<ol id="anleitung"> <li> Im weiteren Schritt [...] Als Posteingangsserver <span>imap.xxxxxxxxx</span> und als Postausgangsserver <span>smtp.xxxxxxxxx</span> eintragen und wieder auf "Weiter" klicken. <div class="illustration-rechts"> <img src="images/Image3.gif" /> Server einrichten </div> </li>Jedenfalls so ist Dein Code extrem aufgebläht und teilweise sinnfrei.
Liebe Grüße aus Ellwangen,
Felix Riesterer.
-
Sorry, Nachtrag:
<li>
Im weiteren Schritt [...] Als Posteingangsserver <span>imap.xxxxxxxxx</span> und als Postausgangsserver <span>smtp.xxxxxxxxx</span> eintragen und wieder auf "Weiter" klicken.Die <span>s müssen das Attribut class="markiert" erhalten...
Liebe Grüße aus Ellwangen,
Felix Riesterer.
-
Die physikalische Auszeichnung (soll heißen: auf optische Wirkung ausgerichtet) mit <b>-Elementen ist in dem Moment nicht mehr sinnvoll, wo Dir CSS zur Verfügung steht. Da Du Klassen einsetzen kannst, solltest Du die <b>-Elemente durch <span>-Elemente ersetzen, die im Klassennamen eine inhaltliche Bedeutung tragen und über deren Rulesets Du dann das Aussehen steuern kannst.
Wenn er aber dem Wort eine besondere Bedeutung geben möchte?
Hier ist sicher <strong> angebrachter als ein span.Struppi.
-
Lieber Struppi,
Wenn er aber dem Wort eine besondere Bedeutung geben möchte?
Hier ist sicher <strong> angebrachter als ein span.einverstanden. Aber wenn er einem unschuldigen Textabsatz ohne alles bereits die Klasse "default" gibt, dann scheint er ein CSS-Class-Fetischist zu sein. *g* Sonst hätte er wohl seine Defaulteinstellung für alle <p>-Elemente im CSS-Bereich eingestellt.
Darin wollte ich ihn heimlich unterstützen. ;-)
Liebe Grüße aus Ellwangen,
Felix Riesterer.
-
-
Moin!
Die physikalische Auszeichnung (soll heißen: auf optische Wirkung ausgerichtet) mit <b>-Elementen ist in dem Moment nicht mehr sinnvoll, wo Dir CSS zur Verfügung steht. Da Du Klassen einsetzen kannst, solltest Du die <b>-Elemente durch <span>-Elemente ersetzen, die im Klassennamen eine inhaltliche Bedeutung tragen und über deren Rulesets Du dann das Aussehen steuern kannst.
Deine Forderung ist schwachsinnig!
<span> hat keine Bedeutung. <b> schon, es ist als äquivalent zu <strong> zu betrachten.
Auch Klassen haben keine Bedeutung. Die Forderung nach einem Klassennamen mit "inhaltlicher Bedeutung" ist irrelevant, man kann auch einfach durchnumerieren. Semantisch ausgewertet wird diese Angabe jedenfalls nicht. Den Klassennamen inhaltlich "passend" zu wählen erleichtert eventuell die Verwendung durch Menschen, die HTML schreiben.
- Sven Rautenberg
--
My sssignature, my preciousssss!-
Hallo Sven.
<span> hat keine Bedeutung.
Da stimmen wir überein. Doch dem span-Element kann durch eine ID oder eine Klasse eine Bedeutung verpasst werden. Das ist einfach Fakt und wird oft da angewandt, wo keines der bestehenden Elemente einen adäquaten Container für einen bestimmten Inhalt darstellt.
<b> schon, es ist als äquivalent zu <strong> zu betrachten.
Mit Verlaub: absolut nicht. Das b-Element hat nur einen Zweck, den eingeschlossenen Text <b>old, also fettgedruckt darzustellen. Also eine allein optische Auszeichnung des Inhaltes, der strukturelle Wert ist so gut wie Null. Das strong-Element dagegen soll seinen Inhalt stark betont auszeichnen, geht damit also weit über die fettgedruckte Darstellung des in ihm eingeschlossenen Textes hinaus und ist für nicht-grafishe Clients weitaus interessanter.
Auch Klassen haben keine Bedeutung.
Warum setzen wir sie dann (ein)?
Die Forderung nach einem Klassennamen mit "inhaltlicher Bedeutung" ist irrelevant, man kann auch einfach durchnumerieren.
Wobei der strukturelle nutzen damit (zumindest für nicht-maschinelle Betrachter) gleich Null ist.
Semantisch ausgewertet wird diese Angabe jedenfalls nicht.
Das kommt meiner Meinung nach auf den Client an. Strukturell haben Klassen dagegen sehr wohl eine Bedeutung: Gruppierung mehrere (auch gänzlich verschiedener) Elemente.
Den Klassennamen inhaltlich "passend" zu wählen erleichtert eventuell die Verwendung durch Menschen, die HTML schreiben.
Und auch denen, die es lesen (müssen).
Einen schönen Donnerstag noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
mathbr:del.icio.us/ mathbr:w00t/
-
-
Hallo.
<div class="illustration-rechts">
<img src="images/Image3.gif" />
Server einrichten
</div>Wenn eine Bildunterschrift ohnehin so "vielsagend" ist, kann man sich natürlich auch zu
<img src="images/Image3.gif class="illustration" title="Server einrichten" alt="Der Programmdialog zur Server-Verwaltung" />in Verbindung mit.illustration[title]:after{content:attr(title)": "attr(alt);}hinreißen lassen. So entfällt auch das<div>, und den Alternativtext hätte man ja ohnehin noch hinzufügen müssen.
MfG, at
-
-
Hello out there!
kann mir einer erklären, warum wieder mal NUR der IE folgende Liste nicht sauber darstellt? Statt einer fortlaufenden Numerierung setzt dieser überall nur ne 1 davor und macht nen Zeilenumbruch wo keiner ist...?!
Ich hatte das Problem auch mal: http://forum.de.selfhtml.org/archiv/2005/8/t112748/#m717464
See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)