Archief - HTML: 3 vragen

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.
y

yaris

Legacy Member
Hallo,
Kan iemand me zeggen hoe je kan zorgen dat bij eender welke resolutie een tabel perfect in het midden gaat staan. Dus bv als de tabel 750 is dan zal hij perfect passen bij iemand met 800*600 en bij 1024 zal ze in het midden van de pagina staan.

Voor deze site zou ik tabelllen gebruiken voor de layout, er wordt wel veel gesproken om css te gebruiken maar worden div' s overal ondersteund in alle browsers ?

I-frame: wat zijn de voordelen en de nadelen om te gebruiiken. Ik zou het in de eerste plaats gebruiken om niet naar beneden te moeten scrollen.

Kan je van 1 tabel zorgen dat een bepaald deel de border wel te zien is en van een bepaald deel niet en zo ja hoe doe je dit :)
Dank u
Z

Zero Grav

Legacy Member
sticky voor vraag 1.

voor vraag 2. bij een iframe moet ge bijvoorbeeld ni altijd alle 20 pagina's aanpassen voor het menu gelijk te krijgen maar ge hebt 1 pagina met het menu en de layout en dan nog een pagina voor het nieuws ofzo. Als ge het alleen wilt gebruiken zodat ge ni hoeft te scrollen kunt ge evengoed voor een div met overflow: auto; gaan imho.


voor vraag 3.

<table style="border: 1px 2px 3px 4px;">
1px: top border
2px: right border
3px: bottom border
4px: left border
[

[ImpacT]

Legacy Member
*vraag 1*
Verticaal kan volgens mij een pagina nooit echt in't midden staan, horizontaal dus wel. Hoewel vertical-align wel bestaat in CSS, maar of ze altijd gaat werken dat is andere vraag. Maar om je pagina echt in't midden te krijgen moet je met procenten gaan werken, nadeel, de site zal overwel verkleind over vergroot worden op elk scherm, niet leuk dus, want je site ziet op geen enkele computer er hetzelfde uit.

Ook moet je erbij nadenken, dat het "verticale" midden berekend word aan de plaats op het scherm. Heb je dus nog balkjes staan onder je adresbalk etc.. Je geschiedenis open staan enzow, dan verandert dit nog eens alles.

Normaal "zou" je je site verticaal kunnen centreren met CSS "vertical-align" wordt hiervoor gebruikt.
[

[ImpacT]

Legacy Member
yaris zei:
Hallo,

Voor deze site zou ik tabelllen gebruiken voor de layout, er wordt wel veel gesproken om css te gebruiken maar worden div' s overal ondersteund in alle browsers ?
Klik om te vergroten...

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ZIONweb.be</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="zionweb, ZIONweb, zion, photo, art, foto,
kunst, zion.web, web, macro, fotografie, foto's, creations, fotoart, belgië,
belgium, zionWEB, zion-web, web-zion, Zion">
<link rel="stylesheet" href="css/zionweb.css" type="text/css">
</head>
<body>
  <div class="banner"></div>
  <div class="spacer"></div>
  <? include("incl/layout/buttons.htm"); ?>
  <div class="spacer"></div>
  <div class="main">
  <? include("incl/txt/news_lang=ned.htm"); ?>
  </div>
  <div class="spacer"></div>
  <div class="footer"></div>
  <div class="validator">
    <span><a href="http://jigsaw.w3.org/css-validator/"><img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid XHTML 1.0!" height="31" width="88"></a></span>
    <span><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01!" height="31" width="88"></a></span>
  </div>
</body>
</html>

*persoonlijke site*
Dat gaat idd perfect :), hoewel ze me aangeraden hebben naar <p> over te schakelen, maar tot nu toe werkt alles goed en W3C zegt dat alles in orde is dus... why change
y

yaris

Legacy Member
Merci zero grav en impact, ik ga het deze avond eens proberen.
[

[ImpacT]

Legacy Member
yaris zei:
Merci zero grav en impact, ik ga het deze avond eens proberen.
Klik om te vergroten...

Ga hier ook eens kijk voor tutorials & info. Staat allemaal zeer simpel uitgelegd, want werken met CSS is niet simpel in't begin, je moet goed weten wat er kan en niet kan, anders geraak je soms in problemen waar je niet meer uitkomt gewoon omdat je een simpele regel van een bepaalde "tag" hebt overtreden.

Leer ook goed het verschil tussen klasses, id's, etc...

Site : http://www.sitemasters.be/index.php

No Prob, for helping out :)
D

DarkBone

Legacy Member
[ImpacT] zei:
Normaal "zou" je je site verticaal kunnen centreren met CSS "vertical-align" wordt hiervoor gebruikt.
Klik om te vergroten...
Da's enkel voor tekst, afbeeldingen, etc...

[ImpacT] zei:
why change
Klik om te vergroten...
Omwille van de semantiek van uw elementen (betekenis).
[

[ImpacT]

Legacy Member
DarkBone zei:
Da's enkel voor tekst, afbeeldingen, etc...
Klik om te vergroten...

Jups, dan ben ik hierin dus verkeerd, 'k was er ook niet echt zeker van. Maar voor tekst gebruik je daar niet "text-align" voor ??
D

DarkBone

Legacy Member
text-align: horizontaal
vertical-align: vericaal

Aligneren van block-elementen kan bijvoorbeeld met margin.

margin: 0 auto; zal horizontaal centreren in w3c-compatibele browsers. Speciaal voor IE zult ge toch nog es text-align: center mogen gebruiken.
[

[ImpacT]

Legacy Member
Jah, maar wat is er mis met <div>'s te gebruiken, het werkt toch allemaal. Of kan ik gewoon <p> zetten ipv <div> zonder dat er iets zal veranderen aan m'n site ?

En voor welke dingen worden <div>'s dan wel echt gebruikt ?
En jah, er zijn ook nog wel andere elementen, maar daar ben ik minder van op de hoogte. :)
D

DarkBone

Legacy Member
[ImpacT] zei:
Jah, maar wat is er mis met <div>'s te gebruiken, het werkt toch allemaal. Of kan ik gewoon <p> zetten ipv <div> zonder dat er iets zal veranderen aan m'n site ?

En voor welke dingen worden <div>'s dan wel echt gebruikt ?
En jah, er zijn ook nog wel andere elementen, maar daar ben ik minder van op de hoogte. :)
Klik om te vergroten...
Ik heb uw code niet gezien, maar aan de hand van wat je hier toonde dacht ik dat je <span>'s gebruikte om paragrafen aan te duiden. Vandaar da ik zei dat het gebruik van <p>'s in dat geval beter was.

<div>'s gebruik je gewoon om blokken aan te duiden (divisions) als je over geen volwaardig alternatief beschikt.

Als je enkel een blok tekst dient op te maken ben je eigenlijk beter af met een <p> dan met een <div>.
[

[ImpacT]

Legacy Member
DarkBone zei:
Ik heb uw code niet gezien, maar aan de hand van wat je hier toonde dacht ik dat je <span>'s gebruikte om paragrafen aan te duiden. Vandaar da ik zei dat het gebruik van <p>'s in dat geval beter was.

<div>'s gebruik je gewoon om blokken aan te duiden (divisions) als je over geen volwaardig alternatief beschikt.

Als je enkel een blok tekst dient op te maken ben je eigenlijk beter af met een <p> dan met een <div>.
Klik om te vergroten...

Wel, voordat ik met <div>'s heb gewerkt, was ik idd bezig met <span>'s ze hebben mij dit later echt afgewezen en 'k ben dus volledig opnieuw begonnen. Ik gebruik <div>'s eigenlijk gewoon voor opmaak bv. banners plaatsen, spacers, achtergronden etc... t'is makkelijk want je doet alles via je CSS en je moet enkel maar je id of class ingeven en that's it :). 'k Zal mij eens moeten verdiepen in die <p> - paragraaf tag's :)
D

