CSS: theme.inc / tr.even / tr.odd reagieren nicht
Eingetragen von Toral (50)
am 29.01.2008 - 14:58 Uhr in
am 29.01.2008 - 14:58 Uhr in
ist es möglich tabellen die über das Modul tiny mce angelegt werden von vornherein fest zu definieren wie sie auszusehen haben. ZB immer abwechselde Reihen Weiß, Blau, Weiß.
Hab es über PHP versucht in der page.tpl.php aber die Variable $content ist wohl sehr allgemein verfasst und spricht nicht direkt die Tabelle an. Kann mir dort wer weiterhelfen, Wie ich die Tabelle ansprechen kann oder ob ich das anders machen muss?
Über CSS müsste ich ja zwei tr anlegen, weiss aber nicht wie das gehen sollte.
Bin da wirklich überfragt , für anregungen ,Hilfestellungen wäre ich sehr dankbar.
Gruß
Toral
- Anmelden oder Registrieren um Kommentare zu schreiben
Normalerweise fügt
am 29.01.2008 - 15:42 Uhr
Normalerweise fügt theme_table jeder Zeile noch eine Klasse "odd"(ungerade) oder "even"(gerade) hinzu, so kannst du in der CSS-Datei
tr.odd
undtr.even
ansprechen!Nur tr , td werden erkannt,
am 01.02.2008 - 11:10 Uhr
die erweiterung tr.odd oder tr.even werden bei mir nicht angenommen, bewirken nichts. Muss ich evt die theme.inc includen oder mach ich da sonst irgendetwas falsch?
Mit freundlichen Grüssen
Toral
Mit freundlichen Grüssen
Toral
Tabellenzeilen
am 01.02.2008 - 12:40 Uhr
Tabellen die du mit dem TinyMCE anlegst, werden von Drupal natürlich nicht mit einer class odd/even für Tabellenzeilen versehen. Könntest du per Hand rein schreiben.
vg
--
md - DrupalCenter
mdwp* :: Drupal Services
vg
md - DrupalCenter.de
mdwp* Drupal Consulting & Services
Tabellen Zeilen unterschiedlich farblich darstellen
am 01.02.2008 - 13:53 Uhr
Hallo zusammen habe ein Problem Zeilen unterschiedlich farblich darzustellen. Kann zwar zb den background für die ganze tabelle verändern aber ich will grade zeilen blau ungrade weiss darsteleln dafür muss ich ja irgendwie die Zeilen einzeln ansprechen. Ein Ansatz war tr.even und tr.odd in der CSS aber dabei ergibt sich keine Veränderung.
Hat irgendjemand eine Idee was ich da grad falsch mache bzw warum .odd, .even zu keiner Veränderung führt?
Gruß
Toral
Mit freundlichen Grüssen
Toral
Also gibt es keien Möglichkeit
am 01.02.2008 - 14:24 Uhr
Die Formatierung für die einzelnen Zeilen festzulegen. Auch nicht über einen PHP code um "print content" herum in der page.tpl.php? Oder auch irgendwie anders?
Mein Ziel ist es egal was der User für eine Tabelle über TinyMC anlegt sie soll immer gleich aussehen, kein Border nur immer abwechselnd die Farbe weiss, blau für die Zeilen.
Möchte da nachträglich nichts bearbeiten.
Mit freundlichen Grüssen
Toral
Mit freundlichen Grüssen
Toral
Toral schrieb
am 01.02.2008 - 14:28 Uhr
Hallo zusammen habe ein Problem Zeilen unterschiedlich farblich darzustellen. Kann zwar zb den background für die ganze tabelle verändern aber ich will grade zeilen blau ungrade weiss darsteleln dafür muss ich ja irgendwie die Zeilen einzeln ansprechen. Ein Ansatz war tr.even und tr.odd in der CSS aber dabei ergibt sich keine Veränderung.
Hat irgendjemand eine Idee was ich da grad falsch mache bzw warum .odd, .even zu keiner Veränderung führt?
Gruß
Toral
das muss schon funktionieren. ich nehm einfach mal an dass du den hintergrund der td nicht verändert hast. das css sollte etwa so aussehen:
tr.even td {
background-color: #000;
}
----------------------------------
http://www.drupal-austria.at
http://groups.drupal.org/austria
http://www.drupalcamp.at
Genauso hab ich das gemacht aber,
am 01.02.2008 - 14:50 Uhr
da ergibt sich keinerlei Veränderung zu vorher.
Hast Du evt. noch eien Idee?
Mit freundlichen Grüssen
Toral
Mit freundlichen Grüssen
Toral
Toral schrieb da ergibt
am 01.02.2008 - 15:02 Uhr
da ergibt sich keinerlei Veränderung zu vorher.
Hast Du evt. noch eien Idee?
Mit freundlichen Grüssen
Toral
dann werden diese angaben irgendwo anders überschrieben, schätz ich mal. schau dir mal dein css file durch. wenn du hier nichts findest schau dir an welche css files noch geladen werden (und in welcher reihenfolge). oder du postest einen link.
----------------------------------
http://www.drupal-austria.at
http://groups.drupal.org/austria
http://www.drupalcamp.at
der Link ist:
am 01.02.2008 - 15:42 Uhr
ich hoffe Du kannst da etwas finden, ich vermute sicher hab ich etwas in der page.tpl.php falsch, im Bereich print Content
Mit freundlichen Grüssen
Toral
Mit freundlichen Grüssen
Toral
Also in meiner CSS sehe ich nicht das sich da ...
am 01.02.2008 - 17:07 Uhr
formatierungen aufheben.
Oder seht Ihr da irgendwelche Formatierungen, die die Tabellen Formatierungen aufheben.
body {
background-color:#002750;
}
.schattiert { position:relative;}
a:link
{
color:#637d94;
text-decoration:none
}
a:visited
{
color:#637d94;
text-decoration:none
}
a:active
{
color:#c8d0d9;
text-decoration:none
}
a:hover
{
color:#002750;
text-decoration:underline
}
#background {
position:relative;
margin:auto;
width:935px;
height:269px;
z-index:1;
background-color: #FFFFFF;
visibility: visible;
}
#header {
position:absolute;
background-repeat:no-repeat;
left:0px;
top:22px;
width:935px;
height:100%;
z-index:1;
visibility: visible;
}
#bar {
position:absolute;
left:0%;
top:239px;
width:935px;
height:20px;
z-index:2;
visibility: visible;
background-color: #637d94;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #002750;
border-bottom-color: #002750;
}
#image-line {
position: absolute;
left: 0px;
top: 235px;
width:935px;
height:25px;
z-index:0;
visibility: visible;
background-color: #ffffff;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #002750;
}
#sidebar-left {
position:absolute;
left:0%;
top:265px;
width:194px;
height:335px;
z-index:1;
background-repeat: no-repeat;
background-color: #637d94;
visibility: visible;
vertical-align:text-top;
}
.text {
padding: 0px 40px 0px 40px;
}
.text img
{
padding: 0px 10px 0px 0px;
margin-left:-40px;
float:left;
}
#content {
font: 12px Arial, sans-serif; /*Schrift:Dick Größe Schriftart*/
line-height: 1.5;
color:#002750;
position:absolute;
left:193px;
top:265px;
width:540px;
height:335px;
z-index:2;
background-color: #eae9dd;
visibility: visible;
border-left-width: 4px;
border-right-width: 4px;
border-left-style: solid;
border-right-style: solid;
border-left-color: #002750;
border-right-color: #002750;
overflow-y:auto;
overflow-x: hidden;
padding: 0px 0px 0px 0px;
clear: left;
white-space:normal;
}
#sidebar-right {
position:absolute;
right:0%;
top:265px;
width:194px;
height:335px;
z-index:2;
visibility: visible;
background-color: #b0bbc0;
overflow:auto;
}
#footer {
position:relative;
margin:auto;
top:608px;
width:670px;
height:25px;
z-index:1;
background-image:url(/Befrachtung/files/images/footer.jpg);
background-repeat:no-repeat;
}
#transparent1 {
position:absolute;
top:135px;
right:0px;
width:605px;
height:52px;
z-index:0;
background-color:#ffffff;
background-repeat:repeat-x;
filter:alpha(opacity=70); /* Für IE */
-moz-opacity:0.7; /* Für Gecko-Browser */
opacity:0.7; /* Für Opera 9+ */
}
#bertling-header {
position:absolute;
top:135px;
left:0px;
width:334px;
height:52px;
z-index:3;
background-image: url(/Befrachtung/files/images/headline.jpg);
background-repeat: no-repeat;
}
#transparent {
position:absolute;
top:157px;
left:0%;
width:100%;
height:52px;
z-index:2;
background-color:#ffffff;
filter:alpha(opacity=70); /* Für IE */
-moz-opacity:0.7; /* Für Gecko-Browser */
opacity:0.7; /* Für Opera 9+ */
}
#hidden
{
position:absolute;
left:-1%;
top:0%;
width:102%;
height:586px;
z-index:0;
}
#image-line-botton {
position: absolute;
left: 0px;
top: 605px;
width:935px;
height:25px;
z-index:0;
visibility: visible;
background-color: #002750;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ffffff;
}
/* Horizontale Navigation*/
#navlist
{
padding: 2px 0px 3px 1px;
font: bold 12px Arial, sans-serif;
text-align: center;
}
#navlist li
{
padding: 0px;
}
#navlist li a, #navlist li a:visited
{
float:none;
line-height:12px;
text-decoration:none;
color:#e9ecf0;
background-color:#637d94;
padding:2px 15px 3px 15px;
}
ul#navlist li a:hover
{
color: #002750;
background-color: #e0e5ea;
}
#navlist li a.active
{
color: #002750;
background-color: #e0e5ea;
}
/* Zweisprachigkeit*/
#block-translation-0 .item-list
{
position:absolute;
Top: 4px;
left:0px;
font: bold 10px Arial, sans-serif; /*Schrift:Dick Größe Schriftart*/
display:inline;
}
#block-translation-0 li a
{
text-decoration:none;
color: #afafaf;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #002750;
padding: 0 15px 0 0;
}
#block-translation-0 li a:hover
{
text-decoration:none;
color: #777373;
}
#block-translation-0 li a.active
{
text-decoration:none;
color: #777373;
}
#white
{
position:absolute;
top:2px;
left:147px;
width:1px;
height:20px;
z-index:1;
background-color: #FFFFFF;
}
/* Menüs Left */
#block
{
font: bold 12px Arial, sans-serif; /*Schrift:Dick Größe Schriftart*/
padding: 0px 0px 0px 0px; /*Horizontaler Abstand zum Rand*/
}
#block li
{
float:left;padding: 0px 100px 0px 0px;
}
#block li a, #block li a:visited
{
width:173px;
padding: 8px 10px 8px 10px;
color: #002750;
float: left;
line-height: 12px;
background-color: #a3b1c0;
text-decoration:none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
white-space:nowrap;
}
#block li a:hover
{
color: #e9ecf0;
background-color: #c8d0d9;
}
#block li.leaf
{
list-style-type: none;
display:block;
padding: 0px 0px 0px 0px;
margin-left: 0px;
}
#block-menu-97 .titel2, #block-menu-96 .titel2
{
color: #667d96;
font-size: 0px;
font-weight: bold;
padding: 50px 0px 40px 0px;
background: url(/Befrachtung/files/images/home2.gif) center no-repeat;
list-style-type:none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
#block-menu-103 .titel2, #block-menu-104 .titel2
{
color: #667d96;
font-size: 0px;
font-weight: bold;
padding: 50px 0px 40px 0px;
background: url(/Befrachtung/files/images/compa.gif) center no-repeat;
list-style-type:none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
#block-menu-116 .titel2, #block-menu-117 .titel2
{
color: #667d96;
font-size: 0px;
font-weight: bold;
padding: 50px 0px 40px 0px;
background: url(/Befrachtung/files/images/schiff.gif) center no-repeat;
list-style-type:none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
#block-menu-126 .titel2, #block-menu-127 .titel2
{
color: #667d96;
font-size: 0px;
font-weight: bold;
padding: 50px 0px 40px 0px;
background: url(/Befrachtung/files/images/platzhalter.gif) center no-repeat;
list-style-type:none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
#block-menu-137 .titel2, #block-menu-138 .titel2
{
color: #667d96;
font-size: 0px;
font-weight: bold;
padding: 50px 0px 40px 0px;
background: url(/Befrachtung/files/images/platzhalter.gif) center no-repeat;
list-style-type:none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
#block-menu-143 .titel2, #block-menu-144 .titel2
{
color: #667d96;
font-size: 0px;
font-weight: bold;
padding: 50px 0px 40px 0px;
background: url(/Befrachtung/files/images/platzhalter.gif) center no-repeat;
list-style-type:none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
#block-menu-151 .titel2, #block-menu-152 .titel2
{
color: #667d96;
font-size: 0px;
font-weight: bold;
padding: 50px 0px 40px 0px;
background: url(/Befrachtung/files/images/flotte.gif) center no-repeat;
list-style-type:none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
#block-menu-157 .titel2, #block-menu-158 .titel2
{
color: #667d96;
font-size: 0px;
font-weight: bold;
padding: 50px 0px 40px 0px;
background: url(/Befrachtung/files/images/kontakte.gif) center no-repeat;
list-style-type:none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
#block ul.menu
{
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 0px;
}
#block li a.active
{
color: #e9ecf0;
background-color: #c8d0d9;
}
table {
margin: 1em 0;
width: 100%;
}
thead th {
border-bottom: 2px solid #d3e7f4;
color: #494949;
font-weight: bold;
}
th a:link, th a:visited {
color: #6f9dbd;
}
td, th {
padding: .3em .5em;
}
tr.even, tr.odd, tbody th {
border: solid #d3e7f4;
border-width: 1px 0;
}
tr.odd, tr.info {
background-color: #edf5fa;
}
tr.even {
background-color: #fff;
}
tr.odd td.active {
background-color: #ddecf5;
}
tr.even td.active {
background-color: #e6f1f7;
}
Wenn einer eine alternative weiss würde ich sie gerne hören um sie umzusetzen.
Danke nochmal für die Mühe an alle.
Mit freundlichen Grüssen
Toral
Mit freundlichen Grüssen
Toral
Antworten lesen
am 05.02.2008 - 09:56 Uhr
Also Antworten im Forum lesen, kann helfen: http://www.drupalcenter.de/node/7956#comment-29195
Deine manuell mit TinyMCE angelegte Tabelle verfügt nicht über die Klassen odd und even!
vg
--
md - DrupalCenter
mdwp* :: Drupal Services
vg
md - DrupalCenter.de
mdwp* Drupal Consulting & Services