CSS - vraag

arakanGa · 25 dec 2007

Beste,

Nochtans heb ik het volgende ingesteld:

<html>
<head>
<title>Oefening</title>
<style type="text/css">
body{
background-image:url("fire.jpg");
background-attachment:fixed;
background-position:100% 0%;
background-color:black;
background-repeat:no-repeat;
div{
background-image:url("bg.jpg");
background-repeat:none;
background-attachment:fixed;
background-position:0 0;
position:absolute;
background-color:red;
top:50px;
left:140px;
width:500px;
background-color:#b94e15;
color:#ffc;
}
</style>
</head>
<body>
<div>

test tes test...etc

</div>
</body>
</html>

wat doe ik verkeerd? De bedoeling is immers dat die test in een apart rood vak terecht komt..

Johantrax · 25 dec 2007

Code:

div{
background-image:url("bg.jpg");
background-repeat:none;
background-attachment:fixed;
background-position:0 0;
position:absolute;
background-color:red;
top:50px;
left:140px;
width:500px;
[COLOR="Red"]background-color:#b94e15;[/COLOR]
color:#ffc;
[B][COLOR="Green"]}[/COLOR][/B]
</style>
</head>
<body>
<div>

Je hoeft maar 1 keer een achtergrondkleur voor de div in te stellen, nu wordt de waarde van rood overschreven door #b94e15.

En in je css dien je elk block dat geopend wordt ook te sluiten, dus de sluitaccolade voor de div even toevoegen.

Dan nog 2 dingen, los van je probleem:
als je in het vervolg code post gelieve dan een van de volgende structuren te gebruiken:
*

Code:

code

*

HTML:

html

*

PHP:

php

En images die groter zijn dan de layout worden best als gelinkte thumb geplaatst, verhoogt de leesbaarheid wat

--Johan

CSS - vraag

arakanGa

Gebruiker

Johantrax

Terugkerende gebruiker

Nieuwste berichten

Wij waarderen jouw privacy