HTML - afbeelding in het midden?

geenID · 6 mrt 2010

hallo, ik werk met html en
ik zou graag een afbeelding (150x780), in het midden willen plaatsen.
Dus als background. Wie weet hoe dat moet

peter vazed · 6 mrt 2010

Code:

 <!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 Saturday, March 06, 2010 21:42:23 -->
<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(http://www.handleidinghtml.nl/css/eigenschappen/background-position/schermafdrukken/background-position02.gif);
background-repeat: no-repeat; background-position: 50% 50%; 
}
margin: 0;
padding: 0;
font-family:  verdana, "comic sans ms", arial, hevetica, sans-serif;
text-align: left;
color: #000;

}
</style>
</head>

<body >

testje:<br>

<a href="http://www.handleidinghtml.nl/css/eigenschappen/background-position/voorbeelden.html">http://www.handleidinghtml.nl/css/eigenschappen/background-position/voorbeelden.html</a>
</body>

</html>

geenID · 6 mrt 2010

testen

lange code

Ik ga hem testen.
Ik laat het wel weten of het is gelukt

vreugde · 8 mrt 2010

Om het wat makkelijker te maken:

Code:

 body {
    background-image: url(pad/naar/jouw/afbeelding.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%; 
}

Dit moet je in je CSS- of HTML-bestand zetten. De rest is overbodig als je alleen je achtergrond wilt centreren, aangezien dit alleen maar reclame voor iemands naam aangeeft.

groeten vreugde

geenID · 11 mrt 2010

vreugde zei:
Om het wat makkelijker te maken:

Code:

body { background-image: url(pad/naar/jouw/afbeelding.jpg); background-repeat: no-repeat; background-position: 50% 50%; }

Dit moet je in je CSS- of HTML-bestand zetten. De rest is overbodig als je alleen je achtergrond wilt centreren, aangezien dit alleen maar reclame voor iemands naam aangeeft.

groeten vreugde

bedankt Vreugde, maar het lukt niet

Als ik een nieuwe html pagina maak, en de code erin zet, doet hij niks.
Ik heb het bestandje even in de bijlage gezet. Mischien dat jullie hem kunnen corrigeren?

That Guy · 11 mrt 2010

Er moeten uiteraard wel stijl-tags omheen. En een normale html-pagina opmaak hebben:

HTML:

<!doctype html>
<html>
   <head>
      <style>
         body
         {
            background-image: url(banner.png);
            background-repeat: no-repeat;
            background-position: 50% 50%;
         } 
      </style>
   </head>

   <body>
      text...
   </body>
</html>

overgens kan de stijl ook in 1 regel:

Code:

body
{
   background: #fff url(banner.png) no-repeat 50% 50%;
}

Goeroeboeroe · 11 mrt 2010

Kleine correctie:
<style> aan het begin moet zijn:
<style type="text/css">

vreugde · 11 mrt 2010

ach ach pietje precies

Goeroeboeroe · 11 mrt 2010

Dat is geen pietje precies. Dat geeft problemen in browsers. Vegras is altijd heel nauwkeurig, is 't gewoon vergeten kennelijk. En 't aardige van 'n forum is nou juist dat je elkaar op dat soort foutjes kunt wijzen.

geenID · 11 mrt 2010

gelukt, maar weer andere vraag

Joepiii, gelukt

Maar nu heb ik meteen een andere vraag. Hiervoor heb je de volgende info bij nodig:

- in de bijlage zit me project.
- omdat de maximale groote maar 100kb is, voor uploaden, moest ik het plaatje (banner.png) apart uploaden.

- Als je dit project opent, moet je dus "banner.png", verplaatsen naar de map
"Mijn eerste website/Menu".

- Open daarna "Frames Begin.html".
- Je ziet aan de linker-kant het menu,
- Maar zoals je dan kunt zien, staat het plaatje "banner.png" niet mooi.

(VERGEET NIET "banner.png" in de map "Menu" te plaatsen)

Mijn vraag : Hoe kan je het plaatje mooi in het midden krijgen?

vreugde · 12 mrt 2010

Goeroeboeroe zei:
En 't aardige van 'n forum is nou juist dat je elkaar op dat soort foutjes kunt wijzen.

En dat je een grapje kan herkennen maar ik zal dat de volgende keer wel achterwege late..

En wat betreft de vraag als ik hem open krijg ik het plaatje in het midden te zien maar wel helemaal aan de bovenkant. Dus is mijn vraag aan jou, hoe wil je hem in het midden hebben?? Of misschien gespreid??

geenID · 12 mrt 2010

antwoord

ik bedoel, de tekst (home, over ons etc.) precies op het plaatje, bovenaan in het midden staat. Snap je?
En dan het plaatje verticaal gespreid , zodat je een menu krijgt, met een plaatje eronder

Goeroeboeroe · 12 mrt 2010

vreugde zei:
En dat je een grapje kan herkennen maar ik zal dat de volgende keer wel achterwege late..

<offtopic>Ik had uit de smiley begrepen dat je 't serieus bedoelde. Je kan 'm inderdaad ook als lachend zien. Als grapje kan ik 't wel waarderen.</offtopic>

vreugde · 12 mrt 2010

Goeroeboeroe zei:
<offtopic>Ik had uit de smiley begrepen dat je 't serieus bedoelde. Je kan 'm inderdaad ook als lachend zien. Als grapje kan ik 't wel waarderen.</offtopic>

<offtopic> Ow gelukkig maar niet dat je denk dat ik je afkraak of wat dan ook

</offtopic>

En dan weer terug op de vraag: Je moet je tabel een bepaalde grootte geven (zo groot als je wil) en deze dan centeren, dus als voorbeeld een tabel van 100 pixels groot:

Code:

<table width="100px" align="center">

Of een tabel met een grootte van 50%:

Code:

<table width="50%" align="center">

De achtergrond spreiden durf ik zo niet te zeggen zal je zelf moete opzoeken, want meten is weten en daarbij is google je beste vriend

groeten vreugde

geenID · 12 mrt 2010

gelukt, en andere vraag

bedankt vreugde, want het is gelukt. Ik heb nu het plaatje in het midden, maar nu heb ik iets anders ondekt;

TUSSEN het 1e frame, en het 2e frame, staat een verticale lijn. (Zie afbeelding in bijlagen)
Deze kan je verplaatsen, Maar het is natuurlijk niet de bedoeling dat bezoekers van de website deze kunnen verplaatsen. Daarom is mijn vraag:

Hoe kan je ervoor zorgen, dat je deze lijn, NIET verplaatsen kan?

vreugde · 12 mrt 2010

Je moet hiervoor gebruik maken van noresize in de frame-tag.

HTML:

<frameset cols="25%,50%,25%">
  <frame noresize="noresize" src="frame_a.htm" />
</frameset>

Voor meer informatie hierover kijk naar de volgende link
http://www.w3schools.com/tags/att_frame_noresize.asp

groeten vreugde

geenID · 12 mrt 2010

gelukt, nieuwe vraag

Bedankt man, het werk

Maar kheb alweer (lol) een vraag, de laatste

De alink + vlink werken niet. Hoe komt dat? (Kijk bij bijlage)

csshunter · 13 mrt 2010

Hoi geenID,
Ik hoef de bijlage niet eens te openen

:

De eigenschappen alink en vlink zijn al meer dan 10 jaar ongeldige ("deprecated" = afgekeurde) html.
Zie de eigenschappen voor het <body>-element in de specificatie van html4.01 (van 24 December 1999).

Met vriendelijke groet,
CSShunter

PS: Oeps, <center> is ook afgekeurd.
En <marquee> eigenlijk ook, hoewel sommige browsers er mee om kunnen gaan.

PS-2: Als dit je eerste site is en je niet alle codes toevallig geraden hebt, dan klopt het gebruikte lesmateriaal kennelijk niet: is zwaar verouderd en leert fouten aan!

Aanbevolen: www.web-garden.be/cursus-html/cursus-html.

Naarling · 13 mrt 2010

csshunter zei:
En <marquee> eigenlijk ook, hoewel sommige browsers er mee om kunnen gaan.

Dee meeste toch nog wel dacht ik? Het is alleen meestal vrij irritant.

geenID · 13 mrt 2010

antwoord

csshunter zei:
Hoi geenID,
Ik hoef de bijlage niet eens te openen :

De eigenschappen alink en vlink zijn al meer dan 10 jaar ongeldige ("deprecated" = afgekeurde) html.

Zie de eigenschappen voor het <body>-element in de specificatie van html4.01 (van 24 December 1999).

Met vriendelijke groet,
CSShunter

PS: Oeps, <center> is ook afgekeurd.
En <marquee> eigenlijk ook, hoewel sommige browsers er mee om kunnen gaan.

PS-2: Als dit je eerste site is en je niet alle codes toevallig geraden hebt, dan klopt het gebruikte lesmateriaal kennelijk niet: is zwaar verouderd en leert fouten aan!
Aanbevolen: www.web-garden.be/cursus-html/cursus-html.

Jammer dat dit oude codes zijn, begin het eindelijk een beetje te begrijpen

Ik google gewoon wat naar online-html curcussen. Daar haal ik me kennis vandaan

Maar kan ik gewoon de Vlink .. etc gebruiken, OF raad je me aan om de nieuwe codes en css te leren?

ps; bedankt voor de site

HTML - afbeelding in het midden?

Gebruiker

Meubilair

Gebruiker

Gebruiker

Gebruiker

Meubilair

Terugkerende gebruiker

Gebruiker

Terugkerende gebruiker

Gebruiker

Gebruiker

Gebruiker

Terugkerende gebruiker

Gebruiker

Gebruiker

Gebruiker

Gebruiker

Meubilair

Terugkerende gebruiker

Gebruiker

Wij waarderen jouw privacy