Ga Terug  
     


Layout (VM) Plaats hier je vragen over de layout.

Antwoord
 
Onderwerpopties Weergavemodus
Oud 5 april 2012, 10:45   #1
prins
 
Geregistreerd op: 7 februari 2012
Locatie: Drenthe
Berichten: 71
Bedankjes gegeven: 13
Bedankjes ontvangen: 1
Standaard Header over de volledige breedte

Wie kan mij verder helpen? Ik heb een website hebben die ik in principe mooi in het midden wil hebben. Echter wil ik enkel de header (de zwarte balk bovenaan met daarin het logo) over de volle breedte van het beeldscherm hebben. Eerst dacht ik 'dat doe ik wel' even maar het blijkt toch knap lastig.

De betreffende code is div#header

dit is de link: http://beterbyte.nl/
prins is offline   Met citaat antwoorden
Oud 5 april 2012, 19:48   #2
Lianne
Subsites & Structuur
 
Lianne's Avatar
 
Geregistreerd op: 23 augustus 2010
Locatie: Arnhem
Leeftijd: 52
Berichten: 934
Bedankjes gegeven: 36
Bedankjes ontvangen: 219
Standaard Re: Header over de volledige breedte

Hoi,

Je html is niet goed, want de div header zit in de div all (de zogeheten wrapper), waarin de eigenlijke website zit. Hij moet 'er boven" staat, of liever gezegd wellicht, 'er buiten'.

Opbouw van het bodygedeelte van je index.php moet zijn:

Code:
<body>

<div id="header">  en de verdere divjes die hierin staan </div>
<div id="all" en alle divjes behalve die van de header </div>

</body>
Succes! (dat doe je vast even)
Lianne

Laatst aangepast door Lianne : 5 april 2012 om 20:11.

Met de Firefox-addon Firebug kun je gemakkelijk achterhalen hoe je het uiterlijk van je website verandert. Nieuwsgierig? Volg dan eerst even deze instructie over Firebug die elders op deze site is gepubliceerd.

Mooi & Functioneel | Webdesign & Media, voor betaalbare websites die ogen en werken
Lianne is offline   Met citaat antwoorden
Oud 5 april 2012, 20:28   #3
prins
 
Geregistreerd op: 7 februari 2012
Locatie: Drenthe
Berichten: 71
Bedankjes gegeven: 13
Bedankjes ontvangen: 1
Standaard Re: Header over de volledige breedte

Ok bedankt Lianne, en dat kan ik doen waarschijnlijk doen in het bestand index.php van de template of niet?
prins is offline   Met citaat antwoorden
Oud 5 april 2012, 20:41   #4
sovainfo
 
Geregistreerd op: 23 januari 2009
Locatie: Beekbergen
Berichten: 2.425
Bedankjes gegeven: 79
Bedankjes ontvangen: 379
Standaard Re: Header over de volledige breedte

Dat is natuurlijk afhankelijk van de gebruikte templates. Ja, de index.php is een goeie plek om te starten. Daar zou je kunnen achterhalen waar de code staat.

Wel voor iedere in gebruik zijnde template het aanpassen
sovainfo is offline   Met citaat antwoorden
Oud 5 april 2012, 20:41   #5
Lianne
Subsites & Structuur
 
Lianne's Avatar
 
Geregistreerd op: 23 augustus 2010
Locatie: Arnhem
Leeftijd: 52
Berichten: 934
Bedankjes gegeven: 36
Bedankjes ontvangen: 219
Standaard Re: Header over de volledige breedte

Yep , maak eerst een backup van je index.php, want je 'gooit' de boel nogal overhoop.
Maar in principe is dit inderdaad een fluitje van een cent.
succes!
Lianne

trouwens nog een tip: geef je .moduletable h3 in je template.css een padding-left, dan komen de titels iets uit de marge te staan, waardoor het geheel verzorgder overkomt. En start alle titels met een hoofdletter.

Laatst aangepast door Lianne : 5 april 2012 om 21:25.

Met de Firefox-addon Firebug kun je gemakkelijk achterhalen hoe je het uiterlijk van je website verandert. Nieuwsgierig? Volg dan eerst even deze instructie over Firebug die elders op deze site is gepubliceerd.

Mooi & Functioneel | Webdesign & Media, voor betaalbare websites die ogen en werken
Lianne is offline   Met citaat antwoorden
Oud 6 april 2012, 08:18   #6
NeveAddict
 
NeveAddict's Avatar
 
Geregistreerd op: 30 september 2008
Locatie: Spijkenisse
Berichten: 254
Bedankjes gegeven: 24
Bedankjes ontvangen: 20
Standaard Re: Header over de volledige breedte

Je hebt helemaal geen achtergrond.. meest simpele oplossing is om gewoon een afbeelding in je achtergrond te plaatsen op de body die zich herhaalt in de x-richting.
NeveAddict is offline   Met citaat antwoorden
Oud 6 april 2012, 11:48   #7
Lianne
Subsites & Structuur
 
Lianne's Avatar
 
Geregistreerd op: 23 augustus 2010
Locatie: Arnhem
Leeftijd: 52
Berichten: 934
Bedankjes gegeven: 36
Bedankjes ontvangen: 219
Standaard Re: Header over de volledige breedte

Inderdaad nog eenvoudiger!

Met de Firefox-addon Firebug kun je gemakkelijk achterhalen hoe je het uiterlijk van je website verandert. Nieuwsgierig? Volg dan eerst even deze instructie over Firebug die elders op deze site is gepubliceerd.

Mooi & Functioneel | Webdesign & Media, voor betaalbare websites die ogen en werken
Lianne is offline   Met citaat antwoorden
Antwoord

Onderwerpopties
Weergavemodus

Berichting Regels
Je mag niet nieuwe onderwerpen maken
Je mag niet reageren op berichten
Je mag niet bijlagen posten
Je mag niet je berichten bewerken

BB code is Aan
Smilies zijn Aan
[IMG] code is Aan
HTML code is Uit

Forumnavigatie


Alle tijden zijn GMT +1. De tijd is nu 08:01.