ZBrushCentral

can I get OT here? (CSS-question)

Sorry if this is off topic. You all seem such nice people :stuck_out_tongue_winking_eye: … and doesn’t get any answer from anywhere else, so what the hell.

I’m working on a homepage to publish my artwork at. I’ve encountered some problems with css. So if someone’s good or just a little good at that, please contact me. It’s not something big.

This isn’t anything concerning zbrush so send me a private message about this.

Actually this is EXACTLY the right place to post this…That’s what the Community Forum is for… :wink:
I can’t help you, but I’m sure somebody will be along who can…
:cool:
Oh, and you should Edit your title to reflect what you want to know… :wink:

Great!

And you’re right about my title.

Glad I could help… :wink:

:cool:

put your question here Tjomp, may be someone can answer.

Okay…

I know exactly nothing about css. Got this from someone as a suggestion to make a mouse over effect for images, first I used java-script without any success. Can’t get hold of that person now though.
I think that java was incompatible with other scripts I use.

Anyway… when I use this text (below) I get one image with the wanted effect. But, the same image appears at various illogical places and messes up my page.

All this is placed exactly like this inside the body-part:

<–snip–>

(STYLE TYPE=“text/css”)
a.roll:link { color: green;
background-image:url(“gfx/album/ph-am-1-neg.gif”);
width:57px;
height:35px; }

a.roll:active { color: green;
background-image:url(“gfx/album/ph-am-1-neg.gif”);
width:57px;
height:35px; }

a:roll:visited { color: green;
background-image:url(“gfx/album/ph-am-1-neg.gif”);
width:57px;
height:35px; }

a.roll:hover { color: orange;
background-image:url(“gfx/album/ph-am-1-pos.gif”);
width:57px;
height:35px; }

(/STYLE)

<a href=“gfx/album/ph-am-1.html” class=“roll”></a>

<–snip–>

Questions that pop up is; where am I supposed to place that style-sheet? How do I use this on several different images? There’s problably more to it.

I’m kind of stuck here. So a solution to this is GREATLY appreciated!

Regards,

<edit>
I know the “style-tags” are wrong, I made them like that to be sure they’d show in my post.

Hi
You need to save that style sheet as “style.css” then you call it from your html document like this
<link href=“style.css” rel=“stylesheet” type=“text/css”>
and remeber to put right class for your image.

hope this helps

ok Your Code is correct and can work perfectly.
as said before you have too way to use Css.
1: if you must use that css in many page then save your Css command in external file with extension Css … and call that file into your html code in the “Head” section.

2: you can put that code in you current page, all is in the “Head” section too.

I tested it, your syntaxe is good (after changing your tags of course).

I’m uploading a screenshot to easier explain whats wrong, my english is crappy.

The obvious visual problem in the screenshot remains if I paste the style-sheet into the head-section. I haven’t tryed to make an external .css-file.

New questions… the style-sheet points at certain images for “roll over”. Do I need a new specific sheet for every image with roll over?
What exactly do you meen with class?

—[quote]—

ok Your Code is correct and can work perfectly.
as said before you have too way to use Css.
1: if you must use that css in many page then save your Css command in external file with extension Css … and call that file into your html code in the “Head” section.
2: you can put that code in you current page, all is in the “Head” section too.

I tested it, your syntaxe is good (after changing your tags of course).


Fouad B.

—[quote]—

Hi
With class I mean that you can have different style for everything, images, text, forms. Like this:
<img src=“images.jpg” width="132"height=“103” class=“roll”>

If you like to put your url here I could look your code.

EDIT: you could try this very good program http://www.bradsoft.com/topstyle/index.asp

There’s a lot help inside it

I’ve not uploaded the page yet.

If you have msn or icq you can add me, and I can send you the html-files…

Hi Tjomp I sent you private message

JimKing, got it!

Appreciate all the answers guys, The best to you.

Still not figured it out. Any other suggestions?

Why you don’t use prog who make automaticly this sort of Rollover ?
Any programmation is needing !
Just press button and choose photo :slight_smile:
Pilou
With your example :slight_smile:
roll.zip

Pilou I assume he want’s page to load fast and if you have lot of those rollovers it takes ages to load a page. but I gave him few exapmles to work. Thanks Pilou I thought I was alone here.

JimKing, you’re right about loading time.

Anyway, I found another way to get around the problem. Everythings good now. =)

Soon I will be able to post my homepage’s url here.

Thanks for all the answers.