bron code probleemen

[Anoniem2]

Halo allemaal. \r\n\r\nZoals Julie waarschijnlijk wel weten ben ik al enige tijd bezig met mijn eigen website. Ik Zit echter inmiddels al ruim een week muur en muur vast. het opschonen van de bron code wil niet bepaald echt lukten en de website werkt eigenlijk alleen in Firefox en safari redelijk. Explorer is een grote teleurstelling en ook Opera (die ik zelf graag en veel gebruik) kan er niet goed mee over weg. \r\n\r\nHet gaat slechts om 1 HTML bestand en 2 CSS bestandjes maar aangezien ik dit als template wil gaan gebruiken kan ik niet verder voordat de template gewoon helemaal goed is./ elke keer als iok 1 onderdeel verwijder of een probleem (die dreamweaver aangeeft) probeer op te lossen gaat er weer wat anders fout. Alleen al in de achtergrond kleur ziten er volgens mij al een aardig aantal conflicten tussen de html code en het css slyle sheet.\r\nkortom doordat ik veel onderdelen heb gekopieerd zitten er veel foute in de broncode en word ik eigenlijk overspoeld door allemaal codes die ik niet ken en waarvan er een waarschijnlijk een heel stuk nutteloos aanwezig zijn.\r\n\r\nnou heb ik geprobeerd om helemaal vanuit het niets weer overnieuw te beginnen maar dit lukt ook niet aangezien ik het niet voor mekaar krijg om een goede lay-out tabel op te zetten in dreamweaver. \r\n\r\nDit klinkt misschien knullig maar ja zo veel kennis heb ik niet van dit onderwerk en helaas heb ik misschien wat teveel wensen voor mijn kunnen wat betreft me website. Maar ja wederom doende zal ik het hopelijk leren. \r\n\r\nHieronder (in me volgende bericht aangezien ik anders teveel karakters per bericht gebruik:confused:) heb ik de drie bron bestanden van me website ingevoegd. mocht iemand me kunnen helpen dan erg, erg graag. Ook heb ik nog een screenshot toegevoegd hoe het er momenteel uit ziet (in de bijlage)\r\n\r\nPS; de tabel is oorspronkelijk van [url]www.archipelago.gr[/url] , en het keuze menu van [url]http://www.lonelyplanet.com[/url] . dit om even te l;aten zien dat ik niet probeer een website te kopiëren of zo, dat zou een stuk makelijker zijn trouwens :-P . \r\n\r\n\r\nHopelijk heeft iemand zin om me te helpen alvast bedankt in ieder geval:).

[Anoniem2]

[HTML]\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\n\r\n\r\n\r\n

\r\n

skip to this pages content | skip to site navigation

\r\n\r\n

\r\n

\r\n \r\n

\r\n

\r\n
• Home\r\n
  \r\n
  • English
  \r\n
  • Nederlands
  \r\n
  • Use Google Translate
  \r\n
  \r\n
\r\n \r\n
• About me \r\n
  \r\n
  • Who am I
  \r\n
  • What do I do
  \r\n
  • 4
  \r\n
  • 5
  \r\n
  • 6
  \r\n
  \r\n
\r\n \r\n
• The next trip\r\n
  \r\n
  • The plan
  \r\n
  • The route
  \r\n
  • How do I do this
  \r\n
  • Why do I do this
  \r\n
  • storys
  \r\n
  \r\n
\r\n \r\n
• Whats new\r\n
  \r\n
  • 1
  \r\n
  • 2
  \r\n
  • 3
  \r\n
  • 4
  \r\n
  • 5
  \r\n
  • 6
  \r\n
  \r\n
\r\n \r\n
• Tell a friend\r\n
  \r\n
  • 1
  \r\n
  • 2
  \r\n
  • 3
  \r\n
  • 4
  \r\n
  • 5
  \r\n
  • 6
  \r\n
  \r\n
\r\n \r\n
• grafity wall \r\n
  \r\n
  • 1
  \r\n
  • 2
  \r\n
  • 3
  \r\n
  • 4
  \r\n
  • 5
  \r\n
  • 6
  \r\n
  \r\n
\r\n \r\n
• Contact \r\n \r\n

\r\n

\r\n

\r\n \r\n

\r\n \r\n

\r\n

\r\n\r\n \r\n[/HTML]

• Quote

[Anoniem2]

