Topic: image class question Pages that link to <a href="https://ozoneasylum.com/backlink?for=10702" title="Pages that link to Topic: image class question" rel="nofollow" >Topic: image class question\

 
Author Thread
Ap0s7le
Nervous Wreck (II) Inmate

From: Louisville, KY
Insane since: Mar 2002

IP logged posted posted 03-30-2002 14:39 Edit Quote

Yo guys, couple questions for ya

Is there a way in CSS, to specify an image to be shown?
Not as in a background, but just the top logo which will be in some tables...

Also, I would like to have a link to switch between style sheets...
how do I go about this? I've been looking for the past couple of days but can't seem to find the right keywords to turn up anything useful... well useful for this question anyhow <g>

the reason for the logo is so when I switch style sheets it automatically changes the logo as well etc...

Thanks, I truly appreciate any and all help


kuckus
Bipolar (III) Inmate

From: Berlin (almost)
Insane since: Dec 2001

IP logged posted posted 03-30-2002 15:17 Edit Quote

For the logo: Put a <div> in the place where it should be shown and set its width and height to the logo's width and height. Then, you add an ID to the div, like <div id="logo">, and in your style sheet file, you specify a background-image for that div, like #logo { background-image: url("mylogo.jpg"); width: 500px; height: 200px; }.

Style swintching info: http://www.alistapart.com/stories/n4switch/ or http://www.alistapart.com/stories/alternate/

kuckus

Ap0s7le
Nervous Wreck (II) Inmate

From: Louisville, KY
Insane since: Mar 2002

IP logged posted posted 03-31-2002 01:47 Edit Quote

thank you for your time

those sites look like exactly what I need..

now I added what you told me, exactly what you told me so I'm thinking I left something out...
this is only like my 3rd day so I suck lol

so then I jumped in dreamweaver (yes I know, boooo hehe)
and I was looking at things in there, so I started to mess around and ended up with this...

<div id="logo" style="position:absolute; z-index:1; background-image: url(logo.jpg); layer-background-image: url(logo.jpg); border: 1px none #000000; height: 185px; top: 16px; left: 51px"></div>

but when I do it in, it stretches out the table and looks stupid, plus no image appears but the size does if you "select all"

any idea what my problem is? besides my stupidity of course <g>

thanks again

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 03-31-2002 04:04 Edit Quote

I think you'll need to post a link so we can see both the code (in its entirety) and the effect on the page.

Personally, I would suggest using an external style sheet as oppposed to inline style declarations - just seems all in all a better method.

Post a link, and I'm sure we can help you a whole lot more

Ap0s7le
Nervous Wreck (II) Inmate

From: Louisville, KY
Insane since: Mar 2002

IP logged posted posted 03-31-2002 06:01 Edit Quote

Hey DL, I've been stalking err, watching you for a long time
I hate giving out the URL, I'm rather ashamed of the logo, it's
not one that's staying up by any means, it just helps me layout
things as I go to have a visual aid, even if it does hurt the eyes
http://www.ap0s7le.com/lsrealtor/new.html
that's the page...

and the CSS is external http://www.ap0s7le.com/lsrealtor/css/green.css

thanks for your help



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu