Archief - HTML : Header die altijd past

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

tRcd

Legacy Member
Je hebt dus van die sites waar je header nooit buiten je beeld gaat waardoor je nooit ga moeten scrollen naar links of rechts.
Meestal is die header een gewone kleur bg met soms wat alligned buttons die altijd perfect op de rand van je browser staan indien je toch op een reso van 1024 zit.
Hoe is dit mogelijk?



Ik heb gegoogled maar ik heb mijn info niet gevonden dus kwam ik het hier even vragen.
Ik hoop dat mijn vraag duidelijk was, maybe wat ingewikkeld verwoord.

Greetz
Z

Zero Grav

Legacy Member
met % en repeating bg-images werken

ge pakt bv zoiets:

#header {
width: 100%;
height: 120px;
background-image: url("...");
background-repeat: x-repeat;
}


<table>
<tr>
<td id="header">&nbsp;
</td>
</tr>
</table>

------------------

ok, opmerkingen.
Het moet een afbeelding zijn waarbij ge totaal ni kunt zien dat ze herhaald wordt. Ik zeg dus maar iets, een bar van 1px breed.

Wat ge dan ook nog kunt doen is in het midden een afbeelding in de td zetten met uw logo op ofzo maar dan moet ge wel zorgen dat die afbeelding er schoon bij past & da het uw herhalende bg ni verstoort
B

BertG

Legacy Member
zo moeilijk is het niet echt.
De gheader wordt in een DIV (of een TABLE) geplaatst.
In die DIV wordt dan de Header Image geplaatst (deze is meestal niet te groot),
en nu de truuck...
de header image BG-color is dezelfde kleur als de DIV BG-color, waardoor het effect van 1 image gecreërd wordt.

en zoals je wel weet neemt een div standaard de volledige breedte van een scherm in.
D

DarkBone

Legacy Member
Werk best wel met DIV's, en niet met TABLE's. DIV's nemen automatisch de volledige breedte in.

Ge kunt met 1 DIV werken en als achtergrondkleur bijvoorbeeld zwart nemen. Wat je dan doet is ervoor zorgen dat alle images die in die header komen (ofwel een doorzichtige achtergrond hebben (gif/png), ofwel ook dezelfde kleur als achtergrond hebben).

Zo simpel is het.
Eventueel steek je in die DIV nog twee andere DIV's die respectievelijk links en rechts gealigneerd zijn, zo kunt ge zowel links als rechts nog een zij-image gebruiken. Wat ook vaak gebeurt is dat men een (horizontaal) herhalende image als achtergrond gaat nemen die aansluit op de (twee) header-elementen.
Z

Zero Grav

Legacy Member
het is maar 1 lijntje code extra & da heb ik er best voor over..
D

DarkBone

Legacy Member
Het overgrote deel van de websites op internet maakt nog gebruik van tabellen voor de layout.

De huidige trend is om dit te vervangen door (onder andere) DIV's in combinatie met CSS.

Dus zeggen dat het beter aanvaard is kan voor beiden gelden:
- qua gebruik spannen tables nog altijd de kroon, dus zijn ze beter 'aanvaard' want ze worden meer gebruikt
- als je correct je markup wil verzorgen echter dan moet je bij DIV's zijn, want tabellen zijn gemaakt om gegevens in tabelvorm weer te geven en niet om elementen te positioneren (layout), op dat vlak is het dus helemaal niet aanvaardbaar :)
B

BertG

Legacy Member
ic, maar de opmaak met divs (als tabel vorm wil berijkt worden) kan sterk in de war gestuurd worden, door de gebrekkige ondrsteuning van sommige browsers...

and i know what I'm talking about!
D

DarkBone

Legacy Member
Vooral Internet Explorer dan bedoel je. Maar er zijn tegenwoordig al genoeg voorbeelden online te vinden van multi-column layouts (eventueel met header en footer) die ook perfect werken in IE (mits hacks). Dus een onoverkomelijk probleem is het niet.

En de fout ligt bij de browser, niet bij de gebruiker of de ontwikkelaar.
L

LunchBox

Legacy Member
al zijn er ook veel ontwikkelaars die hun job niet goed doen en het dan maar op de browser(s) steken en dah's ook een probleem natuurlijk.
Z

Zero Grav

Legacy Member
LunchBox zei:
al zijn er ook veel ontwikkelaars die hun job niet goed doen en het dan maar op de browser(s) steken en dah's ook een probleem natuurlijk.
Klik om te vergroten...

so seconded.
Ik ben dat gezever echt kotsbeu, boehoe internet explorer dit & internet explorer dat. Maar als iemand anders er dan aan werkt lukt het opeens wel. Aan wie ligt het dan? Juist aan de scripter.. maja, da wordt dan vlug vergeten.

Wat wel zo is, ik heb immens veel problemen met divs, het lukt mij gewoon niom alles fatsoenlijk te krijgen. Het grootste probleem is dat niks er hetzelfde wou uitzien in ff en ie. Op die plekken vind ik dat de ontwikkelaars er toch voor moeten zorgen dat het eindresultaat er zowat hetzelfde uitziet. Soms moet ge echt ongelooflijk veel moeite doen om iets simpels exact hetzelfde uit te laten zien in 2 browsers.

Maar ik zaag, mijn zinnen zijn slechtgevormd & der is niemand die deze bs gaat lezen dus ciao :)
B

BertG

Legacy Member
feit is, noch IE noch mozilla doen wat w3c voorschrijft...
het is altijd een gefoefel om je boxmodels goed te doen overkomen,
bij mij scheelt het vaak enkele pixels tussen IE en FF.
Daarom zijn tables zo handig, de boxmodels per TD zijn veel makkelijker op te maken....

als develloper, moet je roeien met de riemen die je hebt, dus steek het nooit op de browser, pas je aan!!!
Hoewel ik sinds kort ben overgeschakeld naar devellopen onder FF, want als het klopt in FF, klopt het meestal ook in IE... ( ie laat VEEEEEEEEEEEEEEEL meer fouten toe :) ) FF is streng, zoals het moet, maar maakt ook zijn deel van fouten! (is zelfs in staat om een page na refresh er anders te doen uitzien:p)
L

LunchBox

Legacy Member
:offtopic:
kheb eigenlijk nog ni al te veel problemen tegengekomen vroeger toen ik werkte met tables zowel als nu met divs.. de enige keren dah'k problemen ben tegengekomen was toen het een ontwerp van iemand anders betrefte en daar doken regelmatig problemen op bij de omzetting. ge moet die dingen ook wah incalculeren in de design-fase zelf (als je met photoshop layouts zou werken bijvoorbeeld).

mijn werkwijze bestaat erin eerst in html een structuur op te zetten, als die werkt in de 3 browsers (iexplorer,firefox,opera) screenshot ik dat en ga ik gfx toevoegen bovenop de screenshot, zo hoef je ze maar via css toe te voegen aan je bestaande boxen en voila het minste last.
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