abonnement Unibet Coolblue Bitvavo
pi_157163466
Beste FOK!ers,

Na een jaar niet ge-php'ed, ge-html'ed, ge-javascript'ed of ge-css'ed te hebben, ben ik weer bezig. Daarom dus deze wat makkelijke vraag. Ik heb de volgende code in mijn stijlblad:

<style>
Body {
background-image: url("achtergrond.png");
}
</style>

Mij lijkt dit een goede stuk code, maar het werkt niet. Weet de FOK!er wat niet klopt? Bij voorbaat dank!
  woensdag 28 oktober 2015 @ 18:49:30 #2
118011 BrainOverfloW
Fok! around the Clock!
pi_157164099
Code lijkt goed te zijn, al is de hoofdletter B bij body niet helemaal netjes. Staat de afbeelding wel bij in dezelfde map?

We hebben ook een centraal HTML/CSS/JS topic: DIG / [HTML, CSS, JS] Frontend #44: 0 === -0
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
pi_157165278
quote:
0s.gif Op woensdag 28 oktober 2015 18:49 schreef BrainOverfloW het volgende:
Code lijkt goed te zijn, al is de hoofdletter B bij body niet helemaal netjes. Staat de afbeelding wel bij in dezelfde map?

We hebben ook een centraal HTML/CSS/JS topic: DIG / [HTML, CSS, JS] Frontend #44: 0 === -0
Bedankt voor de link! De B staat gewoon als kleine letter in het systeem, mijn mobiel zette hem als hoofdletter in FOK!.
En de afbeelding staat ook in dezelfde map.

Weet je anders wat wél het probleem is?
  woensdag 28 oktober 2015 @ 19:42:08 #4
118011 BrainOverfloW
Fok! around the Clock!
pi_157165662
quote:
1s.gif Op woensdag 28 oktober 2015 19:29 schreef grotenaz het volgende:

[..]

Bedankt voor de link! De B staat gewoon als kleine letter in het systeem, mijn mobiel zette hem als hoofdletter in FOK!.
En de afbeelding staat ook in dezelfde map.

Weet je anders wat wél het probleem is?
Als ik de code kopieer in een eigen bestandje gaat dat goed. Dus aan die code zelf ligt het niet.

Het plaatje is ook een .png en niet bijvoorbeeld een .jpg?
Of wordt de achtergrond door een latere stijlregel overschreven?

Vul je adresbalk eens aan met achtergrond.png. Dus als je op localhost zit open je http://localhost/achtergrond.png. Dan kun je zien of je browser wel het plaatje pakt.

Je hebt het over je stijlblad, dus je code zit in een los .css bestand? Is die goed ingeladen? Heb je die <style> tags bij in je css bestand staan? Want die horen daar niet. Dat is alleen voor als je stijlen in je html bestand wilt invoeren.

[ Bericht 5% gewijzigd door BrainOverfloW op 28-10-2015 19:47:52 ]
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
pi_157166091
quote:
0s.gif Op woensdag 28 oktober 2015 19:42 schreef BrainOverfloW het volgende:

[..]

Als ik de code kopieer in een eigen bestandje gaat dat goed. Dus aan die code zelf ligt het niet.

Het plaatje is ook een .png en niet bijvoorbeeld een .jpg?
Of wordt de achtergrond door een latere stijlregel overschreven?

Vul je adresbalk eens aan met achtergrond.png. Dus als je op localhost zit open je http://localhost/achtergrond.png. Dan kun je zien of je browser wel het plaatje pakt.

Je hebt het over je stijlblad, dus je code zit in een los .css bestand? Is die goed ingeladen? Heb je die <style> tags bij in je css bestand staan? Want die horen daar niet. Dat is alleen voor als je stijlen in je html bestand wilt invoeren.
Thanks! Ik snap 'm nu. Het waren de <style> tags.
Mijn <head> gedeelte ziet er nu zo uit:

<head>
<link rel="stylesheet" href="stijlblad.css">
</head>

Klopt het als ik 'm aanpas? (Ik wil het nu wel aanpassen en kijken of het werkt, maar kan het nu niet aanpassen, dus vandaar.)
  woensdag 28 oktober 2015 @ 20:06:34 #6
118011 BrainOverfloW
Fok! around the Clock!
pi_157166341
Die lijkt zo inderdaad te kloppen.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
pi_157167696
quote:
0s.gif Op woensdag 28 oktober 2015 20:06 schreef BrainOverfloW het volgende:
Die lijkt zo inderdaad te kloppen.
Thanks man, hij doet het! Ik heb nog een vraagje:
Sommige websites (denk aan NU.nl, GeenStijl.nl) hebben een pagina indeling met een achtergrond en alleen in het midden inhoud/artikelen, als je begrijpt wat ik bedoel. Ik kende vroeger de code om dit te doen, maar ben na een programmerloze periode de code vergeten. Klopt het dat de <frame> tag de juiste tag is?
Enige kans dat jij (of een andere FOK!er) mij kan helpen? Bij voorbaat dank
  woensdag 28 oktober 2015 @ 20:44:33 #8
