|
|
|
Durham_UK
new user
Reg'd: Mon
Posts: 1
Loc: Durham UK
|
|
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
Reg'd: Sun
Posts: 580
Loc: Port Stanley, Falklands Island...
|
|
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
Reg'd: Mon
Posts: 266
Loc: UK
|
|
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
|
|
|
Previous
Index
Next
Threaded
Edit
Reply
Quote
