nicht angemeldet
Design bricht bei :hover im Opera zusammen
Hallo!
Ich habe versucht, mit xsl Seiten zu erstellen. Dabei sollen die Seiten relativ angeordnet sein. Das ganze Layout ist über eine Tabelle aufgeteilt. Oben der Kopf mit wichtigen Links (Impressum, Hilfe, ...), links habe ich ein Navigationsmenue und der Rest gehoert den Hauptinformationen. Alle Elemente sind wiederum relativ angeordnet. Im Hauptbereich habe ich aber das Problem, dass beim hover-Effekt der Links das Layout für diesen Teil im Opera zusammenbricht und alle Leerbereiche verschwinden. Gehe ich über einen Link in einen anderen Bereich, so wird der Hauptbereich wieder neu aufgebaut.
Die Elemente hole ich mir allesamt aus einer xml.
Den fraglichen Teil der css habe ich validiert.
Formatiere ich den Link nicht, so funktioniert es problemlos - genauso wenn ich den hover-Teil rausnehme oder leerlasse.
NS, IE und FF machen keine Probleme.
Der Link fuer die Seite ist leider nicht oeffentlich zugaenglich.
Hat jemand eine Idee, woran es liegen kann?
Vielen Dank schon mal im Voraus.
quad
-
Hi,
Hat jemand eine Idee, woran es liegen kann?
An dem von Dir verwendeten Code.
Du willst es genauer?
Geht nicht ohne Kenntnis des Codes.cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
Hi!
Du willst es genauer?
Geht nicht ohne Kenntnis des Codes.css-Teil:
.info_link {
padding-left: 8px;
padding-right: 8px;
font-weight : bold;
font-size : 1em;
background-color : #000066;
color : #CCCCFF;
font-family : Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.info_link:hover {
text-decoration:none;
}
.tab {
height: 99%;
width: 100%;
}
.tabelle {
width: 90%;
border-color: #DDDDFF;
}
.border {
border-color: #CCCCFF;
background-color : #DDDDFF;
padding-left: 5px;
padding-right: 5px;
font-weight : normal;
font-size : 1em;
color : #000066;
font-family : Arial, Helvetica, sans-serif;
text-decoration:none;
}xsl-Teil:
<xsl:template match="PLH_SEITENLAYOUT">
<table class="tab" cellspacing="0" cellpadding="0" border="0">
<xsl:apply-templates />
<tr>
<td colspan="3"><img src="../gemein/pic/leer1.gif" width="1" height="1" border="0"/></td>
</tr>
</table>
</xsl:template><xsl:template match="BF_BESCH">
<tr>
<td colspan="3"><img src="../gemein/pic/leer1.gif" width="1" height="1" border="0"/></td>
</tr>
<tr height="5%" valign="middle">
<td colspan="3" class="normal_text" align="justify"><xsl:value-of select="."/></td>
</tr>
<tr>
<td colspan="3"><img src="../gemein/pic/leer1.gif" width="1" height="1" border="0"/></td>
</tr>
</xsl:template><xsl:template match="TAB">
<tr>
<td colspan="3" height="2%"><img src="../gemein/pic/leer1.gif" width="1" height="1" border="0"/></td>
</tr>
<tr height="10%">
<td colspan="3" align="center">
<table class="tabelle" cellspacing="0" cellpadding="3" border="1">
<xsl:apply-templates />
</table>
</td>
</tr>
<tr>
<td colspan="3" height="2%"><img src="../gemein/pic/leer1.gif" width="1" height="1" border="0"/></td>
</tr>
</xsl:template><xsl:template match="Kopf">
<tr>
<xsl:for-each select="Elem">
<th class="border"><xsl:value-of select="."/></th>
</xsl:for-each>
</tr>
</xsl:template><xsl:template match="Daten">
<tr>
<xsl:apply-templates />
</tr>
</xsl:template><xsl:template match="Elem">
xsl:choose
<xsl:when test="./lnk">
<td class="border" align="center">
<xsl:apply-templates />
</td>
</xsl:when>
xsl:otherwise
<td class="border" align="center"><xsl:value-of select="."/></td>
</xsl:otherwise>
</xsl:choose>
</xsl:template><xsl:template match="lnk">
<a href="{Link}" class="info_link" ><xsl:value-of select="Name"/></a>
</xsl:template>schließlich noch der relevante Teil der xml:
<BF_BESCH>
Dokumente können nur mit dem Adobe Adrobat Reader eingesehen werden.
</BF_BESCH>
<TAB>
<Kopf>
<Elem>Nummer</Elem>
<Elem>Rechn.-Nr.</Elem>
<Elem>Erstellt am</Elem>
<Elem>Zeitraum</Elem>
<Elem>Preis</Elem>
<Elem>Aktion</Elem>
</Kopf>
<Daten>
<Elem>12625</Elem>
<Elem>7</Elem>
<Elem>01.01.2005</Elem>
<Elem>01.12.2004-01.01.2005</Elem>
<Elem>20,50 €</Elem>
<Elem>
<lnk>
<Name>Download</Name>
<Link>../Seiten/Baustelle.htm</Link>
</lnk>
<lnk>
<Name>Löschen</Name>
<Link>../Seiten/Baustelle.htm</Link>
</lnk>
</Elem>
</Daten>
<Daten>
<Elem>26734</Elem>
<Elem>8</Elem>
<Elem>01.02.2005</Elem>
<Elem>01.01.-01.02.2005</Elem>
<Elem>72 €</Elem>
<Elem>
<lnk>
<Name>Download</Name>
<Link>../Seiten/Baustelle.htm</Link>
</lnk>
<lnk>
<Name>Löschen</Name>
<Link>../Seiten/Baustelle.htm</Link>
</lnk>
</Elem>
</Daten>
<Daten>
<Elem>30235</Elem>
<Elem>9</Elem>
<Elem>01.03.2005</Elem>
<Elem>01.02.-01.03.2005</Elem>
<Elem>27,50 €</Elem>
<Elem>
<lnk>
<Name>Download</Name>
<Link>../Seiten/Baustelle.htm</Link>
</lnk>
<lnk>
<Name>Löschen</Name>
<Link>../Seiten/Baustelle.htm</Link>
</lnk>
</Elem>
</Daten>
</TAB>Ich hoffe das hilft, um den fehlerhaften Teil zu finden.
quad
-
Hi,
Du willst es genauer?
Geht nicht ohne Kenntnis des Codes.css-Teil:
Sieht unverdächtig aus.
xsl-Teil:
Vollkommen irrelevant.
Du hast ein Problem mit HTML und CSS. Nicht jedoch mit XSL.schließlich noch der relevante Teil der xml:
siehe Anmerkung zu XSL.
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
Hallo!
xsl-Teil:
Vollkommen irrelevant.
Du hast ein Problem mit HTML und CSS. Nicht jedoch mit XSL.Die HTML wird ueber die xsl aufgebaut, der Hauptfenster-Teil steckt in dem "PLH_SEITENLAYOUT" mit Verzweigungen zu "BF_BESCH" und "TAB".
"TAB" enthaelt wiederum "Kopf" und 3*"Daten", die wiederum aus "Elem" bestehen.Wenn du noch mehr Teile brauchst, gib Bescheid.
Dankequad
-
-
-