Achtergrond in Dreamweaver

  • Onderwerp starter Onderwerp starter Duder
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
D

Duder

Nieuwe gebruiker
Lid geworden
1 jul 2013
Berichten
3
Hallo,

Ik heb moeite om m'n achtergrond in Dreamweaver perfect gepositioneerd te krijgen. Dit zijn m'n coderingen:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body {
background-color: #CCCCCC;
background-image:url(bg.jpg);
background-repeat: no-repeat;
background-position:center;

}
-->
</style><center>
</center>
</head>
</html>

Het resultaat is echter een kleine afbeelding in m'n browser die weliswaar gecentreerd staat. Nochtans is de afbeelding 800 x 600 pixels...

Iemand tips?
 
Hé, dat zou niet moeten mogen... :rolleyes:
  • Heb je niet per ongeluk een thumbnail geüpload i.p.v. het grote formaat?
  • In elk geval: bij het rechtstreeks opvragen van de afbeelding in de browser (www.jedomein.nl/images/bg.jpg of iets dergelijks) zou de grote tevoorschijn moeten komen. Is dat zo?
 
Dit zou gewoon moeten werken idd.
Heb je anders toevallig nog meer code en geef je ons maar een klein stukkie?

Wat ik zo nog kan bedenken is dat je ergens de width (en height) van de body zet :confused:


PS: er zijn op het forum "tags" (net als in html! yay!) waarmee je de code een stuk duidelijker kan weergeven!
Je gebruikt ze als volgt (even klikken!):

Untitled.gif

Het resultaat ziet er dan zo uit:

HTML: 
<html>
<head><title></title></head>
<body>
  <p>
HTML TAGS!
  </p>
</body>
</html>
 
Ergens de width (en height) van de body gezet? > zou ook geen invloed mogen hebben, want het is een background-image; eventueel zouden dan stukken van de afbeelding afgeknipt kunnen zijn, maar zo kan niet de afbeelding als totaal verkleind worden.

Wat eventueel wel zou kunnen: ergens (in een stylesheet?) is de css3-eigenschap "background-size" gebruikt, met andere formaten dan het origineel.

  • Het makkelijkst voor de analyse van wat er fout kan zijn gegaan: heb je een (test)pagina online? Dan graag een linkje!
 
Mmm, dat is ook weer zo, dan zou de foto geknipt worden.

We wachten wel even op de rest van de code (of de testpagina).

PS: freewebs heeft gratis hosting op voorwaarde dat je een hele kleine banner ergens op je site zet ;)
 
Ziehier de links:

- M'n background (800 x 600)
- Getest in Firefox
- Getest in Internet Explorer

Zoals je kan zien werkt het in Internet Explorer perfect en in Firefox totaal niet.

M'n codes:

HTML: 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body {
	background-color: #CCCCCC;
	background-image:url(bg1.jpg);
	background-repeat: no-repeat;
	background-position:center;

}
-->
</style><center>

</center>
</head>
</html>
 
Er zijn een aantal dingen. Ik zal eerst zeggen waarom het in firefox niet werkt.

je moet in je css even het volgende toevoegen:

HTML: 
html{
	height:100%;
}

Daarna werkt het.

De rest:

  1. Je gebruikt <center></center> dat is oud en dat kan je beter doen met css (kan voor dit ook weg)
  2. Je bent <body></body> helemaal vergeten
  3. In de head moet een <title></title> (voor de tekst in het tabblad)
  4. Je meot een doctype toevoegen aan je document: http://www.w3schools.com/tags/tag_doctype.asp
  5. Je kunt het css beter in een apart style sheet doen (een .css bestand) dat is een stuk overzichterlijker.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan