19 users online (0 members and 19 guests)  


  Results 1 to 4 of 4

Related

  1. Replies: 1
  2. Replies: 3
  3. image left padding issue    Forum: HTML Forum
    Replies: 1
  4. Float image and left alignment    Forum: CSS Forum
    Replies: 0
  5. left border background question    Forum: HTML Forum
    Replies: 5
  1. #1
    TrickyFingers's Avatar
    New User

    Status
    Offline
    Join Date
    Nov 2007
    Location
    Paris
    Posts
    4

    Site Shifts To Left Upon Image Hover / Extra Border Problem

    Hi everyone,

    I have a question regarding a site that I am building for my first HTML/CSS class. :0l

    http://ruesleuth.com/medina_portfolio/portfolio.html

    I decided to use a hover effect in CSS for my portfolio page, which works well, but I'm having two problems with it:

    1) The website itself shifts to the left by about five or 8 pixels when the first three images are hovered over and the enlargement appears. This seems to have something to do with the scrollbar appearing on the right? I'm not sure of why it's doing this...


    2) The first three images have these tiny dots of extra border on the bottom right of each one (you'll have to look closely at the bottom right corner of each image to see that the border is extending at the bottom of each of the first three.

    Is there any CSS master out there that can let me know how I can fix these? I'd be ever so grateful...I've been staring at the code for hours and haven't a clue what I've done wrong here.


    Thank you so much,
    Tricky

  2. #2
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel

    Re: Site Shifts To Left Upon Image Hover / Extra Border Problem

    Everything looks fine on my end using xp sp2 with ie7 and firefox 1.5
    AHFBWEB Less customers per server, more power for you!

    Business Class Shared Hosting

  3. #3
    TrickyFingers's Avatar
    New User

    Status
    Offline
    Join Date
    Nov 2007
    Location
    Paris
    Posts
    4

    Re: Site Shifts To Left Upon Image Hover / Extra Border Problem

    Quote Originally Posted by HTML View Post
    Everything looks fine on my end using xp sp2 with ie7 and firefox 1.5
    Hm, that MAY be because I did some tweaking since the initial post, but now, when I am on the about/resume page and I click on the Portfolio LINK, the portfolio page immediately shifts to the left and displays a scrollbar on the right side of the page.

    It's doing this in Firefox, but not in Safari or Opera. Any idea why?

    Last edited by TrickyFingers; 02-27-2008 at 10:44 AM.

  4. #4
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel

    Re: Site Shifts To Left Upon Image Hover / Extra Border Problem

    I am far from a CSS pro so hopefully somebody will step forward and give you a hand. I did check both your CSS and HTML for validation (portfolio page) and all looks good.

    D
    AHFBWEB Less customers per server, more power for you!

    Business Class Shared Hosting



Tags for this Thread