nicht angemeldet
Syntax bei CSS
0 0 0 0 0 0 
MudGuard
0
0 0 
Gunnar Bittersmann
Syntax bei CSS
Hi,
ich habe hier ein div mit der id="inhalt". Darin befinden simg Bilder (img). Diese möchte ich nun mit CSS Eigenschaften übergeben. Wie mach ich das am Besten?
Also img {} würde ja alle img betreffen. Natürlich könnte ich ein class erstellen und das bei jedem img reinschreiben. Gehts aber vielleicht besser?
Mfg Mo3bius
-
#inhalt > img
Damit formatierst du alle Bilder die dem div DIREKT untergeordnet sind.--
ie:% fl:| br:^ va:} ls:& fo:| rl:( n4:( ss:| de:] js:| ch:? sh:( mo:| zu:)-
#inhalt > img
Damit formatierst du alle Bilder die dem div DIREKT untergeordnet sind.du hast vergessen, zu sagen, in welchem browser ;)
-
Also wirklich schlauer als vorher bin ich nicht.
Ween ich den Kind-Selektor verwende mit : div > img werden doch alle img angesprochen!
Ich bräuchte in etwa sowas :
div#inhalt > img
So funktioniert das halt nicht. Auch #inhalt > img liefert kein Ergebnis. Ich verwende Firefox 3. Das ganze muss aber noch bis zum IE6 funktionieren, sonst nützt mir das nichts.
Mfg Mo3bius
-
Hallo,
Ich bräuchte in etwa sowas :
div#inhalt > img
Lass die spitze Klammer weg:
div#inhalt img
Diesen einfachen Nachkommen-Selektor verstehen AFAIK alle CSS-fähigen
Browser, inklusive die älteren Versionen von MS IE.Damit sprichst Du alle img an, die im <div class="inhalt"> drin sind,
egal, ob sie direkte Nachkommen sind oder ob sie z.B. noch in
einem P-Element oder so eingepackt sind.HTH, mfg
Thomas-
Hallo nochmal,
div#inhalt img
Diesen einfachen Nachkommen-Selektor verstehen AFAIK alle CSS-fähigen
Browser, inklusive die älteren Versionen von MS IE.Da kommt mir noch in den Sinn: Der Steinzeit-Browser Netscape 4 verstand die Schreibweise
div#inhalt
nicht. Für ihn hätte man nur #inhalt schreiben dürfen, im Beispiel also:
#inhalt imgmfg
Thomas
der sämtliches CSS vor Netscape 4 versteckt mit media="screen,projection":
<link href='screen.css' rel='stylesheet' type='text/css' media='screen, projection'>-
Da kommt mir noch in den Sinn: Der Steinzeit-Browser Netscape 4 verstand die Schreibweise
div#inhalt
nicht.der verbreitungsgrad dieses browsers tendiert gegen null - sogar der navigator 9 hat eine verbreitung die gegen 0 tendiert
kümmere dich nicht um diese browser, macht nur unnötig arbeit
relevant sind ie6 aufwärts, firefox 2 aufwärts, safari 3 aufwärts und opera 8 aufwärts - notfalls noch ie 5.5, firefox 1.5, safari 2 und opera 7-
Danke für eure Antworten !
Die blödsten Fehler sind ja bekanntlich die einfachen, ich hab Groß/Kleinschreibung nicht beachtet....
Jetzt funktioniert alles :)
Mfg Mo3bius
-
-
Hallo,
der sämtliches CSS vor Netscape 4 versteckt mit media="screen,projection":
<link href='screen.css' rel='stylesheet' type='text/css' media='screen, projection'>Das erkennt aber der IE 4, weshalb ich
<style type="text/css" media="screen, projection">@import('screen.css');</style>
verwende ;)Zuletzt musste ich auch IE 5.0 ausschließen, was ich dann aber mit Conditional Comments erledigt habe :)
Gruß, Daniel
... der sich freut, dass man irgendwann IE6 und 7 mit
<style type="text/css">@import('screen.css') screen, projection;</style>
ausschließen kann.
-
-
Hi,
div#inhalt img
Damit sprichst Du alle img an, die im <div class="inhalt"> drin sind,Nein, dazu wäre div.inhalt img der richtige Selektor.
div#inhalt img selektiert alle img im div mit der id "inhalt".cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
O o ostern ...
Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
div#inhalt img
Damit sprichst Du alle img an, die im <div class="inhalt"> drin sind,Nein, dazu wäre div.inhalt img der richtige Selektor.
div#inhalt img selektiert alle img im div mit der id "inhalt".Ups, danke für die Korrektur dieses Flüchtigkeitsfehlers!
Ich meinte natürlich <div id="inhalt">, aber die Finger
haben beim Tippen so ihre Gewohnheiten... ;-)mfg Thomas
-
-
-
Hallo!
Ich bräuchte in etwa sowas :
div#inhalt > img
So funktioniert das halt nicht. Auch #inhalt > img liefert kein Ergebnis. Ich verwende Firefox 3. Das ganze muss aber noch bis zum IE6 funktionieren, sonst nützt mir das nichts.
Wenn du lediglich die img-Elemente _direkt_ unter deinem div#inhalt ansprechen willst, dann wäre
div#inhalt > imgkorrekt.
Meine Vermutung ist, dass du uns noch ein Element dazwischen verheimlichst (z. B. eina) und es deshalb nicht funktioniert. Am besten verlinkst du mal eine Beispielseite.
Imho kommst du ans Ziel indem du dendiv#inhalt imgverwendest. Falls es noch weitere Bilder in deinemdiv#inhaltgibt, die du anders formatieren möchtest, musst du für diese die Formatierungen natürlich überschreiben.Viele Grüße
Thorsten--
ie:( fl:( br:< va:) ls:& fo:) rl:° n4:° ss:) de:> js:| ch:? sh:( mo:| zu:)
-
-
-
-
Also img {} würde ja alle img betreffen. Natürlich könnte ich ein class erstellen und das bei jedem img reinschreiben. Gehts aber vielleicht besser?
mit dem kind-selektor ">" oder dem nachfahren-selektor " " - anzumerken ist, dass der internet exploder 6 den kind-selektor nicht versteht
-
@@Mo3bius:
Natürlich könnte ich ein class erstellen und das bei jedem img reinschreiben.
Um Himmels Willen, tu’s nicht!
Gehts aber vielleicht besser?
Ja, mit dem Selektor für Nachfahren.[CSS2 §5.1, CSS2 §5.5, http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente@title=SELFHTML]
Live long and prosper,
Gunnar--
Erwebsregel 208: Manchmal ist das einzige, was gefährlicher als eine Frage ist, eine Antwort.-
Hallo Gunnar,
Diese von Dir geposteten Links funktionieren bei mir im Firefox 3.0 nicht.
(Weiss der Geier, warum die Leute von edition-w3c.de so problematische
Anker mit %C2%A0 am Ende basteln ...
Aber für mich ein Grund mehr, diese Übersetzung zu meiden und
nur das englische Original der Specification weiterzuempfehlen.)Diese Links funktionieren bei mir im Firefox:
http://edition-w3c.de/TR/1998/REC-CSS2-19980512/kap05.html#heading-5.1
http://edition-w3c.de/TR/1998/REC-CSS2-19980512/kap05.html#heading-5.5Und hier noch die Links zur aktuellen englischen Version CSS 2.1:
5.1 Pattern matching http://www.w3.org/TR/CSS21/selector.html#pattern-matching
5.5 Descendant Selectors http://www.w3.org/TR/CSS21/selector.html#descendant-selectorsmfg Thomas
-