Refresh

Status
Niet open voor verdere reacties.
B

Byakuya

Gebruiker
Lid geworden
3 feb 2010
Berichten
17
Hey ik had een vraagje over html (of css)

ik heb een site gemaakt (geprobeerd dan)en elke keer als ik refresh komt er een witte scherm op achtergrond en bij normale site's niet weet iemand wat ik moet doen/veranderen om te zorgen dat de achtergrond gwn zo blijft en geen witte scherm krijgt???

alvast bedankt voor uw hulp
 
ik heb het niet op foum gezet ik werk gwn met html en css en heb het nog niet op een domein zitten
 
Hoi,

Kun je dan even de broncode plakken en een screenshot maken van hoe het eruit ziet? Dit maakt het voor ons makkelijker om te kunnen zien wat er gebeurt en een oplossing te zoeken/bieden.
 
<html>
<head>
<title>Home</title>
<link href="Show.css" rel="stylesheet" type="text/css" />
</head>


<body>
<center>
<div class="wrapper">


<div class="1ste">
<div class="logo"> </div>

<div class="link">

<ul>
<li class="10"><a class="selected" href="Home.html"> </a> </li>
<li class="11"><a href="Over Ons.html"> </a> </li>
<li class="12"><a href="Werkzaamheden.html"> </a> </li>
<li class="13"><a href="Online Offerte.html"> </a></li>
<li class="14"><a href="Projecten.html"> </a> </li>
<li class="15"><a href="Referenties.html"> </a> </li>
<li class="16"><a href="Showroom.html"> </a> </li>
<li class="17"><a href="Contact.html"> </a> </li>
</ul>

</div>

</div>



<div class="2de">
<div class="slide"> </div>
<div class="sublinks">
<div class="1">
<ul>
<li>Sublinks</li>
<li>Sublinks</li>
<li>Sublinks</li>
<li>Sublinks</li>
</ul>
</div>
</div>

<div class="content">
<div class="contenttop"> </div>
<div class="contentcenter">
<div class="contentcenterleft">

<div class="title">
<h1>Turkiye</h1>
</div>
<div class="plaatje"> <img src="tr.jpg" width="300" height="200"> </div>

<p class="00">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate
velit esse molestie consequat, vel illum dolore eu feugiat
nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore
te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuerLorem ipsum
adipiscing elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor
</p>

</div>

<div class="contentcenterright">
<div class="title">
<h1>Top</h1>
</div>
<div class="plaatje2"> <img src="top.png"> </div>




</div>

</div>
<div class="contentbottom"> </div>












</div>
<div class="footer"> </div>
</div>














</div>
</center>
</body>

dit is de broncode

als ik op refresh of op een menu klik zoals contact en zo refresht het pagina terwijl bij andere website's niet

dit is wat ik kan sturen


en dit is de css


*
{
margin: 0;
padding: 0;

}

body

{
background-image:url(bg.jpg);

}


.wrapper
{
width:1105px;
}


.1ste

{
width:240px;
float:left;
margin-top:45px;
}


.logo

{

background-image: url(logo.png);
width:240px;
height:144px;

}


.link
{
float:left;
margin-bottom:100px;
}

.link ul li
{
list-style:none;
}



.10 a
{
background-image:url(button1.png);
width:240px;
height:61px;
}


.10 a:hover
{
background-image:url(button1.over.png);
width:240px;
height:61px;
}



.11 a
{
background-image:url(button2.png);
width:240px;
height:61px;
}

.11 a:hover
{
background-image:url(button2.over.png);
width:240px;
height:61px;
}


.12 a
{
background-image:url(button3.png);
width:240px;
height:61px;
}

.12 a:hover
{
background-image:url(button3.over.png);
width:240px;
height:61px;
}

.13 a
{
background-image:url(button4.png);
width:240px;
height:61px;
}

.13 a:hover
{
background-image:url(button4.over.png);
width:240px;
height:61px;
}

.14 a
{
background-image:url(button5.png);
width:240px;
height:61px;
}

.14 a:hover
{
background-image:url(button5.over.png);
width:240px;
height:61px;
}

