Element Style bearbeiten

[ibu2002]

Hallo,

ich habe folgendes Problem.
Zur Zeit werden meine CSS Anweisungen teilweise von Element Styles überschrieben, leider finde ich keine Möglichkeit diese zu bearbeiten.

<ul onmouseout="moomenu_fire()" onmouseover="moomenu_stop()" class="level_2 menuaccord" style="padding-top: 0px; border-top: medium none; padding-bottom: 0px; border-bottom: medium none; overflow: hidden; visibility: hidden; opacity: 0; height: 0px;">
</ul>

Somit wir meine CSS Anweisung unter

.mod_mootoolsnav ul.level_2

leider überschrieben.

Hat jemand eine Idee wie ich das Problem lösen kann?

Anschauen könnt Ihr euch das Ganze unter http://hubeadde.de/contao/

[ibu2002]

ok Problem zwar nicht gelöst aber umgangen und zwar per CSS und !important; Anweisung.

Falls jemand aber noch eine saubere Lösung findet/kennt, bitte melden

[Andreas]

Ich kenn die mootoolsnav jetzt nicht, aber üblicherweise werden in solchen Javascriptlösungen ja nur solche Inline-Styles geschrieben, welche für die browserübergreifende Darstellung absolut notwendig sind.

Diese dann zu überschreiben geht natürlich auf dein eigenes Risiko, !important ist da eigentlich in Ordnung.

Schau aber mal, ob es innerhalb des Moduls irgendwelche Einstellmöglichkeiten dazu gibt. In einer Dokumentation, oder direkt im Javascript.

Schau dir auch mal an, wie deine Navigation ohne Javascript aussieht. Einige Seiten sind dann nicht mehr zugänglich und es erscheint kein Hinweis darauf. Ist das Standard, oder weil du bereits eingegriffen hast? Schaltest du in diesem Fall das CSS ab, ist die kompl. Navigationsliste allerdings vorhanden. In diesem Fall haben also Leute mit einem Sreenreader ausnahmsweise mal einen Vorteil

Grüße

[tl_richard_user]

Hallo,
ich würde doch gerne

style="padding-top: 0px; border-top: medium none; padding-bottom: 0px; border-bottom: medium none; overflow: hidden; visibility: hidden; opacity: 0; height: 0px;"

alles fett-markierte entfernen, da es mich bei der Gestaltung hindert.
Leider habe ich (mit der Notepad++ - Suche) nirgendwo etwas davon gefunden.

[Andreas]

Class: Fx.Accordion
Fx.Accordion elements will have their paddings and borders removed in order to make the transition display correctly. Best practice is to use the accordion elements as containers for elements that are styled exactly as you like.

Gruß Andreas

[tl_richard_user]

Ah, Danke.

[Preetz]

Hi zusammen,

ich benötige auch mal eine Hilfe im ähnlichen Bereich:

Auf meiner Seite stimmt die Position des Select Button bei den Formularen nicht.
Er steht immer ganz oben.

laut Firebug sieht es so aus:

element.style {
  left:535px;
  position:absolute;
  top:0;
  width:105px;
} 

Dabei sollte das top:0; abgestellt werden, sodass dies wieder stimmt. Witzerigerweise wird das Select-Feld nur bei mobilen Versionen falsch positioniert.
Hat jemand einen Tipp für mich?

Danke
Preetz

[Andreas]

Bitte eine Beispielseite, auch wenn du local arbeitest und auch, wenn du das Projekt nicht zeigen darfst.

[Preetz]

Hi,

dass ist gar nicht so einfach ;-)
Es handelt sich hierbei um einen internen Bereich für den man ein Passwort und einen Benutzernamen benötigt :-(

[Bennie]

Dieser Button wird doch eine css Klasse haben also z.B. .meineklasse, dann überschreib doch einfach den inline-style mit .meineklasse[style]

[Andreas]

Du solltest aber doch in der Lage sein, das Problem soweit einzugrenzen, dass du einen Link zu einer statischen Seite mit dem betreffenden CSS und evtl. Javascript zeigen kannst. Dummy-Bilder und Blindtexte, wenn der Inhalt vertraulich ist.