Jump to content

some simple Q's about css


amitte

Recommended Posts

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:

 

bbb

 

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..

Link to comment
Share on other sites

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:

 

bbb

 

 

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?

Link to comment
Share on other sites

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 by Wickham
Link to comment
Share on other sites

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...