Ga naar inhoud

Afbeelding in de linkerbovenhoek zetten

MalWare
 Delen

Aanbevolen berichten

MalWare Groentje

MalWare

Geplaatst:
Geplaatst:

Hey,

Ik kamp met een probleempje ik heb een afbeelding ingevoed op zwarte achtergrond nu wil ik deze helemaal vanboven tegen de rand krijgen en dat lukt niet er bijft altijd een strook zwart tussen.

Zou iemand zo vriendelijk willen zijn hier even naar te kijken, aub?

<body>

<div style="background: url(menu.jpg) repeat-x; height: 100px">

<body bgcolor="#000000">

</body>

post-27981-1417704939,1805_thumb.jpg

Mvg,

Malware

jv9090 Grootmeester

jv9090

Geplaatst:
Geplaatst:

Met 'repeat-x' ga je een afbeelding in de horizontaal herhalen. Met repear-y doe je dit verticaal. Met repeat doe je het in alle richtingen en met no-repeat herhaal je niets. Als je de afbeelding dus enkel in de linkerbovenhoek wil, kan je het eens proberen met no-repeat.

MalWare Groentje

MalWare

Geplaatst:
  • Auteur
Geplaatst:

Ja, dat weet ik maar ik moet de afbeelding in de hoek krijgen, als ik repeat-x niet doe is het maar een smal balkje, daarvoor gebruikte ik dus repeat om het uit te rekken. Als het 1 afbeelding is waarvoor ik dan geen repeat hoef te gebruiken kan ik hem dan makkerlijker in de hoek krijgen?

jv9090 Grootmeester

jv9090

Geplaatst:
Geplaatst:

Bedoel je het zoals in bijlage?

[ATTACH=CONFIG]19029[/ATTACH]

De code van title.html ziet er nu als volgt uit:

<html>
<head>

<title>Call of Duty: MW3</title>
</head>
<body>

<div style="background-image: url(menu.jpg); height: 100px; width: 100px; border: 1px solid black;"> </div>



</body>
</html>

Ik heb ook een aantal fouten uit je html-code verwijderd. Zo gebruik je twee keer <body> en sluit je de html-tags niet af.

Ik raad je ook aan om je opmaak te doen in een apart css-bestand. Op deze manier kan je alles overzichtelijker houden. Op volgende website vind je meer info over html en css.

HTML Tutorial

CSS Tutorial

  • 2 maanden later...
SergeMorel Leerling

SergeMorel

Geplaatst:
Geplaatst:

Chrome Developer Tools is hier heel handig voor.

Ik heb het niet getest maar het ziet er naar uit dat je body een margin of padding heeft, de meeste browsers doen dit automatisch.

Zet margin: 0; padding: 0; voor je body element.

ecence Meewerkend lid

ecence

Geplaatst:
Geplaatst: (aangepast)

vergeet ook niet doctype nog eens.

helemaal vooraan:

<!DOCTYPE html>

- Zet de padding wan je body op 0, voor de zekerheid,

- zet daarna ook de margin van je div op 0.

maar je mag natuurlijk ook margin en padding op 0 zetten, bij beide elementen.

aangepast door ecence
 Delen
Ga naar topic overzicht
Logo

OVER ONS

PC Helpforum helpt GRATIS computergebruikers sinds juli 2006. Ons team geeft via het forum professioneel antwoord op uw vragen en probeert uw pc problemen zo snel mogelijk op te lossen. Word lid vandaag, plaats je vraag online en het PC Helpforum-team helpt u graag verder!

SITEMAP

×
×
  • Nieuwe aanmaken...

Belangrijke informatie

We hebben cookies geplaatst op je toestel om deze website voor jou beter te kunnen maken. Je kunt de cookie instellingen aanpassen, anders gaan we er van uit dat het goed is om verder te gaan.