Ga naar inhoud

Kleine problemen met de indeling in CSS

anoniem

Door anoniem,
in Internet en hosting

Aanbevolen berichten

anoniem Nieuwkomer

anoniem

Geplaatst:
Geplaatst:
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]
Link naar reactie
anoniem Nieuwkomer

anoniem

Geplaatst:
  • Auteur
Geplaatst:
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.
Link naar reactie
anoniem Nieuwkomer

anoniem

Geplaatst:
  • Auteur
Geplaatst:
[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.)
Link naar reactie
anoniem Nieuwkomer

anoniem

Geplaatst:
  • Auteur
Geplaatst:
[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
Link naar reactie
anoniem Nieuwkomer

anoniem

Geplaatst:
  • Auteur
Geplaatst:
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 :-? :(
Link naar reactie
anoniem Nieuwkomer

anoniem

Geplaatst:
  • Auteur
Geplaatst:
[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.
Link naar reactie
anoniem Nieuwkomer

anoniem

Geplaatst:
  • Auteur
Geplaatst:
[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:
Link naar reactie
anoniem Nieuwkomer

anoniem

Geplaatst:
  • Auteur
Geplaatst:
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
Link naar reactie
anoniem Nieuwkomer

anoniem

Geplaatst:
  • Auteur
Geplaatst:
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?
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

×
Ga naar topic overzicht

  • Populaire leden

    Er is nog niemand die deze week reputatie heeft ontvangen.

  • Leden

    Geen leden om te tonen

×
×
  • Nieuwe aanmaken...