ik heb een klein probleempje. ik ben pas geleden begonnen met een website te maken bij byethost. ik krijg hulp van een paar vrienden van me, alleen nu heb ik een vraagje die ze niet konden beantwoorden.
ik heb zelf een hele pagina ontworpen dat er aardig goed uit ziet, alleen 1 probleempje.
dit is mijn link:
purers.byethost16.com
zoals je ziet, zie je mijn plaatje. het probleem is dat ik er geen tekst overheen kan zetten!
ik heb het op google allemaal al proberen te vinden, en heb ook wel een paar sites gevonden die het uitlegde, alleen het werkte alsmaar niet! weet iemand het probleem om op te lossen?
buiten die vraag heb ik ook nog een ander klein vraagje.
je ziet dat om het plaatje nogsteeds witte randen zitten. hij kan ik ervoor zorgen dat het plaatje heel de pagina bedekt?
nouja hopelijk begrijpen jullie me, ik ben nog maar nieuw maar heb echt hulp nodig!
bedankt!
Je kan met div's werken. Je plaatst dan een afbeelding in een div met daarover nog een floating div met tekst in. Die div komt dan over de andere div te staan.
Wat titjes aangeeft kan werken, maar dat is waarschijnlijk iets te hoog gegrepen. Simpeler is om het plaatje als achtergrond te gebruiken. Een achtergrond word gezien als opmaak, en opmaak in een HTML pagina kun je het beste in een apart bestand zetten. Zo'n bestand heet een CSS-stylesheet. Dat is dus eigenlijk een bestand waarin je bepaalt welke achtergrond er gebruikt moet worden, maar ook dingen als lettertype kun je er in bepalen.
Een voorbeeldje van wat voor jou zou werken is ongeveer het volgende.
<html>
<head>
<title>PureRS - Be a REAL pure</title>
</head>
<link rel="stylesheet" href="style.css" type="text/css">
<body>
<div id="alle_inhoud">
<div id="tekstuele_inhoud">
Kijk, dit staat op de goede plek!
</div>
</div>
</body>
</html>
Wat je nu zult zien, is dat de tekst in het midden van de pagina staat. Dat hebben we gedaan door het je plaatje als achtergond in te stellen van de HTML-tag "div", met het id "alle_inhoud". Dit zie je in de CSS terugkomen als "div#alle_inhoud". Vervolgens geven we daar een viertal eigenschappen aan mee, namelijk width (de breedte), height (de hoogte), background-image (welk plaatje we gebruiken) en background-repeat (of de achtergrond zich moet blijven herhalen als de pagina groter wordt).
Voor de HTML-tag "div" met het id "tekstuele_inhoud" geven we vervolgens een aantal andere eigenschappen op. Namelijk hoe we de positie aan willen geven, in dit geval is dat "relative". Dat wil zeggen dat de volgende eigenschappen invloed hebben op de positie waar het element in eerste instantie zou staan. De volgende eigenschappen zijn "top" en "left", dat zijn het aantal pixels dat het element moet verschuiven vanaf de originele positie. Als laatste hebben we nog "width", zodat de tekst niet aan de rechterkant over de achtergrond heen zal gaan lopen als een zin te lang is.
Voor meer informatie over CSS verwijs ik je door naar deze tutorial op deze website.
Wat titjes aangeeft kan werken, maar dat is waarschijnlijk iets te hoog gegrepen. Simpeler is om het plaatje als achtergrond te gebruiken. Een achtergrond word gezien als opmaak, en opmaak in een HTML pagina kun je het beste in een apart bestand zetten. Zo'n bestand heet een CSS-stylesheet. Dat is dus eigenlijk een bestand waarin je bepaalt welke achtergrond er gebruikt moet worden, maar ook dingen als lettertype kun je er in bepalen.
Een voorbeeldje van wat voor jou zou werken is ongeveer het volgende.
Gebruik deze HTML:
[..code..]
En het volgende zet je in een apart bestand, en dit bestand moet je style.css noemen (vergeet het niet te uploaden naar de website ;)).
[..code..]
Wat je nu zult zien, is dat de tekst in het midden van de pagina staat. Dat hebben we gedaan door het je plaatje als achtergond in te stellen van de HTML-tag "div", met het id "alle_inhoud". Dit zie je in de CSS terugkomen als "div#alle_inhoud". Vervolgens geven we daar een viertal eigenschappen aan mee, namelijk width (de breedte), height (de hoogte), background-image (welk plaatje we gebruiken) en background-repeat (of de achtergrond zich moet blijven herhalen als de pagina groter wordt).
Voor de HTML-tag "div" met het id "tekstuele_inhoud" geven we vervolgens een aantal andere eigenschappen op. Namelijk hoe we de positie aan willen geven, in dit geval is dat "relative". Dat wil zeggen dat de volgende eigenschappen invloed hebben op de positie waar het element in eerste instantie zou staan. De volgende eigenschappen zijn "top" en "left", dat zijn het aantal pixels dat het element moet verschuiven vanaf de originele positie. Als laatste hebben we nog "width", zodat de tekst niet aan de rechterkant over de achtergrond heen zal gaan lopen als een zin te lang is.
Voor meer informatie over CSS verwijs ik je door naar deze tutorial op deze website.
bedankt, je hebt me al een aardig eind geholpen.
alleen ik snap nog 2 kleine dingetjes niet.
1. het plaatje staat er nu, alleen de rechterkant is nog helemaal wit. moet ik het plaatje dan breeder maken? zoja, hoe?
2. toen ik een stukje tekst schreef komt het linksboven te staan, hoe kan ik nou een andere positie bepalen waar het moet staan?
misschien zijn het nog al simpele vragen voor jullie, maar ik ben er nog nieuw in dus ik probeer het te leren
1. Ja, dan moet je hem groter maken totdat hij over je scherm past. Je krijgt dan wel problemen met mensen met een andere resolutie, dus je kan misschien het beste de max resolutie nemen zodat hij bij iedereen goed is
als je de pixels aanpast naar iets anders, komt hij op een andere plek te staan. Ik weet niet hoe groot jou resolutie scherm is maar je kan het aanpassen totdat je tevreden bent.
ik heb het plaatje groter gemaakt, maar hierdoor zit ik weer met een nieuw probleem.
ik heb de html script van timmie verandert:
div#alle_inhoud { width: 800px; height: 800px; background-image: url(./bg3.gif); background-repeat: no-repeat;}
hetgene wat ik verandert heb is: background-image: url(./bredere bg.gif); alleen het werkt niet
wat doe ik verkeerd?