Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Themes & Theming ›

CSS: theme.inc / tr.even / tr.odd reagieren nicht

Eingetragen von Toral (50)
am 29.01.2008 - 14:58 Uhr in
  • Themes & Theming
  • Drupal 5.x oder neuer

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

‹ Brauche etwas Hilfe beim Theme Sky Immer Umweg über Array-Index 0? --> $variable[0]['blablabla'] ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Normalerweise fügt

Eingetragen von derhasi (221)
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 und tr.even ansprechen!

  • Anmelden oder Registrieren um Kommentare zu schreiben

Nur tr , td werden erkannt,

Eingetragen von Toral (50)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Tabellenzeilen

Eingetragen von md (3717)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Tabellen Zeilen unterschiedlich farblich darstellen

Eingetragen von Toral (50)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Also gibt es keien Möglichkeit

Eingetragen von Toral (50)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Toral schrieb

Eingetragen von criz (31)
am 01.02.2008 - 14:28 Uhr
Toral schrieb

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;
}

  • Anmelden oder Registrieren um Kommentare zu schreiben

Genauso hab ich das gemacht aber,

Eingetragen von Toral (50)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Toral schrieb da ergibt

Eingetragen von criz (31)
am 01.02.2008 - 15:02 Uhr
Toral schrieb

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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

der Link ist:

Eingetragen von Toral (50)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Also in meiner CSS sehe ich nicht das sich da ...

Eingetragen von Toral (50)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Antworten lesen

Eingetragen von md (3717)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 2 Wochen 1 Tag
  • Hey danke
    vor 2 Wochen 1 Tag
  • Update: jetzt gibt's ein
    vor 2 Wochen 2 Tagen
  • Hallo, im Prinzip habe ich
    vor 3 Wochen 1 Stunde
  • Da scheint die Terminologie
    vor 3 Wochen 4 Stunden
  • Kannst doch auch alles direkt
    vor 3 Wochen 4 Tagen
  • In der entsprechenden View
    vor 3 Wochen 4 Tagen
  • Dazu müsstest Du vermutlich
    vor 3 Wochen 4 Tagen
  • gelöst
    vor 6 Wochen 23 Stunden
  • Ja natürlich. Dass ist etwas,
    vor 6 Wochen 1 Tag

Statistik

Beiträge im Forum: 250233
Registrierte User: 20453

Neue User:

  • ByteScrapers
  • Mroppoofpaync
  • 4aficiona2

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 30 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association