Elements Interfeering (LINKS) Help please!

Discussion in 'HTML & Website Design' started by brandon93s, Dec 8, 2011.

  1. #1
    As you can see, the following links "Dangerous Road and Construction" & "Drunk Driving Crashes" are links, but are not click able due to interference of the contact form on the right behaving as a whole line element. I have tried everything I know to fix this. Can someone please provide some guidance to fix this interference?
     
    brandon93s, Dec 8, 2011 IP
  2. StephenClark

    StephenClark Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I just added a simple <br /> right after the <div> for that element with the links. It just brought the list down far enough to not be interfered with.

    This maybe a hack job, but its the method I found :)


    <div style="clear: both;">
    <br />
    .
    .
    .
    .
    .
    .
    .
    </div>
     
    StephenClark, Dec 8, 2011 IP
  3. Basti

    Basti Active Member

    Messages:
    625
    Likes Received:
    6
    Best Answers:
    3
    Trophy Points:
    90
    #3
    Havent looked to deeply in the source, but the table tags around your links are in wrong order ( the closing tags ) First td, then tr, then table.
    But i would rather delete the hole table around around your links, not like its needed there.
    Also the div around the links has clear: both style, looks like its not needed there

    Well i doubt these will fix it, but a page validation might help. But i guess the error to be in the css for the form or the div around it

    I might can look deeper tomorrow if you havent moved forward by then, as its so late allready :p

    EDIT: the br wont help there, those 2 links were not the only ones infected. In chrome every second link is not clickable. Also the links witin the text seem a bit funky

    EDIT AGAIN:

    The issues are your <p> tags in the form, they have a width of 700px and height of 54px. They properbly have a z-index defined somewhere so the 700px width <p> tags lay over content which has a lower z-index.
     
    Last edited: Dec 8, 2011
    Basti, Dec 8, 2011 IP
  4. brandon93s

    brandon93s Active Member

    Messages:
    798
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    85
    #4
    I have removed the <p> tags to try to fix this issue, and unfortunately it didn't solve anything. Still looking for a solution.
     
    brandon93s, Dec 9, 2011 IP