| Durham_UK |
| (new user ) |
| Mon Jan 17 2005 05:26 PM |
CSS
|
Hi
I am new to CSS and have got into a mess simply on how to display background images.
.image_vectras {
position: absolute;
height: 300px;
width: 580px;
left: 400px;
top: 150px;
border: 1px inset;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
overflow: auto;
background-attachment: scroll;
background-repeat: no-repeat;
background-image: url(vehicles/cars/vauxhall/vec_blk_1.png);
}
.image_daewoos {
position: absolute;
height: 300px;
width: 580px;
left: 400px;
top: 150px;
border: 1px inset;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
overflow: auto;
background-attachment: scroll;
background-repeat: no-repeat;
background-image: url(vehicles/cars/daewoo/slv_mat1.png);
}
i have ended up with the above code and the only difference is the background image..what should i do to reduced the code size cos its ended up bigger than the original HTML code lol
Regards
Propa boo i tell thee...
| bananasfalklands |
| (regular) |
| Mon Jan 17 2005 10:54 PM |
|
Re: CSS
|
I've not checked you code but what browser ? are you aiming for ?
If I recall you (and your users) have to turn preferences stuff on in Ie (and restart) and in mozilla enable something with this kind of stuff.
Thats my experience with css and images I did one image for the screen and one when it is being printed. I don't do a lot with css and images for this reason.
Weblogs can also help.
a webpage http://uk.geocities.com/sjwest01 (with photo picture)
We cannot all be masters, nor all masters Cannot be truly follow’d.
Othello. ACT I Scene 1.
blog: http://bananasfk.blogspot.com
| longplay |
| (regular) |
| Tue Jan 18 2005 04:32 PM |
|
Re: CSS
|
Right, try swapping it for:
.image_vectras, .image_daewoos {
position: absolute;
height: 300px;
width: 580px;
left: 400px;
top: 150px;
border: 1px inset;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background: url(vehicles/cars/vauxhall/vec_blk_1.png) no-repeat;
}
.image_daewoos {
background: url(vehicles/cars/daewoo/slv_mat1.png) no-repeat;
}
The Digerati Peninsula - Free Web Articles - Free e-books on choosing a web host and registering a domain name