Neu Einfaches CSS Problem

[Specker]

Hi

Habe vermutlich ein einfaches CSS Problem:

Innerhalb einer Div mit der Klasse „tabelle“, befindet sich eine Tabelle:

<table width="350" height="450" border="1">

Da ich auf die Tabelle keinen direkten Zugriff habe, sondern nur über die übergeordnete div, wollte ich die Tabelle umstylen mit folgenden Befehl:

.tabelle.table {width: 100 %; height: 300 px;}

Aus unerfindlichen Gründen funktioniert das nicht.

Was funktioniert ist:

table {width: 100 %; height: 300 px;}

Das würde zwar auch in Ordnung gehen, aber damit beeinflusse ich ja alle tables auf der Seite. Gewünscht ist ja eigentlich nur die Tabelle innerhalb der div.

Wie muss ich da vorgehen? Könnt ihr mir da helfen?



Beste Grüße - Ben

 

[Specker]

Noch ein weiteres Problem ist eben aufgetaucht:

Ich hatte zu Testzwecken das Theme auf „Cyborg“ gestellt.

Dort habe ich den Code

table {width: 100 %; height: 300 px;}

in der theme.less unter Tables eingefügt. Das hatte wie gesagt geklappt.



Nun wollte ich das gleiche in meinem Evo Theme machen.


Mir ist sofort aufgefallen, dass die theme.less dort völlig anders aufgebaut ist und es keine Rubrik „Tables“ gibt.

Also habe ich den Code Schnipsel einfach eingefügt und kompilieren lassen.


Leider führt das nicht zum gleichen Effekt wie in der Cyborg Vorlage, woran könnte das liegen? So unterschiedlich können die Themes doch nicht sein..

 

[ag-websolutions.de]

.tabelle.table {width: 100 %; height: 300 px;}
Aus unerfindlichen Gründen funktioniert das nicht.

Wenn ich dich richtig verstehe, sieht dein HTML-Aufbau so aus

<div class="tabelle">    
      <table width="350" height="450" border="1">
              .....

Damit gibt es den von dir in der css angesprochenen css-Selektor ".tabelle.table" gar nicht so dass die Anweisung auch nie greifen kann.

Daneben verstehe ich nicht, warum du einerseits das Tabellen-Element inline stylst (width="350" height="450" border="1") und dann noch mal via css.

Daneben solltest du bei responsive Darstellung von festen px-Maßen Abstand nehmen.

 

[Specker]

Der Part

<table width="350" height="450" border="1">

Ist im Artikel als freies Feld verankert und soll nicht verändert werden. Das wären zuviele Artikel und das würde mir die Ebay Designvorlage zerhauen. Egal, hat auf jeden Fall seine Richtigkeit. Aus diesem Grund versuche ich es nochmal umzustylen.

Daneben solltest du bei responsive Darstellung von festen px-Maßen Abstand nehmen.

Genau, deshalb auch das umstylen mit 100 % für die width. Height: 300px passt allerdings für meinen Fall.

Wenn ich dich richtig verstehe, sieht dein HTML-Aufbau so aus

Korrekt.

Damit gibt es den von dir in der css angesprochenen css-Selektor ".tabelle.table" gar nicht so dass die Anweisung auch nie greifen kann.

Ach nein? Ich dachte ich hätte das früher mal so gemacht. Oder geht das nur so mit IDs?

Also ich muss doch irgendwie auf diese eine spezifische Tabelle zugreifen können oder?

 

[css-umsetzung]

ja mit

.tabelle table {width: 100 %; height: 300 px;}

 

[Specker]

Ach da war der Fehler, vielen Dank!

Das andere Problem bleibt bestehen.
Innerhalb der theme.less von der evo Theme hat das keine Auswirkung.
Woran kann das liegen?

Gruß Ben

 

[css-umsetzung]

Jedes Theme ist in sich anders vom css her, sonst bräuchten wir ja keine unterschiedlichen.
Ein generelles table {width: 100 %; height: 300 px;} solltest du auch keinesfalls machen, es gib ja einige Tabellen im Shop, die würden das dann unter Umständen nicht lustig finden.
Am besten das Problem zeigen, dann ist es einfacher, wir können ja nicht deine Sachen nachbauen nur um zu sehen was dein Problem ist.

Du spielst doch hoffentlich in einem Child Template rum oder?

 

[Specker]

Jedes Theme ist in sich anders vom css her, sonst bräuchten wir ja keine unterschiedlichen.

Ok, mich wundert es nur, dass es mit 3 anderen auf die Art ohne Probleme funktioniert hat.

Ein generelles table {width: 100 %; height: 300 px;} solltest du auch keinesfalls machen, es gib ja einige Tabellen im Shop, die würden das dann unter Umständen nicht lustig finden.

Genau deshalb will ich es mit .tabelle table eingrenzen.

Am besten das Problem zeigen, dann ist es einfacher, wir können ja nicht deine Sachen nachbauen nur um zu sehen was dein Problem ist.

Habe dir eine PN mit einem Beispiel geschickt.

Du spielst doch hoffentlich in einem Child Template rum oder?

Japp

 

[Specker]

Habe das Problem lösen können

Der Evo Theme Editor zeigt seltsamer Weise 2 Mal das Evo Theme an im Dropdown Menü.

Eimal direkt unter –Theme auswählen-- und dann noch mal in der Mitte.


Mit dem zweiten hat es dann funktioniert. Hätte mich auch gewundert, immerhin ist das Prinzip ja das selbe wie bei den anderen Themes.


Vielen Dank für euere Hilfe. Das gillt besonders für CSS-Umsetzung!