Ga naar inhoud

[CSS] plaats van tekst in een div


Aanbevolen berichten

Beste forumleden, Ben momenteel bezig met een website. Het ruwontwerp in html/css is ook langzaamaan klaar. Zit nu nog met een vraag: www.planetdust.nl/skjinwetter Zoals jullie zien is de tekst van de navigatiebalk en de footer niet goed geplaats. (MOZILLA, in IE werkt het wel gewoon goed) Ik heb zelf geen enkel idee aan welke parameter dit ligt. Daarnaast zie ik dat de hoverstate in beide browsers anders reageert. Iemand een tip voor me? Ik verneem graag, Groeten Tony
Link naar reactie
[code:1:5b117182c3]p.belangrijk { margin: 2px 10px 0 0; padding: 0; }[/code:1:5b117182c3]Misschien helpt dat. Verder moet je hover-states in een bepaalde volgorde zetten in je stylesheet. Een ezelsbruggetje is [url=http://www.meyerweb.com/eric/css/link-specificity.html][b:5b117182c3]L[/b:5b117182c3]o[b:5b117182c3]V[/b:5b117182c3]e-[b:5b117182c3]HA[/b:5b117182c3]te[/url]. Verder zou ik nog wel wat tips mee willen geven: - [url=http://maxdesign.com.au/presentation/center/]centreren van een pagina[/url]; - [url=http://css.maxdesign.com.au/listutorial/horizontal_introduction.htm]Horizontale navigatiebalk[/url]; - in IE5 ziet je site er niet uit zoals bedoeld; - je kunt beter gebruik maken van de flow van het document dan van absoluut positioneren en van z-index (die overigens niet eens nodig is). Hiermee bedoel ik: als je in de HTML een div bovenaan zet, dan zal hij ook bovenaan in beeld verschijnen. Deze heeft van nature een width van 100%. Plaats je nog een div, dan zal deze er onder verschijnen. Je kunt dus gebruik maken van het natuurlijke gedrag van een div om zaken een plaats te geven, daar is vaak geen position:absolute voor nodig; - om kopjes te maken, kun je beter gebruik maken van [url=http://mezzoblue.com/downloads/markupguide/]headings[/url] (h1, h2, etc.).
Link naar reactie
Bedankt boelieboelie, ik ga vanmiddag als ik thuis ben eens alles aanpassen. vriendelijke groet Tony [edit] Wat is er eingenlijk onjuist aan mijn navigatiemenu (horizontaal). Ik geloof idd dat jouw manier (die ik overigens al eens eerder ben tegengekomen ben) de "juiste" manier is. Echter, wat voor nadelen kleven er aan mijn manier?
Link naar reactie
Nadeel van jouw manier is dat je niet precies kunt aangeven wat de afmetingen van en de ruimte tussen de menubuttons is. Een ander punt is dat er bij jouw menu geen goede structuur te vinden is, met overbodige code (&nbsp;). Een menu is eigenlijk een lijst met opties. Aangezien het een lijst is, kun je het in je code dus ook beter als lijst coden, dus met <ul> of <ol> en <li>.
Link naar reactie
helemaal duidelijk... (was toevallig ook bezig met een schoolcase. daar gebruikte ik nagenoeg een zelfde soort template. Daar heb ik de nav inmiddels aangepast naar een list. werkt prima idd. centreren is gelukt met je link. ECHTER heb wel de doctype moeten aanpassen. Ik had nog in mijn achterhoofd zitten dat een xhtml 1.0 doctype IE hetzelfde laat gedragen als mozilla. http://www.alistapart.com/articles/doctype/
Link naar reactie
Nee, als je strictere code wilt, dan kun je net zo goed je best doen in HTML. Het is niet de code die ervoor zorgt dat je strict werkt, dat ben je namelijk zelf. Om het goed te doen, kun je het natuurlijk wel door de validator gooien. En je kunt dezelfde regels van XHTML qua strictheid toepassen op HTML, zoals lowercase tags, afsluiten van elementen en het niet toepassen van target bij links. Maar misschien heb je wat aan nog meer leesvoer :) : www.456bereastreet.com/archive/200501/the_perils_of_using_xhtml_properly/ www.robertnyman.com/2005/11/02/html-or-xhtml/ http://hsivonen.iki.fi/doctype/ http://annevankesteren.nl/2004/08/xhtml www.spartanicus.utvinternet.ie/no-xhtml.htm
Link naar reactie
De HTML-of-XHTML kwestie is nogal een heet hangijzer voor een aantal mensen. Kortgezegd is er nog geen eenduidig antwoord. Mijn eigen visie is een aantal fasen doorgegaan en aangeland bij wat ik probeerde uit te leggen in [url=http://dev.d10e.net/nb/2005/06/15/markup-in-the-real-world]Markup in the Real World[/url]. Ik vind XHTML dus wel een nettere oplossing, maar het komt erop neer dat er geen perfekte oplossing is.
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

×
×
  • Nieuwe aanmaken...