stretch arrow image correctly in table row

Posted on 2011-04-25
Last Modified: 2012-05-11
hi, I am trying to stretch an image over a table row cell.  I want the third row to display like the first two rows (with the arrow in the same cell as the FirstName LastName).  However, when I remove the second table closing tags (i.e. </td></tr></table>) from the first cell in this row and put them in the second cell,  the arrow no longer stretches in IE 8.  

I am using Javascript to stretch the arrow at the bottom of the page.

 here is the arrow image
Question by:trman
    LVL 6

    Expert Comment

    Take a look at this, is this what you want?


    Author Comment

    hi there Scifo_dk, that is almost exactly what I want, but of course IE 8 is showing one quirky issue, which is the vertical align of the data (FirstName LastName) in the first cell does not align vertically in the center as it is supposed to.  
    LVL 6

    Accepted Solution

    Ofcause, thats fixed now.

    I had to create another class by the way. You have a table in a table, and your class makes a border around the cell, so you would have a strange border in the first row inside the cells.

    However, the finished file is enclosed.


    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Threat Intelligence Starter Resources

    Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

    As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
    Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
    The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
    The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

    737 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    22 Experts available now in Live!

    Get 1:1 Help Now