Mijn website werkt niet in Internet Explorer
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
* 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
Volgens mij zit er dan best veel fout?
Toevoeging op 11/02/2016 17:27:43:
Ik heb die dingen nu veranderd en hij doet het nog niet? Iemand nog idee?
<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.
Gewijzigd op 11/02/2016 18:02:24 door - SanThe -
Toevoeging op 11/02/2016 18:07:13:
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;}
Toevoeging op 11/02/2016 18:08:23:
Want het gaat vooral op die achtergrond. Check hem ef in chrome. www.versopflakkee.nl
html => http://validator.w3.org/
css => http://jigsaw.w3.org/css-validator/
Toevoeging op 11/02/2016 18:12:26:
De fouten die ik heb aangegeven zitten er nog steeds in.
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
Toevoeging op 11/02/2016 18:16:07:
Ik heb er zelf niet veel kennis van, daarom hoop ik dat iemand me er mee kan helpen. :)
Toevoeging op 11/02/2016 19:16:50:
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
Toevoeging op 11/02/2016 18:16:07:
Ik heb er zelf niet veel kennis van, daarom hoop ik dat iemand me er mee kan helpen. :)
Toevoeging op 11/02/2016 19:16:50:
Is er nog iemand die me kan helpen toevallig?
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
Toevoeging op 11/02/2016 18:16:07:
Ik heb er zelf niet veel kennis van, daarom hoop ik dat iemand me er mee kan helpen. :)
Toevoeging op 11/02/2016 19:16:50:
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
Wanneer ik de site in de nieuwste versie van Firefox bekijk heb ik sterk de indruk dat de opmaak niet (volledig ?) meegenomen wordt.
Verder hoop ik oprecht dat je je site, tekstueel gezien, zo niet online zult zetten.
Ik heb nog nooit een site geien die zulk slecht Nederlands bevatte, dit is absoluut geen visitekaartje. Persoonlijk zou ik heel snel weer weg zijn wanneer ik een dergelijke site zag.
Bernard Vinke op 11/02/2016 16:44:37:
werkt ook niet op mijn telefoon als ik geen WIFI heb.
Als je op een andere manier met internet verbonden bent, zie je hem wel?
dit topic. Sluit een van de twee.
Hallo moderators, wakker worden. Dit is een (exacte) dubbelpost van Edit:
Done, gelieve voortaan een bericht te sturen naar het 'Moderatie-meldpunt' of een topic in het 'Admin/mod hulp forum'. Dat werkt sneller.
Gewijzigd op 12/02/2016 14:47:31 door - Ariën -