.15 a
{
background-image:url(button6.png);
width:240px;
height:60px;
}

.15 a:hover
{
background-image:url(button6.over.png);
width:240px;
height:60px;
}

.16 a
{
background-image:url(button7.png);
width:240px;
height:61px;
}
.16 a:hover
{
background-image:url(button7.over.png);
width:240px;
height:61px;
}

.17 a
{
background-image:url(button8.png);
width:240px;
height:61px;
}

.17 a:hover
{
background-image:url(button8.over.png);
width:240px;
height:61px;
}










.2de

{
width:865px;
float:left;
}



.slide
{
background-image: url(slideshow.png);
width:865px;
height:135px;
}

.sublinks
{

background-image:url(sublinks.bg.png);
color:white;
float:left;
width:865px;
height:70px;
}




.1 ul li
{
margin-top:27px;
list-style:none;
float:left;
width:190px;
}


.content
{

}


.contenttop
{
background-image:url(main1.png);
width:865px;
height:35px;
}

.contentcenter
{
background-image:url(main2.png);
width:865px;
background-repeat: repeat-y;
}

.contentbottom
{
background-image:url(main3.png);
width:865px;
height:35px;
}

h1

{
border-bottom:1px solid black;
}

.contentcenterleft
{
width:500px;
text-align:left;
float:left;


}

.title
{
margin-left:30px;
}

.plaatje

{

margin-top:10px;
margin-left:30px;

}
.plaatje img
{
float:left;
}

.plaatje2
{

margin-top:10px;
margin-left:30px;

}




.44
{
float:left;
}


.contentcenterright
{
width:350px;
text-align:left;
float:left;

}


.00
{
margin-left:30px;

}

.footer
{
background-image: url(footer.png);
width:864px;
height:61px;
}
 
Laatst bewerkt:
Kun je ook een screenshot maken hoe het er nu uitziet?
Probeer daarnaast eens een background in de <body> tag te plaatsen om te kijken of het plaatje dan wel blijft.

Dit doe je door boven in de <body> te vervangen door <body background="plaatje.jpg">

uiteraard: plaatje.jpg vervangen door je eigen afbeelding.

Daarnaast refreshed de pagina in principe niet. De links verwijzen naar een andere pagina, welke wellicht hetzelfde is opgebouwd.
 
Laatst bewerkt:
Hoi,

Ik zie hier geen wit achtergrond in, enkel een zwarte.

Klopt het dat bij de pagina van Over Ons altijd een zwarte achtergrond wordt gegeven en bij de andere misschien niet?

Dan is waarschijnlijk voor deze pagina een zwarte achtergrond ingesteld, en bij de andere niet.

Controleer even de <body> tag van de andere pagina's, daar moet je dan <body bgcolor="#000000"> van maken.
 
nee mn vraag was als ik op over ons klik dat de achtergrond voor heel ff wit word en bij andere sites niet of als ik op refresh klik dan word het voor ong 1 -2 sec wit dan weer normaal maar wat ik niet snap is wrm het bij deze site wel wit worden en bij andere site's niet
 
Hallo, welkom op het forum.

Dat is zo heel moeilijk te zien, het kan allerlei oorzaken hebben. Variërend van 'n veel te grote achtergrond-afbeelding in de body tot, tja, tot van alles eigenlijk. Het is moeilijk om de fout hier te herhalen, omdat de afbeeldingen missen.
Er zit in ieder geval 'n aantal serieuze fouten in je code, en die moeten er eerst uit. Als je geluk hebt, is daarmee het probleem gelijk opgelost, wie weet.
Verder nog wat tips.

* 'n class-naam mag niet met 'n cijfer beginnen, alleen met 'n letter. class="10" mag dus niet. Overigens is 'n naam als '10' niet handig. Nu weet je misschien nog wat je daarmee bedoelde, over 'n jaar weet je dat echt niet meer.
'n Naam als 'wrapper' of 'content' is prima. Overigens is dat ook handig voor anderen, want als ik in je css .10 zie staan heb ik er geen flauw idee van wat .10 voor element is. Bij #content begrijp ik dat wel gelijk.
Omdat dit niet mag, kan dit (ernstige) problemen geven in verschillende browsers.

