Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jun 2007
    Location
    Los Angeles
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Brand new to CSS : want to know if I can do this with CSS

    I built what I want to do and saved as gif. You can view it here :
    http://sarahrosa.com/website_base_BLOAT.gif

    The right navigation shown is where I want to put icon/pics of my artwork. The open space to the left of that is where I want to image to appear when that corresponding icon is hovered over. I have a horizontal menu on top that when clicked, the right navigation will change out with new icons.

    I just want to know if I can make this with CSS. What are my options to start building this?

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Is the width of the layout going to change? If not then it would be quite simple to do. You would start out with your curved corners. You have a basic two column layout similar to this http://bonrouge.com/2c-hf-fixed.php
    Just instead of float left on the right column use float:right.

    You will probably have 3-4 images for the whole thing not counting the images that you will be displaying. If you don't mind the navigation being text then you will have the top border of the content along with that curved corner, the bottom border of the content along with the curved corner and then the curved thumbnail, and maybe the text above the thumbnails.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New to the CF scene
    Join Date
    Jun 2007
    Location
    Los Angeles
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The width is fixed to answer your question.

    Thank you. I will rough it through this. I get like half of what you wrote so I will see what I can do. This is my first attempt at anything with CSS.

    Thanks again.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •