Archief - CSS:hover
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.
dresse
Legacy Member
Lashknife zei:
kunde is wa meer uigleg geven over het wanneer gebruiken van id, class, span, div, ... want heb da ook nog ni zo goe door. en vind da ni direct op google.
thx
en btw timpie, in firefox staat er vanonder helemaal alleen nog een leeg kader
denk ni dat da zo hoort Talos
Legacy Member
dresse zei:*edit: jeeeej, alle firefox problemen uit men site gekregen. stoch wel kut dat ie en firefox margins en paddings helemaal anders interpreteren eh
het is mss eerder zo dat FireFox de enige is die het volledig juist interpreteerd?
(Ja ik ben een FF fanboy zo een beetje
)dresse
Legacy Member
Talos zei:het is mss eerder zo dat FireFox de enige is die het volledig juist interpreteerd?
(Ja ik ben een FF fanboy zo een beetje
wie zal het zeggen. interpretatie van ie of firefox juist?
watk wel weet is da ze verschillen en da ik alles altijd geleerd heb op ie zijn manier... watk misschien beter ni gedaanhad want als het deftig is in firefox is het ook deftig in ie...
dresse
Legacy Member
ik zou het ni weten. ma begin misschien is met dees helemaal door te lezen: http://www.handleidinghtml.nl/css/inhoud-css.html
krijgt ge meer inzicht in hoe da margins, paddings en boxes enzo eigenlijk werken... en hoe da hoogtes en breedtes berekend worden. over het algemeen hebk ontdekt da msie veel toleranter is met foute code dan mozilla en dat msie ook anders sommige dingen omtrend margins en paddings interpreteerd. ma als het in firefox tegoei is is het in msie ook tegoei. en daar wordt alles uitgelegd vanuit standpunt van mozilla...
tkan nooit kwaad om da is te lezen eh ...
krijgt ge meer inzicht in hoe da margins, paddings en boxes enzo eigenlijk werken... en hoe da hoogtes en breedtes berekend worden. over het algemeen hebk ontdekt da msie veel toleranter is met foute code dan mozilla en dat msie ook anders sommige dingen omtrend margins en paddings interpreteerd. ma als het in firefox tegoei is is het in msie ook tegoei. en daar wordt alles uitgelegd vanuit standpunt van mozilla...
tkan nooit kwaad om da is te lezen eh ...
LunchBox
Legacy Member
tikketim vroeg: "njah , ik ken het verschil ook niet , zou je mss meer uitleg kunnen geven ??"
///
je hebt ELEMENT, ID, CLASS (de laatste 2 kan je toewijzen als attribuut aan een tag met resp. id="idNaam" en class="classNaam")
een element is eigenlijk gewoon een standaard tag die je kan gaan stylen bv:
body{background-color:white;}
iedere keer dit element voorkomt in je code zal hij gestyled worden
--
een id is een unieke verwijzing, mag volgens de validatie slechts éénmaal op een pagina voorkomen en wordt voorafgegaan door het spoorweg-teken '#'
(het spoorweg-teken wordt niet geplaatst in je html code <div id="centerPaga">content</div>)
#centerPage{position:absolute;left:50%;margin-left:-400px}
je kan ook de locatie ophalen via javascript: getElementById('idNaam'), en aanvullen met DOM (document object model) zodat je de zaken op je pagina kan benaderen via scripting
--
een class verschilt niet veel van een id maar kan je laten terugkeren op eenzelfde pagina, het wordt voorafgegaan door een punt '.'
(het punt wordt niet geplaats in je html code <span class="subTitle">titel</span>)
.subTitle{font-weight:bold;}
--
element wordt dus automatisch toegewezen aan de juiste tag en id, class kan je gaan toepassen op quasi elk element in je pagina. wil je een blok gaan stylen gebruik je vaak <div></div>, ga je slechts een regel of zelfs teken aanpassen gebruik je eerder <span></span>. je kan ook bovenstaande zaken combineren om bijvoorbeeld alle titel-classes binnen een divisie aan te spreken:
hier moet je wel opletten dat de class apart moet staan:
css: div .titel{color:red;}
html:
<div class="titel">niet rood</div>
<div><span class="titel">rood</span></div>
--
soit kzal ni tever in detail trede, hopelijk is er al iets meer duidelijk.
///
je hebt ELEMENT, ID, CLASS (de laatste 2 kan je toewijzen als attribuut aan een tag met resp. id="idNaam" en class="classNaam")
een element is eigenlijk gewoon een standaard tag die je kan gaan stylen bv:
body{background-color:white;}
iedere keer dit element voorkomt in je code zal hij gestyled worden
--
een id is een unieke verwijzing, mag volgens de validatie slechts éénmaal op een pagina voorkomen en wordt voorafgegaan door het spoorweg-teken '#'
(het spoorweg-teken wordt niet geplaatst in je html code <div id="centerPaga">content</div>)
#centerPage{position:absolute;left:50%;margin-left:-400px}
je kan ook de locatie ophalen via javascript: getElementById('idNaam'), en aanvullen met DOM (document object model) zodat je de zaken op je pagina kan benaderen via scripting
--
een class verschilt niet veel van een id maar kan je laten terugkeren op eenzelfde pagina, het wordt voorafgegaan door een punt '.'
(het punt wordt niet geplaats in je html code <span class="subTitle">titel</span>)
.subTitle{font-weight:bold;}
--
element wordt dus automatisch toegewezen aan de juiste tag en id, class kan je gaan toepassen op quasi elk element in je pagina. wil je een blok gaan stylen gebruik je vaak <div></div>, ga je slechts een regel of zelfs teken aanpassen gebruik je eerder <span></span>. je kan ook bovenstaande zaken combineren om bijvoorbeeld alle titel-classes binnen een divisie aan te spreken:
hier moet je wel opletten dat de class apart moet staan:
css: div .titel{color:red;}
html:
<div class="titel">niet rood</div>
<div><span class="titel">rood</span></div>
--
soit kzal ni tever in detail trede, hopelijk is er al iets meer duidelijk.
dresse
Legacy Member
dus als ge ene keer ergens in een pagina <div id="blabla">blabla</div> gebruikt, dan moogde da nergens in diezelfde pagina nog gebruiken?? of moogde het nog wel gebruiken ma alleen bij da ellement? dus ni daarna <img src="" id="blabla"> gebruiken?
als da maar ene keer altijd mag voorkomen, wa is dan het nut van id's? (buiten dan da javascript gedoe) want anders gebruikte toch beter constant classes?
als da maar ene keer altijd mag voorkomen, wa is dan het nut van id's? (buiten dan da javascript gedoe) want anders gebruikte toch beter constant classes?
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.