DarkBone

Legacy Member
[ImpacT] zei:
Wel, voordat ik met <div>'s heb gewerkt, was ik idd bezig met <span>'s ze hebben mij dit later echt afgewezen en 'k ben dus volledig opnieuw begonnen. Ik gebruik <div>'s eigenlijk gewoon voor opmaak bv. banners plaatsen, spacers, achtergronden etc... t'is makkelijk want je doet alles via je CSS en je moet enkel maar je id of class ingeven en that's it :). 'k Zal mij eens moeten verdiepen in die <p> - paragraaf tag's :)
Klik om te vergroten...
Dat geldt evenzeer voor andere tags. Daarom dat je eerst en vooral kiest voor de semantisch correcte tags (deze krijgen in zo goed als alle browser sowieso een speciale opmaak mee bij het ontbreken van stijl-informatie (css dus).

Klein voorbeeldje:
Ik gebruik een <p> rond mijn tekst, en jij gebruikt een <div>. Mensen die met een PDA/GSM zullen surfen die beperkt tot geen CSS ondersteunen (vooral GSM's dan) zullen bij mij toch nog zien dat het om een paragraaf gaat. In jou geval is dat niet gegarandeerd het geval.

Maar eigenlijk volstaat het al om eens in FireFox CSS uit te schakelen (View -> Page Style -> No Style) om te begrijpen waarom een correct gebruik zo handig is.
[

[ImpacT]

Legacy Member
DarkBone zei:
Maar eigenlijk volstaat het al om eens in FireFox CSS uit te schakelen (View -> Page Style -> No Style) om te begrijpen waarom een correct gebruik zo handig is.
Klik om te vergroten...

Hmm, dees moet ik zeker eens proberen :).
Maar heb je misschien tips hoe ik mijn site dan "juist" moet aanpassen ??
y

yaris

Legacy Member
Shit gaste, het wordt zo ingewikkeld hé, ik vroeg gewoon iets simpel :D
P

Poutie

Legacy Member
voor vraag 3 kun je ook gewoon
<table style="border-top: 1px solid #FFFFF;">
of
<table style="border-bottom: 1px solid #FFFFF;">
of
<table style="border-left: 1px solid #FFFFF;">
of
<table style="border-right: 1px solid #FFFFF;">
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