Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Kleine problemen met de indeling in CSS

19 antwoorden
  • Bij het opmaken van mijn website, wat trouwens al beter gaat voorheen kom ik nog wat hobbels tegen. Ik wil graag dat mijn menu aan de rechterkant ook echt aan de rechterkant staat en in hoogte zo hoog is als de edges van de images die er boven en onder staan. Ik krijg dit gewoon niet voor elkaar. [url=http://www.drukkerijrijkers.nl/roman/CSScontour/contour.html]Klik hier voor een voorbeeld[/url]
  • [quote:05aad21cc7]<meta name="generator" content="Adobe GoLive 6">[/quote:05aad21cc7]Zo zal het ook nooit lukken... Dat soort effecten [url=http://alistapart.com/articles/fauxcolumns/]simuleer[/url] je, die maak je niet.
  • ok, ik heb het maar weer over een ander boeg gegooit. Er komen nu slechts 5 boxen in mijn ontwerp voor. Het rpobleem nu is de keuze voor welke volgorde je dient te gebruiken. Ikzelf dacht hieraan: [code:1:7a549f61d0] <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1"> <title>Welkom bij Contour</title> <link rel="stylesheet" href="contour.css" type="text/css"> </head> <body> <DIV id="container"> <DIV id="left"></DIV> <DIV id="menu"> <a href="">Link1</a><br> <a href="">Link2</a><br> <a href="">Link3</a><br> </DIV> <DIV id="content"> <DIV id="header"></DIV>[/code:1:7a549f61d0] Maar dit heeft toch niet het gewenste effect, nu weet ik niet of het aan mijn CSS of aan mijn HTML ligt... Wel ga ik in een later stadium tabellen gebruiken voor het menu.
  • [quote:227378e1d0]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">[/quote:227378e1d0]Incorrect. [url=http://alistapart.com/articles/doctype/]Kies een echte[/url]. Kun je een .jpg/.png export maken van je PhotoShop bestand, zodat ik kan kijken wat het uiteindelijk effect moet worden? (Plaats niet het plaatje hier, maar een link naar het plaatje.)
  • [quote:05a77ad143="rrijkers"]Maar dit heeft toch niet het gewenste effect, nu weet ik niet of het aan mijn CSS of aan mijn HTML ligt... Wel ga ik in een later stadium tabellen gebruiken voor het menu.[/quote:05a77ad143]Het ligt hoogstwaarschijnlijk aan je CSS, aangezien HTML niets met presentatie te maken heeft. Daarnaast raad ik je af om tabellen te gebruiken, dat is niets makkelijker en semantisch incorrect. Gebruik een list en maak deze op met CSS. Genoeg handleidingen hierover, kijk bijvoorbeeld eens naar Taming Lists op ALA. - Bas
  • Wat is hier niet goed aan dan? [quote:e6a3a0a6a5] <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">[/quote:e6a3a0a6a5] En ik krijg de schurft van het feit dat niks er hetzelfde uitziet in een andere browser! die boekwinkel site zelfs totaal niet uit op mac OS 9.x... heel erg breed, verkeerde overlaps enzo :-? :(
  • En zolang iedereen braaf IE blijft gebruiken zal ook hier niet veel aan gedaan worden lijkt me zo.
  • [quote:61b0dd1931="rrijkers"]Wat is hier niet goed aan dan? [quote:61b0dd1931] <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">[/quote:61b0dd1931] [/quote:61b0dd1931] Je gebruikt hier de foute dtd voor je doctype. De juiste dtd voor een html 4.01 trans is de "loose.dtd" Maar misschien is het ook beter om ipv transitional de strict te gaan gebruiken. Het heeft mij in elk geval vaak geholpen.
  • dat is alvast veranderd, nu de rest nog :D
  • [quote:23f0c63752="rrijkers"]En ik krijg de schurft van het feit dat niks er hetzelfde uitziet in een andere browser! die boekwinkel site zelfs totaal niet op mac OS 9.x...[/quote:23f0c63752] Dat hoeft toch ook niet! zolang het er maar redelijk uitziet en de informatie zo overkomt dat het gelezen kan worden. Dat van die boekenwinkelsite snap ik niet helemaal maar als het is wat ik denk dat je bedoelt dan heb je wel een "major point" gemaakt :wink:
  • mmmm, kijk wat er nu weer gebeurt, die posities veranderen de hele tijd uit zichzelf... [url=http://217.120.106.102/CONTOUR/CSScontour/contour.html]Klik hier[/url] :oops:
  • Dit ziet er uit als iets teveel reltieve positionering of anders float eigenschappen die dwars liggen (kan geen css file vinden..) Misschien moet je eerst eens gaan kijken bij "position is everything" [url=http://www.positioniseverything.net/index.php]Deze dus[/url]
  • Sterker nog het probleem is dat er helemaal geen positionerings eigenschappen zijn gedefinieerd :wink:
  • Ik ben alweer wat verder gekomen, nu de juiste positie van de footer en de headers nog. Hierbij kom ik echter hele grote problemen tegen. Op eens is mijn content block heel erg breed geworden. Ik krijg dit niet verholpen, ook al staat er niets kun je toch helemaal naar rechts scrollen. Ook kan ik mijn footer van het ene op het andere moment niet meer zien! :oops: :-? Do code voor de footer: [code:1:9cd75c6d61] #footer { position: fixed; max-height: 42px; margin-left: -283; background: url(footer01.gif) repeat fixed; width: 100%; left: 283px; bottom: 0px; z-index: 5; }[/code:1:9cd75c6d61] en in de bron: [code:1:9cd75c6d61]<DIV id="footer"> <img src="footer02.gif" class="footer02"></img> <img src="footer03.gif" class="footer03"></img> <img src="right04.gif" class="right04"></img> </DIV>[/code:1:9cd75c6d61] :o
  • Bij de validator kom ik nog de volgende fouten tegen: [quote:ffe49fb148]Regel: 0 Context : #content Parse Error - -margin-right:-283px; Regel: 0 Context : #content Parse error - Unrecognized : } Regel: 0 Context : #left Parse Error - -margin-left:0px; Regel: 0 Context : #left Parse error - Unrecognized : -margin-bottom: 0px; Regel: 0 Parse Error - : fixed; z-index: 6; } #footer [/quote:ffe49fb148] Weet iemand hoe ik deze dan op kan lossen? :-? De footer is ook weer opgelost (voorlopig :p), de header brengt me tot het volgende probleem, de breedte moet variabel zijn maar niet verder dan de breedte van content... Dit schijnt niet te kunnen met IE?
  • Parse Error - -margin-right:-283px; Je hebt een - voor de margin-right verderop nog een paar keer. wimb
  • ik kan me natuurlijk vergissen. Maar je gebruikt bij position: Fixed zover ik weet is dit geen orginele waarde. Volgens mij moet je hier kiezen uit : static, absolute of relative
  • Volgens mij ondersteund Internet Explorer 'position:fixed' niet.
  • [quote:f5c8584e3f="Anne"]Volgens mij ondersteund Internet Explorer 'position:fixed' niet.[/quote:f5c8584e3f]Klopt. Daarnaast is het altijd handig om de nodes met kleine letters te schrijven, dus bijv. <div></div>. Waarom hebben de footerplaatjes allemaal hun eigen class?

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

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