Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Tekst door header met div

Anoniem
Dr.Dre
6 antwoorden
  • Het gaat over deze site

    Zoals je kan zien loopt de tekst uit het hoofd gedeelte door de header als je omlaag scrolt.

    Er zullen ook nog wel een paar fouten in de css en/of de html zitten maar die interesseren mij op dit moment vrij weinig.

    Weet iemand een manier om er voor te zorgen dat de hoofdtekst niet door de header loopt zonder het gebruik van frames?

    Ik ben zelf frames gewend maar ik wil er graag vanaf.
    Ik werk zelf met Dreamweaver 8.0 wysiwyg maar ik ben niet bang om te rotzooien met de html code.

    De volledige html staat hier: http://debijspijker.com/html.txt
    De volledige css staat hier: http://debijspijker.com/css.txt
  • Dat kan op zich redelijk makkelijk, geef de header een achtergrond plaatje misschien de header en de content een z-index, waar de z-index van de header groter is dan die van je content.

    Maar ik zou eigenlijk gewoon een hele nieuwe opzet van je pagina gebruiken, want je wilt misschien wel van de frames af maar nu doe je in wezen exact hetzelfde met div's wat je anders met frames doet. Ga hier eens kijken voor hoe een correcte layout eruit ziet. Als je de header en de sidebar vast wilt zetten dan kan dat altijd nog zonder al te veel moeite maar dan is de basis in ieder geval goed.

    Ik denk dat je ook nog wel wat hebt aan de info die hier te vinden is.
  • Na een aardige laadtijd van Code Sucks heb ik toch een passende lay-out gevonden die ik nodig had. alvast bedankt daarvoor.

    Ik heb nu de nieuwe versie weer geupload en volgens mij zien die pagina zelf, de css en de html er nog netjes uit.

    Wat ik me net bedacht. Welke code heb ik nodig om alleen de rechter kolom scrollbaar te maken?

    Dan blijven de andere div's op hun plaats staan (met eventueel een extra regel) en is de inhoud overzichtelijk.

    De css.txt en de html.txt zijn ook geupdate (ctrl+F5)
  • [quote:f906f1ec28="Dr.Dre"]Na een aardige laadtijd van Code Sucks…[/quote:f906f1ec28]Ja dat merkte ik ook al, hij deed het altijd wel snel…
    [quote:f906f1ec28="Dr.Dre"]Wat ik me net bedacht. Welke code heb ik nodig om alleen de rechter kolom scrollbaar te maken?

    Dan blijven de andere div's op hun plaats staan (met eventueel een extra regel) en is de inhoud overzichtelijk.[/quote:f906f1ec28]Begrijp ik het goed als je zegt dat je de sidebar wilt laten scrollen maar de rest van de pagina vast wilt hebben staan? Dat kan op zich maar het klinkt een beetje tegen natuurlijk omdat je dan alleen die inhoud van je pagina kan zien die past in de browser venster. En het komt (lijkt me) regelmatig voor dat je "content" groter is dan je browser venster, en je sidebar soms niet.
  • Wat ik uiteindelijk wil is dat de header, de linker kolom en een smalle balk onderaan als footer vast staan.

    De daadwerkelijke pagina/content komt dan in de rechterkolom. Hier zal waarschijnlijk inderdaad meer tekst komen te staan dan dat er in een browser past waardoor er dan dus een scrollbar nodig is.
  • Voor het namaken van frames moet je anders te werk gaan:
    http://www.cssplay.co.uk/layouts/

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.