Home | Registrieren | Einloggen | Suchen | Aktuelles


Forum » Auszeichnungssprachen » Problem mit + Zeilenumbruch Antworten
Problem mit + Zeilenumbruch

Elharter
Feiertags-Poster


Beiträge: 26


Hallo,

leider weis ich bis jetzt noch nicht genau warum der Fehler auftritt....
Ich habe Probleme mit FireFox und IE.

Ich verwenden DIV´s, die ich ein und ausblende per Hyperlink....
Dazu hab ich 2 Bilder (ein + und ein -) und daneben Text...

im IE passt alles....FF erzeugt immer einen Zeilenumbruch, welcher anscheinend durch das "Align=absmiddle" bei den Bildern erzeugt werden dürfte.

Was kann ich dagegen machen? Ich brauche absmiddle damit das optisch schön zusammenpasst.

IE:

FF:


Code-Beispiel:
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12:
<a onclick="detailview('taz_on_001','taz_off_001', 'taz001'); return false;" href="#" style="width:0;">
<span id="taz_on_001" style="display: block;white-space:nowrap;"><img border="0" src="../images/expand.gif" width="16" height="16"></span>
<span id="taz_off_001" style="display: none;white-space:nowrap;"><img border="0" src="../images/collapse.gif" width="16" height="16"></span></a>  Teilnehmeranzahl:<b> <%=maxplayers%></b>
<span id="taz001" style="display: none;">

</b>Sollte die maximale Teilnehmeranzahl erreicht sein, ist eine Anmeldung trotzdem noch möglich!
  Eventuell ausfallende Teilnehmer werden dann durch nachrückende ersetzt!<b>
</b></span>
<b>


Diese Nachricht wurde geändert von: Elharter
  Profil   Editieren   Zitieren

progrookie
Fachidiot


Beiträge: 128


soweit ich das in Erinnerung habe ist "Align=absmiddle" nicht w3c-konform.
Probier mal das, denn hier wird der Text auch zentriert an der Grafik ausgerichtet und es ist w3c-konform!!!
1: 
2: 
3:
vertical-align: middle;
text-align: center;


---

  Profil   E-Mail   Website   Editieren   Zitieren

Elharter
Feiertags-Poster


Beiträge: 26


hy...

naja brachte nicht wirklich was. hat sich zwar alles in alle richtungen verschoeben...aber das wars.

Habs dann mit text-align: left, right usw probiert......

Gebracht hat es nix ;(((

  Profil   Editieren   Zitieren

Elharter
Feiertags-Poster


Beiträge: 26


ok hab im Web was gefunden....

float:left; padding-right: 1px

Damit funktioert es FAST ! Aber leider nur fast...
Wenn ich das auf alle Spans anwende, verschieben sie sich nach unten, immer weiter nach rechts.....

Bei nur 1 span funkt es einwandfrei....

  Profil   Editieren   Zitieren

Ori
Fachidiot


Beiträge: 118


Dann überlappen die sich die Zeilen vermutlich. Probier mal, den Zeilenabstand per line-height selbst festzulegen.

  Profil   E-Mail   Website   Editieren   Zitieren

Elharter
Feiertags-Poster


Beiträge: 26


ist aber keine tabelle......sind nur grafiken mit text und trennung mit <br> .....

sprechen wir dann auch noch von zeilenhöhe??

  Profil   Editieren   Zitieren

Ori
Fachidiot


Beiträge: 118


Ich rede von der CSS-Eigenschaft line-height. Und natürlich haben Textabsätze auch Zeilen, selbst wenn es nur eine einzige ist.

  Profil   E-Mail   Website   Editieren   Zitieren

Elharter
Feiertags-Poster


Beiträge: 26


Ok werd ich probieren!

  Profil   Editieren   Zitieren
 

Antworten
Nach oben