Achtergrond Size vastzetten

Status
Niet open voor verdere reacties.
C

cryptofreak

Gebruiker
Lid geworden
18 nov 2008
Berichten
22
hallo

ik heb een website gemaakt met een foto als achtergrond
maar de foto is eigenlijk te groot voor de site wand als ik hem plaats dan zie ik maar
1/4 van de gehele foto omdat hij zo groot is nou kon je dit oplossen door in de bron van de site de maat van de achtergrond te wijzigen in 100% en dan paste de foto zich aan aan de maat van de website maar ik heb zitten zoeken maar ik kan nergens vinden waar ik nu de maat kan aan passen
1.jpg

HELP PLEASE

alsvast bedankt:thumb:
 
Laatst bewerkt:
dit gaat met een plaatje los op de site wel maar als achtergrond niet teminste niet dat ik voor elkaar krijg

dit is de site ik heb hiet de foto size verkleint www.weidebloemdarts.nl en dan de foto op de main van de site
 
Gewoon je achtergrondplaatje kleiner maken met irfanview.
achtergrond.jpg

In je style dan opnemen bij de body
body
{
background-image: url(achtergrond.jpg);
background-attachment:fixed;

:cool:
 
maar ik heb de foto al verkleint maar dan moet ik de exacte maat weten nou dan ben ik nog wel ff bezig ik wil gewoon dat hij de achtergrond automatisch verandert moet toch te doan zijn
 
Neen..
achtergondplaatje wordt niet vanzelf kleiner als beeldscherm kleiner is.

:cool:
 
ja dit is wel mogelijk als aan het plaatje op de site een size is toegewezen in de bron bv. width="29" height="29" als je de getallen verandert in 100% dan past hij zich aan aan de grote van je scherm maar in mijn geval staat dit er niet in dreamweaver of in de bron van de site
 
KAN NIET,
tenzij dat je een script hebt, wat de schermresolutie leest,
en aan de hand hiervan een bijbehorend plaatje als achtergrondplaatje laadt,
welk plaatje dus speciaal is kleiner gemaakt voor die schermresolutie.
Dus je moet dan drie achtergrondplaatjes hebben.

Normaal gesproken kun je dit niet met een style aanmaken.

Code:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
	<title>(Type a title for your page here)</title>
<!--Pagina gemaakt op Wednesday, November 19, 2008 00:36:24 -->
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
<meta name="description"  content="korte beschrijving van de pagina">
<meta name="keywords"  content="trefwoorden, die, slaan, op, de, pagina">
<meta name="publisher" content="Jan Jansen">
<meta name="Author" content="Peter Vazed">
<meta name="robots" content="index, follow">
<meta name="revisit" content="7 days">
<meta http-equiv=content-type content="text/html; charset=windows-1252">
<meta http-equiv="Content-Style-Type" content="text/css">

<style type="text/css" media="all">
 @import url("zp.css"); 
</style>
		 
<LINK rel="stylesheet" type="text/css" href="zp.css">

 <style type="text/css" media="screen">
 body
{
background-image: url(menu1.gif);
width:100%;
margin: 0;
padding: 0;
font-family:  verdana, "comic sans ms", arial, hevetica, sans-serif;
text-align: left;
color: #000;
background-color: #ffffcc;
}
</style>
</head>

<body ><br>
<br>

<center>Achtergrondplaatje</center><br>
<img src="menu1.gif" width="170" height="73" alt="">

</body>

</html>

bijlage plaatje:


:cool:
 

Bijlagen

  • menu1.gif
    menu1.gif
    3,7 KB · Weergaven: 32
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan