css: ausnahme definieren
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
ausblenden
beschreiben
browser
code
dank
definition
eigenschaft
element
farbe
form
funktionieren
input
klasse
layout
mann
page
problem
regel
regeln
url
-
hallo liebe limaner.
gibt es eine moeglichkeit bei css ausnahmen zu definieren?
ich habe in meinem css die elemente "input" und "textarea" definiert um ein chiqueres formular zu erstellen.
http://clan-ppl.lima-city.de/?p=75#comments
problem ist nur, dass ich jetzt in der suchzeile (oben rechts) die gleichen styles habe. :(
klassen kommen leider nicht in frage, da ich verschiedene forms habe, die teilweise von wp generiert werden und ich deswegen n klassen bauen muesste.
vllt kennt ihr auch eine andere loesung?
lg -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Wenn du den globalen Namespace verwendest für die Regel dann wird sie auch nur in dem Namespace funktionieren und du kannst sie mehrfach überschreiben bzw. beschreiben.
div#page div#test1 form input { color: #FF0000; } div#page div#test2 form input { color: #00FF00; } div#page div#test1 form table tr td input { #0000FF; }
So mal als Beispiel was ich meinte ^^
//edit: Sofern WP keine Inline-Styles verwendet, dann kannst du die CSS Definition auch in deinen eigenen CSS Dateien überschreiben.
Beitrag zuletzt geändert: 13.10.2009 15:29:49 von evil-devil -
danke fuer die schnelle antwort.
evil-devil schrieb: Wenn du den globalen Namespace verwendest für die Regel dann wird sie auch nur in dem Namespace funktionieren und du kannst sie mehrfach überschreiben bzw. beschreiben.
mit den farben etc. funktioniert das auch. problem: mit dem padding funktioniert das nicht.
ich hab fuer textarea ein 3px padding definiert. und genau das reisst mir oben die suche aus dem layout ;)
Beitrag zuletzt geändert: 13.10.2009 15:47:03 von clan-ppl -
In welchem Namespace steht die Textarea denn? Und in welchem Browser zerschießt das Layout?
Denn gemäß BorderLayout ist ja (Border + Padding + Größe ) = Reelle Größe und Schriftgrößen haben bei Eingabefeldern häufig einen weiteren Einflussfaktor. -
evil-devil schrieb: In welchem Namespace steht die Textarea denn?
weiss leider nicht genau, was "namespace" ist >_<
ich benutze den neusten mozilla ff. wenn ich die definition fuer das padding in der textarea auskommentiere, dann funktioniert es ja. -
Mit Namespace ist der NAmensbereich gemeint. Also unter welchem Class bzw. Id Selektor Struktur das ganze steht.
Hast nen Link zum beschriebenen Problem? -
evil-devil schrieb:
Mit Namespace ist der NAmensbereich gemeint. Also unter welchem Class bzw. Id Selektor Struktur das ganze steht.
das waere dann wohl
.search input.box { font-size: 12px; width: 110px; height: 12px; margin-top:12px; margin-right: 10px; margin-left: 21px; background-image:url(images/search_bg.jpg); padding:none; }
und
input, textarea { margin-bottom:10px; background-color:#333; color:#FFF; border:solid 1px; border-color:#666; padding:3px; }
link ist eig schon im ersten post erwaehnt, aber ich geb ihn dir gern nochmal ;)
http://clan-ppl.lima-city.de/?p=75#comments -
Ah gut. Ist eigentlich ganz einfach. Die Felder die du anfassen willst sind unten die Comment Felder oder?
Falls ja, dann schreib für dein Padding folgende Zusatzregel:
form#commentform input, form#commentform textarea { padding: 3px; }
Natürlich kannst du in die Regel auch andere Dinge schreiben, aber diese Regel wird nun nur auf die Input- und Textarea-Felder innerhalb eines Formulares mit der ID commentform angewendet.
Beitrag zuletzt geändert: 13.10.2009 16:14:59 von evil-devil -
evil-devil schrieb: Ah gut. Ist eigentlich ganz einfach. Die Felder die du anfassen willst sind unten die Comment Felder oder?
ganz so einfach ist es leider nicht >_<
die felder auf dieser seite: http://clan-ppl.lima-city.de/?page_id=39 sollen den gleichen style haben, haben aber andere id's. ich muesste jetzt 2 klassen definieren, in denen das geliche drinsteht. klar kann man das ueber ein "," verkuerzen, aber jedes mal, wenn ich ein neues formular aufnehme, muesste ich ja dann wieder eine klasse hinzufuegen. ich dachte, dass es vllt noch einen clevereren weg gaebe. -
Ok. Kein Ding.
Dann definieren wir es anders herum.
Die Comment Felder erhalten einen globalen Style und für dein Suchfeld oben schreibst du eine zusätzliche Regel. Soweit es deine Seite erkennen lässt ist das Suchfeld immer in einem Formular mit der ID suche. Von daher sollte das klappen ^^ -
evil-devil schrieb:
Dann definieren wir es anders herum.
so wollte ich es eigentlich machen. problem ist, wie sagt man einer id, dass padding von 3px nicht mehr angewendet werden soll?
hab ich schon probiert.padding=-3px -
Wenn es nicht mehr angewendet werden soll, dann setzt du den Padding auf 0. Du musst ihn entweder auf einen vernünftigen Basiswert irgendwo gesetzt haben oder ihn zurücksetzen auf den Wert den er haben soll.
Ich definiere in meinen Webprojekten Margin und PAdding meist global auf 0 einmal. Das kann zwar zu Fehlern führen, läuft aber meistens problemlos =) -
omg bin ich doof >_<
da haett ich ja auch mal drauf kommen koennen.
ich dachte, dass die 3px padding geerbt werden, weil es ja ein input ist. mann mann, ich hab noch ne menge zu lernen.
aber ich danke dir vielmals fuer deine zeit ;) wenn ich dir karma geben duerfte, wuerd ichs machen. -
Naja, das einzige was er erbt ist die Definition des PAddings aus einer Regel die auf dein Feld angewendet wurde. Aber das lässt sich überschreiben wie du jetzt selbst gemerkt hast ;)
Wie du schon selbst mit Firebug gesehen hast kann man das ein oder andere durchs ausblenden deaktivieren und wenn du im CSS Browser von Firebug scrollst siehst du auch welche Regeln auf das Element angewendet wurden und welche Eigenschaften der einzelnen Regeln von übergeordneten Regeln überschrieben wurden. Das kann mitunter den entscheidenden Hinweis auf die Lösung geben ^^ -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage