Niklas: Darstellungsfehler im Mozilla?

SELF-Forum

Darstellungsfehler im Mozilla?

Niklas
– Informationen zu den Bewertungsregeln

Hallo,
ich habe ein Problem bei der Formatierung von XML mittels XSL. Ich habe eine Tabelle in einem XSL-Template und nun ergibt sich folgendes Problem bei der Anzeige im Mozilla: Die Zelle der Tabelle wird einige Pixel höher angezeigt, sobald sich ein Bild in ihr befindet. Unter dem Google-Logo sieht man also in diesem Fall einen roten Balken, dessen Auftauchen ich gerne verhindern möchte.
Ich hoffe jemand kann mir helfen,
vielen Dank im Voraus,

Niklas

INDEX.DTD

<!ELEMENT text (#PCDATA)>

INDEX.XML

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE index SYSTEM "index.dtd">
<?xml-stylesheet type="text/xsl" href="index.xsl" ?>

<text>:/</text>

INDEX.XSL

<?xml version="1.0" encoding="iso-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
 <html><head></head><body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
 <table bgcolor="red" border="0" cellspacing="0" cellpadding="0">
 <tr><td><img src="http://www.google.de/intl/de_de/images/logo.gif"/></td></tr>
 </table>
 <p align="center" style="font-family:Tahoma; font-size:48pt; color:red">
  <xsl:value-of select="." />
 </p>
 </body></html>
</xsl:template>

</xsl:stylesheet>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Richtige Darstellung, aber falsche Vorgaben

    MudGuard Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    Die Zelle der Tabelle wird einige Pixel höher angezeigt, sobald sich ein Bild in ihr befindet. Unter dem Google-Logo sieht man also in diesem Fall einen roten Balken, dessen Auftauchen ich gerne verhindern möchte.

    Dein Problem hat NICHTS mit XSL zu tun, es ist eine reine CSS-Frage.

    inline-Elemente werden per default auf der Basislinie vertikal ausgerichtet. Unterhalb der Basislinie ist Platz für die Unterlängen der Buchstaben.
    Mach das Bild zu einem block-Element (display:block;) oder richte es geeignet aus (vertical-align:bottom;)

    cu,
    Andreas

    --
    MudGuard? Siehe http://www.Mud-Guard.de/
    Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Richtige Darstellung, aber falsche Vorgaben

      Niklas
      – Informationen zu den Bewertungsregeln

      Mach das Bild zu einem block-Element (display:block;) oder richte es geeignet aus (vertical-align:bottom;)

      Juhu, funktioniert :] Danke vielmals.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln