Geachte lezers,

Ik heb sinds kort een eigen website. Deze heb ik gemaakt notepad++. De website staat online. Deze heb werkt wel in Google Chrome maar niet in Internet Explorer en werkt ook niet op mijn telefoon als ik geen WIFI heb. Wat zou hier het probleem van kunnen zijn? Zit het in mijn css of is het iets anders.
p.s. ik heb er niet heel veel verstand.

Als jullie mij hier mee willen helpen, graag!

Vriendelijke groet, Bernard

De website is: www.versopflakkee.nl
Enkele fouten
* Geen doctype
* Media="screen" en niet media"="screen"
* <a href="https://www.facebook.com/versopflakkee.nl "target="_blank"> Geen " voor target
* Niet alle tags zijn afgesloten

Je kan dit zien via F12 in de tab console

Jan
Dankjewel voor reactie. Wat bedoel precies je met die doctype?

[size=xsmall]Toevoeging op 11/02/2016 17:09:18:[/size]


Misschien is het in zijn geval makkelijker als hij zijn site even door de validator haalt.
> HTML
> CSS
Oke. Dit maakt het voor mij wel abracadabra :)
Volgens mij zit er dan best veel fout?

[size=xsmall]Toevoeging op 11/02/2016 17:27:43:[/size]

Ik heb die dingen nu veranderd en hij doet het nog niet? Iemand nog idee?
Een " teveel:
<link href="css/styles.css" rel="stylesheet" type="css" media"="screen"/>

Een " teveel:
<li><a href="https://www.facebook.com/versopflakkee.nl "target="_blank"> <img src="img/facebook.jpg" width=40 height=40/> </a></li>

Twee // en quotes missen:
<img src="img/hamburger1.jpg" width=255 height=190//>

Op meerdere plaatsen missen quotes.
Sorry die laatste helpt ook niet. Thanks iig

[size=xsmall]Toevoeging op 11/02/2016 18:07:13:[/size]

Check: dit is de css, zit hier niet iets verkeerd?

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family:Arial, Belvetica, saca-senif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}


/*text*/
h1 {font-size:40px;}
h2 {font-size:25px;}
h3 {font-size:18px;}
p {font-size:15px; line-height:125%;}
a {text-decoration:none; color:black; }


body {background-image:url(../css/hout.jpg); background-repeat:no repeat;
background-size: cover;
background-attachment: fixed;
}

#wrapper {width:850px; background-image:url(../css/achtergrond.jpg); box-shadow: 10px 10px 5px #888888;
background-repeat:repeat; margin:0 auto; padding:0 30px; margin-top:10px;}


#social-media-icons {float:right; }
#social-media-icons ul {margin-top:10px; }
#social-media-icons ul li {display:inline; box-shadow: 10px 10px 5px #888888;}

#topnav-buttons {float:left;}
#topnav-buttons ul {margin-top:0px; margin-bottom:15px; margin-left:25px;}
#topnav-buttons ul li {display:inline;}
#topnav-buttons ul li a {font-size:25px; font-weight:bold; margin-right:20px;}


#head-content h1 {margin-top:20px;}
#head-content h2 {margin-top:10px;}
#head-content h3 {margin-top:10px;}



#content11 {margin:0px; padding:0px;
width:460px; height:175px;
box-shadow: 10px 10px 5px #888888;
border: 1px solid #000000;
background: beige;

-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;

-moz-border-radius-bottomright: 0px;}

#content10 {margin:0px; padding:0px;
width:460px; height:400px;
box-shadow: 10px 10px 5px #888888;
border: 1px solid #000000;
background: beige;

-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;

-moz-border-radius-bottomright: 0px;}

#content9 {margin:0px; padding:0px;
width:460px; height:125px;
box-shadow: 10px 10px 5px #888888;
border: 1px solid #000000;
background: beige;

-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;

-moz-border-radius-bottomright: 0px;}

#content8 {margin:0px; padding:0px;
width:460px; height:445px;
box-shadow: 10px 10px 5px #888888;
border: 1px solid #000000;
background: beige;

-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;

-moz-border-radius-bottomright: 0px;}

#content7 {margin:0px; padding:0px;
width:460px; height:330px;
box-shadow: 10px 10px 5px #888888;
border: 1px solid #000000;
background: beige;

-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;

-moz-border-radius-bottomright: 0px;}

#content6 {margin:0px; padding:0px;
width:460px; height:125px;
box-shadow: 10px 10px 5px #888888;
border: 1px solid #000000;
background: beige;

-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;

-moz-border-radius-bottomright: 0px;}

