Aglin middle html

Status
Niet open voor verdere reacties.

dragonsna

Gebruiker
Lid geworden
7 feb 2009
Berichten
215
hey,

Ik weet het dit is echt het makkelijkste van het makkelijkste maar ben het vergeten :P

ik heb deze code

HTML:
<a href="http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=xghozt-"><img src="http://tracking.hostgator.com/img/Shared_Red_Yellow/120x600-animated.gif" border=0></a>

maar ik wil het plaatje in het midden(onder) van me pagina hebben

kan iemand hem ff zo bewerken dat hij in het midden staat?


Dank u!
 
HTML:
<center><a href="http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=xghozt-"><img src="http://tracking.hostgator.com/img/Shared_Red_Yellow/120x600-animated.gif" border=0></a></center>



dat is hem.
 
<center> is verouderd volgens de xhtml regels, gebruik ipv dat dit:
<img src="blabla" align="center" />
 
<center> is verouderd volgens de xhtml regels, gebruik ipv dat dit:
<img src="blabla" align="center" />
Ook dat is verouderd ;-p Je kunt het plaatje in de HTML een class meegeven
<img src="blabla" class="midden"> dus, en dan vervolgens in je CSS het volgende zetten.
Code:
img.midden{
margin:0 auto;
}
dat geeft alle plaatjes met class midden een boven- en ondermarge van 0 en een automatische linker- en rechtermarge, door dit laatste komt het plaatje dan in het midden te staan van het element waar het in zit.
 
Ook dat is verouderd ;-p Je kunt het plaatje in de HTML een class meegeven
<img src="blabla" class="midden"> dus, en dan vervolgens in je CSS het volgende zetten.
Code:
img.midden{
margin:0 auto;
}
dat geeft alle plaatjes met class midden een boven- en ondermarge van 0 en een automatische linker- en rechtermarge, door dit laatste komt het plaatje dan in het midden te staan van het element waar het in zit.

Align is niet verouderd volgens de xhtml 1.0 regels :o
Je kunt het idd ook gewoon in je stijlbestand zetten, want dan kan je het makkelijker beheren ;P
 
Align is niet verouderd volgens de xhtml 1.0 regels :o
Je kunt het idd ook gewoon in je stijlbestand zetten, want dan kan je het makkelijker beheren ;P
edoch, ja, dat gaat om html 4.01, maar xhtml bouwt daar op voort.

Bovendien, wie, behalve jij, heeft het over xhtml?
 
Euheu! Doch doch! :p

De paragraaf 15.1.2 Alignment in de edoch-link van hierboven gaat:
  • ... over html4.0, en niet over de laatste versie html4.01;
  • ... alleen over het verbod van het align-attribuut in tekst: "Here we only discuss the meaning of the align attribute for text."
Voor het wel/niet afgekeurd zijn van attributen moet je wezen bij:
En in de attributen-lijst komt de aap uit de mouw:
  • ... de align-eigenschap is afgekeurd voor vrijwel alle elementen: <caption>, <applet>, <iframe>, <img>, <input>, <object>, <legend>, <table>, <hr>, <div>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6> en <p>;
  • ... en mag daarom in (X)HTML-Strict niet gebruikt worden;
  • ... maar bij het (X)HTML-Transitional/Loose DOCtype is het nog toegestaan (vanwege "backwards compatibility": dan hoeven oude sites niet in de soep te draaien);
  • ... terwijl bij (X)HTML-Strict de align-eigenschap alleen nog binnen tabellen gebruikt mag worden, nl. voor de elementen: <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> en <tr>.
De conclusie kan zijn:
  • "Align is niet verouderd volgens de xhtml 1.0 regels" is een uitspraak die klopt, want het mag in een paar gevallen nog wel.
  • Maar "<img src="blabla" align="center" /> is verouderd" is een uitspraak die ook klopt, want het mag voor een img niet in de normstellende (X)HTML-Strict variant.
Kortom, we doen het gewoon met css.

En als we toch bezig zijn, dan pakken we meteen de eigenschap border="0" uit de <img> tag, en verplaatsen die naar de css: a img {border: 0;}. Want hoewel de border-eigenschap zich probeert te verschuilen achter het scrollschuifje in #1 hierboven: die mag toch echt ook niet in een <img> staan. Afgekeurd! :d

En xhtml? Vrij veel volksstammetjes maken nog xhtml, misschien wel omdat html5 nog niet helemaal klaar is. Is op een aantal punten wat beter dan html4.01 ook. Toch? ;)

Met vriendelijke wensen,
CSShunter

- - - - - - - - - -
<edit>
Maarten2001: ik hou me nooit aan xhtml.
Dan vallen de 74 validatie-fouten nog mee, in je site met het xhtml-strict DOCtype kroontje.
Maar ja, jij hebt het internet niet gemaakt. :d
</edit>
 
Laatst bewerkt:
Nou, ik schrijf met de structuur van xhtml (schijnt een goede gewoonte te zijn), en zet een html 4.01 dtd boven men pagina :)
 
Dat doe ik nou krek ook zo: scheelt al die slashes /> bij <meta .../>'s, <br />'s, <img .../>'s enz. Voor mij tijdwinst bij het schrijven, voor de bezoeker een snellere pagina (oei, wat zal dat schelen!). :)
 
Bij html 4.01 zijn die slashes toch verplicht? :P

Edit: Dom, toch niet :P
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan