Archief - img property op 1 div toepassen

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
p

pina

Legacy Member
pff, is nochtans iets heel basics lijkt me, maar ben effe het noorden kwijt. Hoe kan ik ervoor zorgen in onderstaande code met css, dat mijn 1e afbeelding bvb kleiner wordt afgebeeld?

HTML: 
<body>

<div class="01">
<img src="col1.jpg">
</div>


<div class="02">
<img src="col2.jpg">
</div>

</body>

ik wil dus in css een manier vinden opdat de img tag enkel op div class 01 van toepassing zal zijn en niet op div class 02... Ik dacht aan img.01 {...} maar dat werkt niet... Je kan natuurlijk wel nog een aparte class toewijzen aan die eerste img-tag, maar dat is niet de bedoeling.
B

BleKKie

Legacy Member
In je css file
Code: 
.01 img {
  width: 100px;
  height: 100px;
}

Dit zorgt er voor dat alle img tags in de container met die klasse (01) een vaste breedte en hoogte krijgen.
-

-BVR-

Legacy Member
BleKKie zei:
In je css file
Code: 
.01 img {
  width: 100px;
  height: 100px;
}

Dit zorgt er voor dat alle img tags in de container met die klasse (01) een vaste breedte en hoogte krijgen.
Klik om te vergroten...

Beter nog .01 > img in dit geval.
D

Dieterg

Legacy Member
> is idd strikter. In dit geval maakt het niet zoveel uit omdat je geen nested divs met images hebt.

Bijvoorbeeld
Code: 
<div class="01">
  <img .../>
  <div>
     <img .../>
  </div>
</div>

Code: 
.01 img {
   width: 200px; 
   height: 200px;
}

zal beide afbeeldingen die grootte en breedte geven.

Code: 
.01 > img {
   width: 200px;
   height: 200px;
}

zal enkel de eerste afbeelding die grootte en breedte geven, niet die in die div.
K

KingOfWoods

Legacy Member
Ben ik nu fout, maar mochten classes en id's niet beginnen met een cijfer. Heb daar eens problemen mee gehad, maar is mss al weer weggewerkt in css3 en html5
m

meuh

Legacy Member
Classes die met een nummer beginnen worden wel ondersteund in IE.
Maar ik zou het nie aanraden, want andere browser lachen daar nie mee :p
b

bealzebub

Legacy Member
Streaker zei:
Ben ik nu fout, maar mochten classes en id's niet beginnen met een cijfer. Heb daar eens problemen mee gehad, maar is mss al weer weggewerkt in css3 en html5
Klik om te vergroten...

meuh zei:
Classes die met een nummer beginnen worden wel ondersteund in IE.
Maar ik zou het nie aanraden, want andere browser lachen daar nie mee :p
Klik om te vergroten...

Classes en IDs mogen idd nie beginnen met een nummer. Alle rendering engines kunnen er wel mee overweg (en alles verschijnt correct), maar in de console krijg je wel errors te zien. De problemen duiken pas op eens je met DOM manipulatie (bv. via jQuery) begint, de Javascript engines gaan daar blijkbaar minder goed mee om.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan