some simple Q's about css

[amitte]

do someone know how to...

 

1.make the color of the border of the image, that is also a link, the color i want it to be?

 

this is the code:

 

 

2.make

• with no Icon?

 

3.put images one on top of the other.. than with z-index to be able to switch between them... (i read about it some where but didnt get the idea)

 

thanks..

[JBall]

do someone know how to...

 

1.make the color of the border of the image, that is also a link, the color i want it to be?

 

this is the code:

 

 

 

a:link img{border: 2px solid #0000FF;}

a:visited img{border: 2px solid #0000FF;}

a:active img{ border: 2px solid #0000FF;}

a:hover img{border: 2px solid #009933;}

 

2.make

• with no Icon?

 

ul { list-style-type: none; }

 

3.put images one on top of the other.. than with z-index to be able to switch between them... (i read about it some where but didnt get the idea)

 

thanks..

 

Are you trying to make rollover effects using just CSS?

[amitte]

yep... i saw one website that explain how that works... but i didnt get the explanation.. it was to fuzzy..

 

u think i should do it with java?/flash?

 

i just dont want to burn time on learning those tools right now...

[JBall]

OK then check out this thread

[amitte]

ok.. i didnt get it.. what should i do? i feel stuck

[falkencreative]

ok.. i didnt get it.. what should i do? i feel stuck

 

This is a better explanation... http://www.wellstyled.com/css-nopreload-rollovers.html

[amitte]

ok thanks.. i will check this out... i'll let u know how it go'es

 

another small Q-

 

when i'm writing text (

ect...) how can i define the space between the rowes?

[Wickham]

Normally by setting a style for all p or h tags:-

 

p, h1, h2, h3, h4, h5, h6 ( margin-top: 8px; }

 

which will apply everywhere

 

or set a class so that you can apply it in just selected places:

p.margintop { margin-top: 8px; }

h1.margintop { margin-top: 10px; }

 

and markup:-

 

Text

Heading

 

Note that you can use the same class description like margintop with different sizes provided you have the element like p or h1 in front of the style.

 

Edit: the above separates a p or h tag top line from the one above. within each p or h tag, for the second and subsequent lines, you have to set a different line-height.

Edited December 29, 2008 by Wickham

[amitte]

hy Benjamin..

 

i read the article... thanks any way... i'll probebly use it in the future..

 

but what i ment to do in my web site is to have a gallery.. of pics.. in one side of the page..

 

and in the other to have space to show the pics in large if some one would click on one from the gallery..

 

so my Q is.. what is the best way to do it? is there a CSS option or i have to learn JAVAscript?

 

thanks

[virtual]

Yes, you can do this with CSS. Look here

http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/

 

You will have to play around with the code to get it to fit your page.

[kanasu]

ok thanks.. i will check this out... i'll let u know how it go'es

 

another small Q-

 

when i'm writing text (

ect...) how can i define the space between the rowes?

 

You just put
where ever you wanna space......

[Bill]

You just put
where ever you wanna space......

 

No you don't!!

 

Use margins in your CSS.