Hoe krijg ik een afbeelding op een gewenste positie?

Status
Niet open voor verdere reacties.
T

Tijger81

Gebruiker
Lid geworden
2 jan 2010
Berichten
397
Hallo, Ik ben een beginneling met html en heb wat vragen:
* Hoe krijg ik een afbeelding als achtergrond die de gehele pagina vult? Ik heb nu dit:
<Body background=achtergrond.png no-repeat center center fixed> Maar dit werkt niet. De afbeelding wordt herhaald of moet ik gewoon een afbeelding nemen die dezelfde afmeting heeft als een scherm?

* Hoe krijg ik een kleine afbeelding op een gewenste positie op de pagina:? Heb nu dit:
<A HREF=index2.html><IMG Border=5
SRC="dd.png"></A><BR>
Door op de afbeelding te klikken opent een andere pagina, maar hoe geef ik de afbeelding mijn gewenste positie? Ik heb iets gevonde met Align alleen dan is het helemaal links, rechts of center.

*Hoe krijg ik een exe. geopend zonder toestemmingsschermpje, dus dat de exe gewoon meteen opent.
<A HREF="FastStone\F.exe"><IMG Border=5
SRC=fastone.png"></A><BR>

Tegen deze problemen loop ik op.
Wie kan mij op weg helpen?
 
<Body style=" background-image: url(achtergrond.png); center center no-repeat; background-position:fixed;">
Zo kan je css gebruiken binnen html, ik zal je aanraden om Hier even te kijken en een aparte style sheet aanmaken.
Een exe openen zonder toegang schermpje is volgens mij niet mogelijk. ivm virussen
 
Welke gedeelte is dan Css binnen de code? En roept het geen conflicten op als ik htlm en css gebruik? wordt dat vaak gedaan, normaal.
Heeft css dan eigenlijk meer mogelijkheden dan html?
 
<A HREF=index2.html><IMG Border=5
SRC="dd.png"></A><BR>
IMG
{
position:absolute;
left:100px;
top:150px;
}
</A><BR>

Wat doe ik fout? De dd.png afbeelding gaat niet op de gewenste positie staan van 100 px naar links en 150 pixels omlaag.
 
Ik was nog aan het antwoorden maar moest tussen door eten, over een klein halfuurtje stuur ik je een heel script waar alles instaat
 
Css kan je zien al een uitbreiding op html, het zorgt juist niet voor conflicten.
Plaats hetvolgende in je html bestand:
<html>
<head>
<link rel="stylesheet" href="./style.css"/>
</head>
<body>
<a href="index2.html"><img Border=5
src="dd.png"></A><BR>
</body>
</html>

Plaats dit in je css bestand:
body{
background-image: url(afbeelding.png);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
img
{
position:absolute;
left:100px;
top:150px;
}

als het goed is moet dit werken
 
En zorg ervoor dat je op elke html pagina
<head>
<link rel="stylesheet" href="./style.css"/>
</head>
zet.
 
aha, de style.css zorgt voor een opmaak stijl binnen mijn html.
Maar wat doet dit gedeelte?
}
img
{
position:absolute;
left:100px;
top:150px;
}
 
Eigenlijk zorgt het ervoor dat elke afbeelding op die positie wordt geplaatst, om alleen die afbeelding daar te plaatsen zou je een id of class toe moeten voegen
 
Dank je wel voor je bericht. Oke dat werkt nu. Stel ik wil 3 afbeeldingen naast elkaar met 1cm tussenruimte. Startend vanaf 100 bij 150 pixel. Hoe en waar plaats ik de id of class dan? Wel in de style.css toch
 
dan doe je in je html:
<html>
<head>
<link rel="stylesheet" href="./style.css"/>
</head>
<body>
<a href="index2.html"><img id="1" Border=5
src="dd.png"></A>
<a href="index2.html"><img id="2" Border=5
src="dd.png"></A>
<a href="index2.html"><img id="3" Border=5
src="dd.png"></A>
</body>
</html>

en dan doe je in je css:

#afbeelding1
{
position:absolute;
left:100px;
top:150px;
}
#afbeelding2
{
position:absolute;
left:200px;
top:150px;
}
#afbeelding3
{
position:absolute;
left:300px;
top:150px;
}

Je moet alleen in de css bij left de breedte van je afbeelding toevoegen, daar kom je vast wel achter
 
Gelukt. Weet jij toevallig ook met welke html of css code ik de site afmetingen instel? Bijvoorbeeld 800 bij 600 pixels.
 
Volgens mij verschilt dat per beeldscherm, of je moet met width en height gaan werken in css.
 
Ik dacht dat je een soort frame kon instellen van 800bij 600 en dat daarbinnen je codes gaan vallen
 
Maak in je HTML een DIV aan met als (CSS) eigenschappen een breedte van 800px en een hoogte van 600px en plaats daarbinnen je content.
 
Dank voor je antwoord. Maar hoe ziet dat eruit in code.
<div> weight=800px hight=600px
</div>
Ik ben een beginneling, zoals je ziet.
 
Dank voor je antwoord. Maar hoe ziet dat eruit in code.
Html
<div> 'pagina'
<\div>

Css
# pagina
weight=800px hight=600px

Ik ben een beginneling, zoals je ziet.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan