Hallo ich probiere jetzt schon ziemlich lange die Tabellen Inhalte mit einer top Ausrichtung zu versehen...
Hier einer meine TS Setup Versuche (mir ist schon irgendwie klar das das so nicht klappen kann...):
styles.content.tableStyle {
wrap = <valign="top">|</valign>
}
Es gibt ja nur das align Property beim tableStyle Objekt laut TSref...aber da hab ich auch nichts hinbekommen.... evtl. mit params??
Habe es auch mit folgendem CSS Eintrag versucht (habe aber keine Ahnung ob das so überhaupt funktionieren kann...bin nicht wirklich fitt in CSS)
/* Definition der Tabellen */
TABLE#contenttable contenttable-0 {
}
TABLE#contenttable contenttable-0 TR.tr-even tr-0 {
}
TABLE#contenttable contenttable-0 TR.tr-even tr-0 TD.td-0 {
vertical-align: top;
}
TABLE#contenttable contenttable-0 TR.tr-even tr-0 TD.td-last {
vertical-align: top;
}
Hier mein HTML Ausgabetext der Tabelle:
<!-- Table: [begin] -->
<table class="contenttable contenttable-0">
<tr class="tr-even tr-0">
<td class="td-0"><p>Spalte1 Zeile1 </p></td>
<td class="td-last"><p>Spalte2 Zeile1</p></td>
</tr>
</table>
<!-- Table: [end] -->
Danke für Hilfe, Korrekturen und Denkanstöße....
Beste Grüße
Torsten
Hi!
Warum hast du zwei Angaben in deinen Klassen? Muss das? Weil nur mit einer würde es funktionieren! Das CSS denkt (naja, denken tut es wahrscheinlich nicht...), das sei jetzt eine Stufe weiter, also ein Child der ersten Angabe, was aber falsch ist. Außerdem musst du bei "class=" einen Punkt benutzen, keinen Lattenzaun (den nimmt man bei "id=") 😉
Folgendes hat bei mir gefunzt:
<style type="text/css">
<!--
/* Definition der Tabellen */
TABLE.contenttable {
}
TABLE.contenttable TR.tr-even {
}
TABLE.contenttable TR.tr-even TD.td-0 {
vertical-align: top;
}
TABLE.contenttable TR.tr-even TD.td-last {
vertical-align: top;
}
//-->
</style>
<table class="contenttable">
<tr class="tr-even">
<td class="td-0" height="220"><p>Spalte1 Zeile1 </p></td>
<td class="td-last" height="220"><p>Spalte2 Zeile1</p></td>
</tr>
</table>
Hoffe, konnte dir damit helfen. Falls nicht, würde ich mal bei SelfHTML unter CSS gucken. Begriff "mehrere Klassen" / "Klassen-Angaben"...
Danke! Funzt jetzt auch bei mir... 😃
Die Classen werden von Typo erstellt. Ich bin leider noch nicht in alle Style Tiefen vorgedrungen. Habe nur bodytext und ähnliches formatiert. Verwende das CSS-Styled-Contend Extension.
Ist mein erstes großes Projekt und etwas stehe ich auch unter Zeitdruck... na ja wenns mal läuft kann man ja immernoch dran rumbasteln...
Dir nochmal vielen Dank, Du hast mir sehr geholfen!
Beste Grüße
Torsten
Hallo Manuel,
habe mich schlauer gemacht #giggle#
Jetzt habe ich aber doch noch eine Frage: Was macht man, wenn von Typo3 eine Classe innerhalb eines a-tags positioniert wird und man dennoch ein Pseudoformat wie :link, :visited, :hover für ein Verweis einsetzen möchte?
<A href="index.php?id=15&backPID=15"><span class="faqback">zur Übersicht</span></A>
Ist hier überhaupt ein mouseover Effekt möglich?
Ich zeig mal was ich jetzt so stehen habe(Fehler inclusive #giggle# ):
Die FAQ-Seite dazu ist http://www.pdce.de/index.php
/* Definition der FAQ*/
.faqtitle {
font-size: 12px;
font-family: verdana, arial;
font-weight:bold;
vertical-align: top;
}
li.faqtitle {
}
li.faqtitle A {
color: #336699;
text-decoration: underline;
}
li.faqtitle A:hover {
color: #336699;
text-decoration: none;
)
.faqsubheader {
font-size: 12px;
font-family: verdana, arial;
vertical-align: top;
text-decoration: none;
}
.faqsubheader A {
color: #336699;
text-decoration: underline;
}
.faqsubheader A:hover {
color: #336699;
text-decoration: none;
)
.faqcontent {
}
span.faqcontent {
font-size: 12px;
font-family: verdana, arial;
vertical-align: top;
text-decoration: none;
}
span.faqcontent A {
color: #336699;
text-decoration: underline;
}
span.faqcontent A:hover {
color: #336699;
text-decoration: none;
)
.faqback {
}
.faqback {
font-size: 12px;
font-family: verdana, arial;
color: #336699;
text-decoration: underline;
}
Und vielleicht hast Du ja noch Ideen zu einer effizienteren oder saubereren Lösung?
Beste Grüße
Torsten
Machst du ohne <span>:
<html>
<head>
<style type="text/css">
<!--
A:Link {
color: black;
text-decoration: underline;
}
A:Hover {
color: blue;
text-decoration: underline;
}
A:Link.faqback {
color: green;
text-decoration: none;
}
A:Hover.faqback {
color: green;
text-decoration: underline;
}
A:Link.other {
color: red;
text-decoration: none;
}
A:Hover.other {
color: red;
text-decoration: underline;
}
//-->
</style>
</head>
<body>
<a class="faqback" href="#">Ein Link der Klasse "faqback"</a><br>
<a class="other" href="#">Ein Link einer anderen Klasse</a><br>
<a href="#">Ein Link ohne Klasse</a><br>
</body>
</html>
Ist nur ein Beispiel. Also du nimmst die span-tags raus und machst dann "A:Link.KLASSE" oder "A:Link#ID" ! Wenn TYPO3 die Klassen autoamtisch setzt, kannst du die auch rausnehmen, bzw. selbst definieren. Tipp dazu: Gehe ins Modul "Template" dann wähle deine Root-Seite aus und dann wählst du ganz rechts im Fenster im Auswahlmenü "TYPOScript Object Browser" und suchst unten nach der Link-Klasse, die erstellt wird. Diese wird dann rot hervorgehoben und siehst, welches Plugin oder so dafür zuständig ist. Mit einem Klick auf diesen Wert kannst du ihn auch gleich verändern.