#content5 {margin:0px; padding:0px;
width:460px; height:390px;
box-shadow: 10px 10px 5px #888888;
border: 1px solid #000000;
background: beige;

-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;

-moz-border-radius-bottomright: 0px;}

#content4 {margin:0px; padding:0px;
width:460px; height:300px;
box-shadow: 10px 10px 5px #888888;
border: 1px solid #000000;
background: beige;

-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;

-moz-border-radius-bottomright: 0px;}

#content2 {margin:0px; padding:0px;
width:500px; height:230;
box-shadow: 10px 10px 5px #888888;
border: 1px solid #000000;
background: beige;

-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;

-moz-border-radius-bottomright: 0px;}

#content3 {margin:0px; padding:0px;
width:460px; height:55px;
box-shadow: 10px 10px 5px #888888;
border: 1px solid #000000;
background: beige;

-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;

-moz-border-radius-bottomright: 0px;}


#content {width:600px; margin-top:10px; }

#thubmnail {display: inline-block; margin: 2.5em; }

#photo-content1 {float:right; margin:10px 0 10px 10px;}
#photo-content2 {clear: right; float:right; margin:10px 0 10px 10px;}
#photo-content5 {clear: right; float:right; margin:10px 0 10px 10px;}


#footer {clear:both; margin-top:10px;
border-top:dotted 1px;
Padding:20px;
text-align:center; }

#teller {clear:both; margin-top:10px;
border-top:dotted 1px;
Padding:20px;
text-align:center; }

#photo-content3 {float:left; margin:10px 0 10px 10px;}
#photo-content4 {clear: right; float:right; margin:10px 0 10px 10px;}

[size=xsmall]Toevoeging op 11/02/2016 18:08:23:[/size]

Want het gaat vooral op die achtergrond. Check hem ef in chrome. www.versopflakkee.nl
Sorry, maar daar snap ik niks van. Als ik de html doe, komt het hele verhaal in Engels te staan, wat het nog onduidelijk maakt. En als ik de css doe krijg deze reactie. Weet ook niet echt wat ik daar aan moet veranderen.

Sorry! We vonden de volgende fouten (2)

URI : styles.css

56 body Ongeldig getal : background-repeat no geen background-repeat waarde : no repeat
178 #content2 Ongeldig getal : height alleen 0 kan een length zijn. U moet een maat achter uw getal plaatsen : 230


[size=xsmall]Toevoeging op 11/02/2016 18:16:07:[/size]

Ik heb er zelf niet veel kennis van, daarom hoop ik dat iemand me er mee kan helpen. :)

[size=xsmall]Toevoeging op 11/02/2016 19:16:50:[/size]

Is er nog iemand die me kan helpen toevallig?
Bernard Vinke op 11/02/2016 18:15:35

Sorry, maar daar snap ik niks van. Als ik de html doe, komt het hele verhaal in Engels te staan, wat het nog onduidelijk maakt. En als ik de css doe krijg deze reactie. Weet ook niet echt wat ik daar aan moet veranderen.

Sorry! We vonden de volgende fouten (2)

URI : styles.css

56 body Ongeldig getal : background-repeat no geen background-repeat waarde : no repeat
178 #content2 Ongeldig getal : height alleen 0 kan een length zijn. U moet een maat achter uw getal plaatsen : 230


[size=xsmall]Toevoeging op 11/02/2016 18:16:07:[/size]

Ik heb er zelf niet veel kennis van, daarom hoop ik dat iemand me er mee kan helpen. :)

[size=xsmall]Toevoeging op 11/02/2016 19:16:50:[/size]

Is er nog iemand die me kan helpen toevallig?

Ik vind het grappig dat je op je profiel stelt dat je webdesigner bent.
Je vraagt elementaire zaken. Nu heb je wel een doctype maar meerdere fouten welke we je al aangaven zijn er nog steeds.
Via de validator vind ik 43 fouten
Kijk zelf eens naar je code. vb op lijn 30 alt required.
voor alle IMG moet je een alt tekst opgeven. deze zie je dan als de foto voor eender welke reden niet zichtbaar is.
waarden stel je tussen aanhalingstekens. nog beter is werken via css


Je vraagt ook of er je nog iemand kan helpen. We doen niets anders dan helpen. Niet enkel jou. ik heb hier ook al veel hulp gehad en ben er minstens dankbaar voor.

Engels is moeilijk voor jou. Ok geen probleem maar er is ook zoiets als translate.google.com en nog vele andere welke misschien nog beter zijn. Ok de zinsbouw is om bij te huilen maar meestal wel te begrijpen.

U moet een maat achter uw getal plaatsen : 230 vermoedelijk bedoel je pixels(punten) en duid je aan met px


Jan

Reageren