134533 donroyco
dus niet Donroyco
pi_157167784
-edit-
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_157168283
Inmiddels weet ik dat het wél de <frame> tag is. Maar het enige probleem waar ik nog tegen aanloop is het volgende:
Ik heb 3 verticale rijen. De bedoeling is dat alleen in de middelste rij inhoud staat en de twee rijen aan de zijkant alleen voor de achtergrond genruikt worden. De achtergrond is rood. Maar hoe zorg ik er dan voor dat de middelste rij geen rode achtergrond krijgt?
  woensdag 28 oktober 2015 @ 20:59:18 #10
118011 BrainOverfloW
Fok! around the Clock!
pi_157168368
quote:
1s.gif Op woensdag 28 oktober 2015 20:41 schreef grotenaz het volgende:

[..]

Thanks man, hij doet het! Ik heb nog een vraagje:
Sommige websites (denk aan NU.nl, GeenStijl.nl) hebben een pagina indeling met een achtergrond en alleen in het midden inhoud/artikelen, als je begrijpt wat ik bedoel. Ik kende vroeger de code om dit te doen, maar ben na een programmerloze periode de code vergeten. Klopt het dat de <frame> tag de juiste tag is?
Enige kans dat jij (of een andere FOK!er) mij kan helpen? Bij voorbaat dank
Wat je zoekt is een <div> tag die je vervolgens met css een breedte en positie op de pagina geeft.

Ik zit momenteel niet meer achter m'n computer dus kan er zo geen precies voorbeeld van schrijven.

Zoek ook even wat html/css tutorials om je geheugen wat op te frissen. In de OP van het centrale topic staan er geloof ik wel een paar.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
pi_157169127
quote:
1s.gif Op woensdag 28 oktober 2015 20:59 schreef BrainOverfloW het volgende:

[..]

Wat je zoekt is een <div> tag die je vervolgens met css een breedte en positie op de pagina geeft.

Ik zit momenteel niet meer achter m'n computer dus kan er zo geen precies voorbeeld van schrijven.

Zoek ook even wat html/css tutorials om je geheugen wat op te frissen. In de OP van het centrale topic staan er geloof ik wel een paar.
Ik heb nu de <div> tag gebruikt, lukt nu wel, maar wil niet naar het midden. De code uit het stijlblad:

.frame {
width: 40%;
background-color: #FFFFFF;
align: center;
}

De code uit het bestand:

<head>
<link rel="stylesheet" href="stijlblad.css">
</head>
<body>
<div class="frame" align="center">
/* Hier komt de tekst in een kolom bij een goedwerkende code */
</div>
</body>
  woensdag 28 oktober 2015 @ 21:30:08 #12
118011 BrainOverfloW
Fok! around the Clock!
pi_157169689
quote:
1s.gif Op woensdag 28 oktober 2015 21:17 schreef grotenaz het volgende:

[..]

Ik heb nu de <div> tag gebruikt, lukt nu wel, maar wil niet naar het midden. De code uit het stijlblad:

.frame {
width: 40%;
background-color: #FFFFFF;
align: center;
}

De code uit het bestand:

<head>
<link rel="stylesheet" href="stijlblad.css">
</head>
<body>
<div class="frame" align="center">
/* Hier komt de tekst in een kolom bij een goedwerkende code */
</div>
</body>
Align is geen css property. Je moet hem van de kant af duwen met "margin: 0 auto". En houd je stijlen in je stylesheet ipv inline.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
pi_157171159
quote:
1s.gif Op woensdag 28 oktober 2015 21:30 schreef BrainOverfloW het volgende:

[..]

Align is geen css property. Je moet hem van de kant af duwen met "margin: 0 auto". En houd je stijlen in je stylesheet ipv inline.
Het is me nu gelukt om het in het midden re krijgen. Als ik morgen tussen de toetsen door nog tijd vind om de puntjes op de i te zetten heb ik een vaste pagina indeling.
  donderdag 29 oktober 2015 @ 07:07:30 #14
65252 Bart
Slecht voor de gezondheid
pi_157176783
^O^
Ga dan vooral verder in DIG / [HTML, CSS, JS] Frontend #44: 0 === -0
Daar zitten de experts bij elkaar ;).
I have the cape. I make the fucking Whoosh noise.
Op donderdag 12 juli 2012 19:56 schreef Lithia het volgende:
Ik durf hier niets over te zeggen. Bart is koning hier.
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')