[HTML]\r\n\r\n\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n

\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n

\r\n \r\n \r\n   \r\n   \r\n Take a peak in to the most amasing places \r\n   \r\n \r\n   \r\n \r\n \r\n Choose a Country\r\n China\r\n Greece\r\n Indonesia\r\n Kenia\r\n Netherlands The \r\n Singapore\r\n Spain\r\n \r\n \r\n \r\n   \r\n \r\n \r\n \r\n \r\n   \r\n Or choos a foto galery of one of the many subjects \r\n \r\n \r\n \r\n \r\n Choose a Subject\r\n Flowers\r\n Plants\r\n Micro organisms\r\n Animals\r\n Insects\r\n Flora general\r\n Fauna general\r\n \r\n \r\n   \r\n \r\n \r\n \r\n \r\n \r\n \r\n

\r\n \r\n \r\n \r\n \r\n \r\n   \r\n \r\n \r\n \r\n \r\n \r\n \r\n Why this website? \r\n \r\n \r\n   \r\n \r\n Well\r\nIts Quite simple actually, my two biggest hobby’s are traveling and\r\nphotography. Always when I came back from some exotic, deserted or\r\nunusual place I thought I should do something nice with the photos and\r\nthere story’s rather than to put them in a shoebox in a dusty corner\r\nand never to be looked at again. \r\n \r\n \r\n \r\n \r\n   \r\n Clearly I did and this website is the result. So, here you will find some of my best photos and the story’s behind them. \r\n   \r\n I hope you will enjoy and don’t forget to leave a message on the graffiti wall (my guestbook) \r\n   \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Language \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Photo of the week: \r\n \r\n \r\n \r\n \r\n If\r\nyou wish to use any of these photo’s in your owne website, brochure, etc ,\r\nplease click here to send me a e-mail and I will contact you to see\r\nwhat I can do for you. \r\n   \r\n

\r\n

\r\n\r\n \r\n \r\n \r\n \r\n \r\n

\r\n User | ©2008-2009 My photos | Development by Sjouk | Contact

\r\n

[Anoniem2]

