afbeelding niet op achtergrond website

[Pablo11392]

Hallo luitjes,

Ik ben bezig met html leren etc en nu wilde ik als achtergrond een plaatje hebben, waarover mijn tekst etc komt.
Nu ik dit ingevoerd heb en de pagina heb ververst gebeurt er dus niets... Ik heb al op google gekeken wat de codes hiervoor zijn en overal staan dezelfde, maar bij mij gebeurt er niets...

ik heb het als volgt staan:

body
{
background-image: url (gladiator.gif);
}

waar ik net achter kom, is dat als ik dubbel klik op de afbeelding (dan opent die deze dus in mijn browser) dan krijg ik een rood kruis te zien.... Andere afbeeldingen hebben dit niet. Heeft dit misschien te maken met de vele kleuren of de grootte van mijn afbeelding?

[ Voor 25% gewijzigd door Pablo11392 op 03-11-2010 21:27 ]

[Matis]

Als je jouw code vergelijkt met de code op http://www.w3schools.com/css/pr_background-image.asp
Dan zie je misschien waar het fout gaat

Cascading Stylesheet:

/* niet werkend */
body
{
background-image: url (gladiator.gif);
}
/* wel werkend */
body
{
background-image:url('paper.gif');
}

[ Voor 36% gewijzigd door Matis op 03-11-2010 21:26 ]

[Pablo11392]

Matis schreef op woensdag 03 november 2010 @ 21:25:
Als je jouw code vergelijkt met de code op http://www.w3schools.com/css/pr_background-image.asp
Dan zie je misschien waar het fout gaat

Cascading Stylesheet:

/* niet werkend */
body
{
background-image: url (gladiator.gif);
}
/* wel werkend */
body
{
background-image:url('paper.gif');
}

In het boek waaruit ik het leer staat het geen eens tussen die zwevende komma's ... dan werkt het ook. Maar de manier die jij zegt werkt dus ook niet bij mij


Hoe krijg je trouwens zo snel die html codes zo hier geplakt?

[CrashOne]

Matis schreef op woensdag 03 november 2010 @ 21:25:
Als je jouw code vergelijkt met de code op http://www.w3schools.com/css/pr_background-image.asp
Dan zie je misschien waar het fout gaat

Cascading Stylesheet:

/* niet werkend */
body
{
background-image: url (gladiator.gif);
}
/* wel werkend */
body
{
background-image:url('paper.gif');
}

Beide mogen, maar het is beter om geen quotes te gebruiken ivm met ondersteuning.

[sjaakwortel]

code:

 [code][/code]

[Verwijderd]

Is het geen 'hoofd-kleine letter' probleem?
Dat het plaatje dus Gladiator.gif heet en je het als gladiator.gif oproept.

[sjaakwortel]

hoofdletters maken volgens mij niets uit, iig de tryit editor doet er niet moeilijk over

[Matis]

sjaakwortel schreef op woensdag 03 november 2010 @ 21:48:
hoofdletters maken volgens mij niets uit, iig de tryit editor doet er niet moeilijk over

Het maakt wel degelijk uit als je op een Linux-machine werkt. Linux is case-sensitive in bestandsnamen, Windows niet.

[Bosmonster]

CrashOne schreef op woensdag 03 november 2010 @ 21:31:
[...]


Beide mogen, maar het is beter om geen wel quotes te gebruiken ivm met ondersteuning.

fixed

De laatste browser die misschien geen quotes ondersteunde was IE4 of 5 ofzo. Nu geen quotes gebruiken geeft je alleen maar potentiele vaagheden met rare tekens of spaties (niet dat die in bestandsnamen zouden moeten zitten, maar toch)

Het lijkt me als de afbeelding uberhaupt niet werkt gewoon een pad- of hoofdletterprobleem.

[ Voor 43% gewijzigd door Bosmonster op 04-11-2010 02:05 ]

[pickboy]

pablo11392 schreef op woensdag 03 november 2010 @ 21:23:
waar ik net achter kom, is dat als ik dubbel klik op de afbeelding (dan opent die deze dus in mijn browser) dan krijg ik een rood kruis te zien.... Andere afbeeldingen hebben dit niet. Heeft dit misschien te maken met de vele kleuren of de grootte van mijn afbeelding?

Dan is het plaatje niet gevonden op de plek waar jij aangaf dat ie moest staan.

Controleer de bestandsnaam en het pad even.

[Pablo11392]

code:

h2 { text-align: center; }
p { text-align: center; }
h1 { text-align: center; }

body {
background-image: url (gladiator.gif);
}

h1, h2 {
color: #719EC0; 
background: black url(gif_map/donker.gif);
word-spacing: -0.1em; letter-spacing: 0.5em;
}

p {
background: #2b7d9b;
}

h1,h2 {
color: #719EC0; 
background: black url(gif_map/donker.gif) no-repeat;
}

p{ 
background: #2b7d9b url(gif_map/licht.gif) repeat-y;
}

zo heb ik het staan. En dat staatdoorgelinkt naar een andere pagina. Verder wilde ik dit plaatje gebruiken als achtergrond:
http://img101.imageshack.us/img101/2131/gladiatorp.jpg

Edit: Ow wat stom zeg....ik zie de fout al. Het is inderdaad niet het juiste pad. Pffff, dat ik daar overheen gekeken heb zeg.

Maar een quote zetten, doe je dat altijd tussen haakjes en alleen bij plaatjes of?

[ Voor 14% gewijzigd door Pablo11392 op 04-11-2010 07:58 ]

[Onbekend]

En post eens de head van jouw website?

Al je de code tussen [code=html][/code] zet, heb je ook meteen kleurtjes.

[ Voor 3% gewijzigd door Onbekend op 04-11-2010 07:58 ]

[Blamm]

code:

background-image: url (gladiator.gif);

Dit gaat er van uit dat de afbeelding met de naam 'gladiator.gif' in dezelfde map als het bestand staat waar de CSS code in zit. Is dit het geval?
Ik zie bovendien dat het imageshack plaatje gladiator.jpg heet, heeft dat er iets mee te maken?

[Pablo11392]

mijn website staat niet online en is alleen om mee te oefenen (voor zover).

Na het juiste pad ingevoerd te hebben werkte het nog steeds niet, maar na het verwijderen van de opgegeven kleuren die in mijn post hierboven stonden: de kleur black, welke achter background staat ingevoerd van de h1,h2 code. Is het eindelijk verholpen! HOEZEE.

Nu echter een ander probleempje...
Ik wilde muziek toevoegen als achtergrond muziek. Misschien niet ideaal, maar het is om te oefenen.
Nu heb ik dit op google opgezocht wat de codes hiervan zijn. Als ik dus het automatisch af wil laten spelen zonder dat je het kleine play/pauze balkje ziet, werkte niet. Het niet automatisch af laten spelen, maar wel het zichtbare balkje werkt ook niet helemaal. Ik zie namelijk een zwart blokje met een blauwe cirkel van quicktime met een wit vraagteken erin... het zal wel te maken hebben met quicktime, maar die is up to date.

[sVerkuil]

Als je inderdaad muziek af wilt laten spelen kan je het laten afspelen in de header, dus dan zet je een tag ind de header van het bestand neer. Ik weet niet precies om welke code het gaat, maar in ieder geval werkt het alleen maar in IE, en niet in FF of andere (voor zover ik weet)

Hoewel ik net een methode heb gevonden

HTML:

<embed name="lostmojo"
src="/web_design/lostmojo.wav"
loop="false"
hidden="true"
autostart="true">
</embed>

Deze werkt wel in FireFox, en kan gewoon in de body tags.

[ Voor 5% gewijzigd door sVerkuil op 04-11-2010 08:17 ]

[Bosmonster]

Gebruik dan gewoon de audio-tag/flash fallback

http://www.schillmania.com/projects/soundmanager2/

[ Voor 7% gewijzigd door Bosmonster op 04-11-2010 10:08 ]

[MueR]

Maak voor dat andere probleempje maar een nieuw topic. Zorg er in het vervolg ook voor dat je zelf wat aan debugging doet. Hoofdletters/verkeerde paden zijn echt het meest basale debugspul. We hebben je nu meer dan eens gewaarschuwd dat we hier een hoger niveau verwachten. Dat gaan we niet nogmaals doen. Zorg dat je meer inzet toont.