* Er staat geen doctype aan het begin van je document. Het doctype vertelt de browser wat voor soort html en zo het is, en welke versie. Als je geen doctype gebruikt, probeert de browser er zeg maar het beste van te maken. En dat is vaak niet echt best.
Op zich staat vrijwel al je opmaak (lay-out) in de css, dat is heel netjes. Ik zou dan ook 'n doctype van strict gebruiken, dat controleert daar gelijk ook op. Opmaak in de css is ook goed voor toegankelijkheid voor spraakbrowsers e.d. en voor zoekmachines ('n zoekmachine is te vergelijken met iemand die wordt voorgelezen).
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
Dit zet je helemaal bovenaan elke pagina (niet in de css, in de html). Helemaal bovenaan, er mag zelfs geen spatie of lege regel voorstaan.

* Er mist 'n charset, tekenset. Die vertelt de browser wat voor soort alfabet je gebruikt. Gelijk na <head> moet je de volgende regel plaatsen:
Code: 
<meta http-equiv="content-type" content="text/html; charset=utf-8">
Gelijk na <head>, omdat anders sommige browsers hem missen.
Als je nu opeens vraagtekens of Chinees of zo in je pagina ziet verschijnen, moet je dat maar even melden, want dan moet je nog iets doen.

* Je gebruikt hoofd- en kleine letters en spaties in bestandsnamen. Op Windows maakt dat niets uit, maar op de meeste servers wel.
Over Ons.html kun je beter veranderen in over-ons.html, of over_ons.html
Bij gebruik van 'n - ziet Google het als twee woorden, bij gebruik van 'n _ als 1 woord. Ik neem aan dat dat ook voor Bing en Yahoo en zo geldt.

* De enige tag die absoluut niet in de html thuishoort is <center>. Deze wordt al jaren afgeraden en in de komende versie van html kan hij gewoon helemaal niet meer worden gebruikt. Voor de rest heb je echt heel netjes opmaak en html van elkaar gescheiden. <center> werkt ook niet goed in elke browser en heeft vervelende bij-effecten.
Die <center> en </center> kun je gewoon helemaal weghalen.
Je hele pagina staat in div.wrapper, en die heeft 'n breedte. Als je de css voor die div.wrapper verandert in:
.wrapper
Code: 
{
width:1105px;
margin: 0 auto;
}
staat je pagina op de juiste manier in het midden.
0 auto: omdat je alleen maar waarden invult voor boven en rechts, krijgen onder en links automatisch dezelfde waarde. Er staat dus eigenlijk 0 auto 0 auto in de volgorde boven - rechts - onder - links. auto betekent in dit verband: evenveel, oftewel: altijd netjes in het midden.

* Je kunt je html en css op fouten controleren. Dat moet je heel regelmatig doen, want dat voorkomt heel veel extra werk. Bijvoorbeeld bij zo'n class die met 'n cijfer begint had je dan gelijk bij de eerste keer 'n foutmelding gekregen.
html: http://validator.w3.org/
css: http://jigsaw.w3.org/css-validator/

Als je dus geluk hebt, is 't opgelost als de validators geen fouten meer geven. Maar dat is even afwachten.
 
Laatst bewerkt:
uhm mn probleem blijft zich voort doen ik weet nie wrm miss omdat ik notepad++ gebruik maar alles dat ik toevoeg verpest mn site ik weet niet wrm ??

en mn echte probleem is dat als ik op een menu zoals contact - home of wat dan ook aan klik dan refresht het gwn van zelf elke x als ik op een menu klik dit is nog geen site dus drm kan ik niet checken of het goed is of niet en bij andere sites ( ik zet ze niet op internet is gwn voor leren ) wat ik heb gemaakt refresht het niet .

EDIT:

als er gerefresht word verdwijnt voor paar sec logo -slide show - sublink background - en wat img
 
Laatst bewerkt:
Laat maar iedereen bedankt voor jullie hulp

Ik heb alle img veranderd naar png en de achtergrond weggehaald en nu lukt het :p

meer een deel kwam door achtergrond volgens mij :p
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan