Black Friday = Pricewatch Bekijk onze selectie van de beste Black Friday-deals en voorkom een miskoop.
Toon posts:

Header Uitlijnen

Pagina: 1
Acties:

Verwijderd

Topicstarter
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 :P

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
  • Registratie: Juli 2007
  • Laatst online: 17-11 00:47

Wiethoofd

Broadcast TOM

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 ]

Volg me op Twitter/X & Bluesky


Verwijderd

Topicstarter
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
  • Registratie: Juli 2007
  • Laatst online: 17-11 00:47

Wiethoofd

Broadcast TOM

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 ]

Volg me op Twitter/X & Bluesky


Verwijderd

Cascading Stylesheet:
1
2
3
4
5
6
#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
  • Registratie: September 2000
  • Laatst online: 02-10 09:07
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

Topicstarter
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? :o

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


  • Wiethoofd
  • Registratie: Juli 2007
  • Laatst online: 17-11 00:47

Wiethoofd

Broadcast TOM

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

Volg me op Twitter/X & Bluesky


  • H004
  • Registratie: Maart 2006
  • Laatst online: 28-05 19:55
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:
1
2
3
html {
   overflow-y: scroll;
}

Verwijderd

Topicstarter
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? _/-\o_

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


  • Wiethoofd
  • Registratie: Juli 2007
  • Laatst online: 17-11 00:47

Wiethoofd

Broadcast TOM

@ 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 :+)

Volg me op Twitter/X & Bluesky


Verwijderd

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

Cheatah, dat stukje moet ik ook ergens in mijn CSS zetten? _/-\o_
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

Topicstarter
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.
_O-

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

Dan ga ik ondertussen die inline paddings weghalen ;)

Verwijderd

Topicstarter
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 :P

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! :D

  • gertvdijk
  • Registratie: November 2003
  • Laatst online: 14:25

Kia e-Niro 2021 64kWh DynamicPlusLine. 3x Victron MP-II op 15kWh US5000 3f thuisbatterij met 3x25A→3x40A PowerAssist, Victron EVCS, 3200Wp HoyMiles zp. my GitHub, my blog

Pagina: 1