SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Member
    Join Date
    Jan 2005
    Location
    London
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Bare bones - need help!

    Hi there,

    I am an artist and I am building my first website I have this so far:

    http://john-keates-art.mysite.wanadoo-members.co.uk/

    I will buy some proper space once it is finished.

    Sorry for the length of this post. I am starting to hit a few brick walls and am wondering if there might be something that could help me out in one foul sweep (CSS?)

    The idea is that there is a menu bar on the left which can be used to access all information quickly. There are only two buttons that do anything at the mo. These are the "medium semi-fig" and "Large semi fig" buttons under paintings (hopefully you can work out what I mean there).

    When you click one of these, the frame at the top changes to accomodate some thumbnails which can be clicked on to see paintings.

    The "mdium semi-fig" thumbs use a table. Here I have the problem that the border around the thumbs is blue and I can't work out why. I am formatting colour with css so that might be the cause but it works fine for the image pages that open up below when you click a thumb.

    The "Large semi-fig" thumbs are using CSS only I can't work out how to get the thumbs to allign across rather than down and the css border round the thumbs only looks correct in IE - and even then there is a gap below each image (which I made red for clarity).

    First off, I am starting to worry about the fact that I am using frames. Is this really the altimate sin? I am considering CSS but one important feature of the site at the moment is the ability to scroll through the thumbs at the top of the page which appear when you click one of the buttons that I mentioned. Is there a way that this can be done in CSS?

    The main problem that I am having with frames is that scrolling isn't working how I would like. I need it so that people with small screens can get to all parts of the menu. At the moment, the left frame can be scrolled but this looks ugly. I much prefer it when I remove the scrolability of that frame but when I do this there is no way to access the bottom of it when using a smaller monitor.

    Is there a way to make scroll bars appear for the whole page as well as for the thumbnail image bar at the top when it needs it?

    I would be gratefull for an answer to any of these questions as I am really starting to feel lost

    Thanks,

    John

  2. #2
    SitePoint Evangelist Crusader's Avatar
    Join Date
    Oct 2004
    Location
    South Africa
    Posts
    463
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by john keates
    The "mdium semi-fig" thumbs use a table. Here I have the problem that the border around the thumbs is blue and I can't work out why. I am formatting colour with css so that might be the cause but it works fine for the image pages that open up below when you click a thumb.
    I'm assuming that you use the thumbs as links. Ad the following to your img tags
    Code:
    <img src="image.jpg" border="0">
    You could also do this using CSS which might make it easier if you have a lot of images.

  3. #3
    SitePoint Member
    Join Date
    Jan 2005
    Location
    London
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I would like a border round the thumbs - its just that I don't want it to be blue.

    Thanks anyway.

  4. #4
    SitePoint Zealot Easy Webster's Avatar
    Join Date
    Jan 2005
    Location
    Nebraska
    Posts
    102
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've read that search engines have a hard time reading frames, so from a search engine optimization standpoint, frames aren't the best.

    Teresa
    Come See What We Have To Offer! Custom Design or Sitebuilder
    Secure Shopping Cart, Merchant Accounts
    Marketing Resources, Hosting Reseller Opportunity...

  5. #5
    SitePoint Evangelist Crusader's Avatar
    Join Date
    Oct 2004
    Location
    South Africa
    Posts
    463
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok if you want to have borders. The easiest way would be to use CSS either embedding it in each HTML file or linking to a CSS style sheet.

    In the Style sheet.
    Code:
    img.thumb {
    border : 1px solid #ffffff;
    }
    You can change the color to anything you want.

    In the HTML:
    Code:
    <img src="thumb1.jpg" class="thumb">
    This is very briefly what's needed

  6. #6
    SitePoint Member
    Join Date
    Jan 2005
    Location
    London
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Crusader
    Ok if you want to have borders. The easiest way would be to use CSS either embedding it in each HTML file or linking to a CSS style sheet.

    In the Style sheet.
    Code:
    img.thumb {
    border : 1px solid #ffffff;
    }
    You can change the color to anything you want.

    In the HTML:
    Code:
    <img src="thumb1.jpg" class="thumb">
    This is very briefly what's needed
    I had already done this. Here is the CSS that I used:

    "Body {color: #black; background-color: #B6A2AF
    Font {color: #black;}
    .BDR {border= 3px inset #c6b2bF;}"

    As I said in my post, the border doesn't show up in all browsers (Firefox and Navigator) and I can't find a way to make the thumbs line up horizontally without a table. I have read that tables stop images from showing up until all the images have loaded.

    To clarify what my questions are:

    How do I make the css borders show up in all web browsers?

    How do I position images using css?

    How can I make it so that there is a scroll bar for the whole page and also the thumbnail display frame at the top of the screen when it needs it?

    Why, when I use a normal image border, is it showing up as blue in Firefox and Navigator?

  7. #7
    SitePoint Enthusiast
    Join Date
    Dec 2004
    Location
    Arizona
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    W3 has helped me out allot, they have a test window that you can play on and see what and how things work

    W3 Schools

  8. #8
    SitePoint Member
    Join Date
    Jan 2005
    Location
    London
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Bump. Would really like an anwer to at least one of these...

  9. #9
    SitePoint Zealot Klaas Koopman's Avatar
    Join Date
    Oct 2003
    Location
    The Netherlands
    Posts
    142
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    follow turtle man's advice and go to w3 schools, they really help out!! been a great help for me aswel!
    Inspired Media - Online Marketing - For Local Companies & Projects

  10. #10
    SitePoint Member
    Join Date
    Jan 2005
    Location
    London
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I looked at that sight and it seemed to tell me what I already know. I couldn't find answers to my questions there (like the borders looking different in different browsers). I will have another look though.


Bookmarks

Posting Permissions

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