Converting this to css.....

Hey...

This is probably the same situation like all my other questions..

So i have a plan to so people can choose there style sheet =D

But to do this, i need to convert these images into css..

I have done most of it already, but image wont display for some stupid reason..

Here is the html i need in css:

Code: Select all

         <img src="images/[_db.gif" align="left" height="450" style="position:absolute; left:10%;" />
         <img src="images/]_db.gif" align="right" height="450" style="position:absolute; right:10%;" />

I have tried and tried but it just wont work.
I need it in pure css, so im just left with <div id="example" class="example">

I have done this, and it just wont work =[

Code: Select all

.example {

background: #ffffff url ('../images/[_db.gif');
background-position: absolute; left: 10%; top:220px;
background-repeat: no-repeat; 
z-index:0;
}

Basically i dont see anything, or if i fidle around a bit i gte half the image -.-''

I know its going to be a stupid mistake like the last few times.. but please tell me i cannot see it =[

you wrote example as a class. Remove id="example" code and that will probably work.

Hey,

You havent indicated whether there is going to be any content in the div, but the background image declared in the css will not count as content for the div.
You will need to assign a width and height for the div if you need to display the entire image.

As kudos says, put in the height and width of the div.

Code: Select all

.example {
background: #ffffff url ('../images/[_db.gif');
background-position: absolute; left: 10%; top:220px;
background-repeat: no-repeat; 
z-index:0;
height: 450px;
width: 400px;
}

Change the values to your own and try it.

__________________
Jack Franklin - Webforumz Moderator
(x)HTML | CSS | PHP | MySQL | JQuery (Javascript)
Contact: My Blog | Twitter | Delicious
Want Lessons? PM me.
If you think I've helped, please press the 'Thanks' Button.