Header Uitlijnen

[Verwijderd]

Beste Tweakers,

Mijn vraag is dan hoe ik mijn header uit kan lijnen.
De url is hier: http://www.radiolounge.nl
Je ziet dat de header een beetje scheef staat. Zou iemand me kunnen helpen dat goed te krijgen?
Ik ben niet echt heel geweldig in scripten

Oja, en de background in Internet Explorer ziet er raar uit ( In firefox ziet het er weer normaal uit )

Het zal fijn zijn als iemand me kan helpen hiermee.

Alvast bedankt,
Bart

[ Voor 9% gewijzigd door Verwijderd op 29-06-2008 12:17 ]

[Wiethoofd]

er staat ook nog een typfout op: "geluistert" moet met een -d (staat overal fout op de site zo te zien)
even een woordenboekplugin voor firefox downloaden

verder wat heb je allemaal geprobeerd?

Je hebt je header als background image gedaan, breng hem eens naar voren als gewone <img> en probeer het dan eens met div'je om em te centreren

[ Voor 58% gewijzigd door Wiethoofd op 29-06-2008 12:24 ]

[Verwijderd]

Wiethoofd schreef op zondag 29 juni 2008 @ 12:21:
er staat ook nog een typfout op: "geluistert" moet met een -d (staat overal fout op de site zo te zien)
even een woordenboekplugin voor firefox downloaden

verder wat heb je allemaal geprobeerd?

Heb de plug-in erin, maar ik heb vergeten te kijken op spelfouten

Ik had eerst in de CSS iets aangepast: padding-left:2px; geprobeerd. Maar er gebeurde niks.

Verder weet ik het niet, want de header.php gaat namelijk zo;
<div id="header"></div>

In de header zit natuurlijk nog veel meer, maar dat is het deel waar het om gaat.

Hopelijk kan iemand me verder helpen,
Bart

[Wiethoofd]

Verwijderd schreef op zondag 29 juni 2008 @ 12:26:
[...]
In de header zit natuurlijk nog veel meer, maar dat is het deel waar het om gaat.

ik heb je fout hoor

in je style.css moet je die padding-left:2px weghalen en je container aanpassen

#container {
margin:0px auto;
width:832px;

waar ik nu 832 heb staan, stond 822 en dan klopt hij niet met je header die 832 px breed is.

{edit}

Mail het even via Contact.

(even dus weg) en dan meteen een mailto onder Contact staat wat netter

[ Voor 48% gewijzigd door Wiethoofd op 29-06-2008 12:35 ]

[Verwijderd]

Cascading Stylesheet:

#container {
    width:822px;
}
#header {
    width:832px;
}

Zoek het verschil... En waarom staat dat ding niet in die #container?

Verder is het natuurlijk nogal zinloos om een lege div te gebruiken als header voor niets anders dan een plaatje. Had je dat niet gewoon als achtergrond van je #container kunnen zetten?

En had je niet iets beters kunnen bedenken dan <li>-</li>? Volgens mij heb je het achterliggende idee niet helemaal goed begrepen toen je ergens hebt gelezen dat je li elementen kunt/moet gebruiken voor menu's.

<p style="padding-left: 10px; padding-right: 10px">

Heb je een losse stylesheet, ga je inline styles toevoegen om je content op de juiste plaats te krijgen.

Allemaal voorbeeldjes van de klok hebben horen luiden, maar niet weten waar de klepel hangt. Ik denk dat we je hier nog vaker gaan terugzien

En het achtergrondplaatje in IE: Leuk hè? Die gamma-correction in PNG.

[DiSiLLUSiON]

Hmm, er staat wel meer scheef dan je header:

- De 'menubar' bovenin lijnt uit naar links (sneaky, die streepjes, maar zo werkt 't niet eh?)
- De content van het 3e panel zit teveel naar links ten opzichte van de 2 erboven

Haal sowieso even die inline paddings van de <p> elementen af.

[Verwijderd]

Yes!

Helemaal perfect. Super bedankt voor je hulp. Het staat nu weer netjes
(Wel jammer vind ik dat de background raar doet in IE.)

Edit--

Sorry Cheatah, ik ben nog niet zo goed in scripten
Ik had dit script toen overgekocht, en ik heb er zelf wat aan geklust. Want er zaten flink wat bugs in. Maar nu ben ik er erg tevreden mee. Dus ik zou nog een apart CSS stukje moeten maken voor de tekst.

En de bg moet ik jpg maken zodat je niet zo'n correctie krijgt?

[ Voor 55% gewijzigd door Verwijderd op 29-06-2008 12:37 ]

[Wiethoofd]

nog een ding, als je verschillende delen van de site in verschillende tabs open hebt verspringt de site (of de content) als je wisselt tussen je tabs

[H004]

In IE6 zakt de div "rechts" trouwens ook helemaal naar onderen.

[Verwijderd]

Wiethoofd schreef op zondag 29 juni 2008 @ 12:37:
nog een ding, als je verschillende delen van de site in verschillende tabs open hebt verspringt de site (of de content) als je wisselt tussen je tabs

De klassieker:

Cascading Stylesheet:

html {
   overflow-y: scroll;
}

[Verwijderd]

Oké.

Ik zou graag eerst zegmaar de hoofdzaken willen oplossen en dan later nog wat andere dingen.
Dus, ik moet de inline paddings even weghalen, maar dan gaat de tekst heel raar staan maar dan geef ik het gewoon een CSS stukje?

Ik meende toch echt dat ik dat al een keer heb gedaan maar dat ik toen geen resultaat kreeg.

Cheatah, dat stukje moet ik ook ergens in mijn CSS zetten?

[ Voor 9% gewijzigd door Verwijderd op 29-06-2008 12:45 ]

[Wiethoofd]

@ Cheatah, idd als die scrollbalk rechtsstaat verschuift ie naar links (en dat zag ik pas na jou opmerking, en dat met 4 koppen koffie op )

[Verwijderd]

Verwijderd schreef op zondag 29 juni 2008 @ 12:44:

Cheatah, dat stukje moet ik ook ergens in mijn CSS zetten?

Nee, je moet heel lang naar die code staren, liefst zwart op een witte achtergrond. En dan na een minuut of twee ineens naar je website kijken.

[Verwijderd]

Verwijderd schreef op zondag 29 juni 2008 @ 12:49:
[...]

Nee, je moet heel lang naar die code staren, liefst zwart op een witte achtergrond. En dan na een minuut of twee ineens naar je website kijken.

Maar, mijn laatste vraag dan aan jullie pro's wat ik precies moet doen om dat stukje tekst om het ook mooi te krijgen.

Dan ga ik ondertussen die inline paddings weghalen

[Verwijderd]

Inmiddels heb ik al een stukje CSS gemaakt, en het werkt ook. Alleen heb ik er niet veel verstand van en ziet de tekst er zo niet heel netjes uit

Er zal vast wel een simpel CSS regeltje voor zijn, weet iemand die? Ik zou het erg op prijs stellen.

Want dankzij jullie zijn al mijn problemen opgelost. Bedankt daarvoor!

[gertvdijk]

Basiscursus Cascading Style Sheets