WordPress.org

Ready to get started?Download WordPress

Forums

removing border for rollover images layed out in table (3 posts)

  1. LukeTheVeas
    Member
    Posted 2 years ago #

    Hi, I'm trying to set up the front page of a new website and it's driving me absolutely crazy. I'm trying to set out a grid of images with roll overs, i've used a table to lay out the image and have managed to get rollovers to work (which was a challenge in itself) using the following code (with example:


    <img style="width: 106px; height: 137px; border: 0px; solid #cc3300;" src="http://21stcenturyactors.org/main/images/AlanJMirren.jpg" alt="AlanJMirren" name="AlanJMirren" />

    however in between each row wordpress is wacking either a border or a blank row as you can see here http://www.21stcenturyactors.org/main/ I just want all the images next to each other with no space. Does anyone know what I'm doing wrong or need to change in order to do this?

    Sorry If i'm not being very clear, I'm a bit of a newbie to this coding lark.

  2. comediann
    Member
    Posted 2 years ago #

    you can try adding a class to your table

    <table class="myclass">

    and then add

    .myclass td{padding:0;}

    to your style.css at the bottom.

  3. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    not WordPress' fault - your theme does not reset the browser default table margins and padding;

    try to add to style.css:

    table,td,tr{margin:0;padding:0;vertical-align:bottom;}

    also, you have some invalid characters in the html table tag:

    <table style=”border:none;” cellpadding=”none;” align="center" top-padding="20px">

    correct the into "

Topic Closed

This topic has been closed to new replies.

About this Topic