[HTML]/* Global reset of font sizes, margins and padding */\r\n* { font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; }\r\nbody { font-size:76.1%; background:#ffffff; }\r\n\r\n/* Text and list layouts */\r\np, ul, ol { margin-bottom:em; line-height:1.5em; color:#333;}\r\nul, ol { margin-left:2em;}\r\n\r\n.gl_text_medium { font-size:1.2em}\r\n.printLogo{display:none}\r\n\r\nimg{border:none;}\r\n\r\na{text-decoration:none;}\r\na:link{color:#0066CC;}\r\na:visited {color:#9200bc}\r\na:hover {text-decoration:underline;}\r\na:active {color:#0066CC;}\r\n\r\na.rss{background:url(bg_rss00.gif) top left no-repeat; padding-left:19px}\r\n\r\n/* The global content container - All content is within this div */\r\n#gl_outer_cont_with_bg { width:992px; background:url(gl_bg_co.gif) repeat-y #fafafa; position:relative; overflow:hidden; }\r\n#gl_outer_cont {\r\n width:992px;\r\n margin:100px auto 60px auto;\r\n overflow:visible;\r\n background:#fff;\r\n position:relative;\r\n visibility: inherit;\r\n\r\n}\r\n[/HTML]\r\n\r\n[HTML]/*::::::::::::::: ACCESSIBILITY ::::::::::::::::::::::::::::::::::::::::*/\r\n.accessibility{position: absolute !important;top: -1000em !important;left: -1000em !important;}\r\n\r\n/*::::::::::::::: CUSTOM ::::::::::::::::::::::::::::::::::::::::*/\r\n#gl_outer_cont{margin-top:0;}\r\n.gl_content_pod.typeDotted {background:url(bg_horiz.gif) top left repeat-x; padding-top:10px; clear:both;}\r\n.gl_content_pod.typeDotted a.head{font-size:1.4em; padding-bottom:.5em; display:block;}\r\n.gl_content_pod img.leftfloat{}\r\n.gl_content_pod.typeDotted p{margin-bottom:0}\r\n.gl_content_pod.typeDotted .tools_head{font-size:1.2em; font-weight:bold; color:#666666}\r\n\r\n.gl_content_pod.typeDotted img.leftfloat{border:none; margin:0 1em 1em 0;}\r\n.gl_content_pod.typeDotted img.rightfloat{float:right; border:none; margin:0 0 1em 1em}\r\n.gl_content_pod.typeDotted img.toppad{margin-top:1em;}\r\n\r\n.gl_content_pod.comet p{margin:.35em 0 0 0}\r\n.gl_content_pod.comet p span{font-size:.9em}\r\n\r\n/*::::::::::::::: GLOBAL HORIZONTAL NAV - CUSTOM ::::::::::::::::::::::::::::::::::::::::*/\r\n#hp_horiz_nav {\r\n background:url(bg_nav_r.gif) top left repeat-x #000;\r\n top:190px;\r\n position:absolute;\r\n left:0px;\r\n width:992px;\r\n display:block;\r\n padding:0;}\r\n\r\n#nav {margin: 0 0 0 25px; padding: 0;}\r\n#nav li.on ul, #nav li.off ul {margin: 0;padding: 0;}\r\n#nav a:hover{text-decoration:underline;}\r\n \r\n/*float the main list items*/\r\n#nav li {margin: 0; float: left; display: block; background:url(bg_pipe0.gif) no-repeat; background-position:.3em .8em; padding-left:10px}\r\n#nav li.first{background:none;}\r\n#nav li ul {display: none;}\r\n#nav li ul li{background:url(bg_pipe1.gif) no-repeat; background-position:.3em 1.1em; padding-left:15px; padding-right:10px;}\r\n\r\n#nav li.off ul li.sub_one{padding-left:40px;}\r\n#nav li.off ul li.sub_two{padding-left:40px;} \r\n#nav li.off ul li.sub_three{padding-left:130px;} \r\n#nav li.off ul li.sub_four{padding-left:335px;}\r\n#nav li.off ul li.sub_five{padding-left:150px;} \r\n#nav li.off ul li.sub_six{padding-left:610px;} \r\n#nav li.off ul li.sub_seven{padding-left:430px;}\r\n#nav li.off ul li.sub_eight{padding-left:520px;}\r\n\r\n/*put the subnav below*/\r\n#nav li.off ul, #nav li.on ul {position:absolute; top:43px; *top: 43px; left:0; padding:10px 0 0 0; width:992px;}\r\n\r\n#nav li a {color: #EBD209; font-size:1.2em; display: block; height:23px; background:url(bg_nav_r.gif) no-repeat left top; padding:10px 12px; float:left;}\r\n#nav li.on a {}\r\n \r\n/*ie doesn\'t inherit the float*/\r\n#nav li.on ul a, #nav li.off ul a {float: left; border:0; color: #0066cc; width: auto; margin:0; background:none; padding:10px 0 0 0;}\r\n#nav li.on ul {display: block;}\r\n\r\n#nav li.off:hover ul, #nav li.overnav ul {display: block; margin:0; padding:0; font-size:.9em; height:36px;\r\nfilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=\'rcl/homepage/css/bg_sub_nav.png\');}\r\n#nav li.off[class]:hover ul, #nav li.overnav[class] ul {background:url(bg_sub_n.png) top left repeat-x;}\r\n\r\n#nav li.off a:hover, #nav li:hover a, #nav li.overnav a {background-position:center -43px;}\r\n[/HTML]\r\n\r\n\r\n\r\nNogmaals bedankt \r\n\r\nElk advies is welkom!!!!!!

[Anoniem2]

Ik heb niet echt zin om die hele broncode door te lopen, maar wat bij mezelf meestal wel werkt als ik ergens niet meer uit kom: opnieuw beginnen.\r\n\r\nHet voordeel is dat je nu precies weet hoe alles eruit moet komen te zien. Begin met de basis om alles in blokken op te delen, en ga die stap voor stap invullen. Na iedere paar stappen controleer je of alles goed zit. Zo ja, dan ga je weer een paar stappen verder, zo nee, dan ga je terug totdat je hebt gevonden waar het probleem zit.\r\n\r\nNog een tip: gebruik deugdelijke namen voor je stijl klassen. Stijl1 t/m stijl100 is niet bepaald overzichtelijk als je iets terug moet vinden.\r\n\r\nTot slot nog een algemene tip. Iets wat mij vaker opbreekt is dat internet explorer <= 6 niet bekend is met het min-height eigenschap. In plaats daarvan wordt height als min-height opgevat.