Basic HTML and wordpress

  • Resolved lelales

    (@lelales)


    11 years, 9 months ago

    OK, I have a simple wordpress web site, and I’m trying to implement tables in the template. I have an image on the left, and text on the right. The text is appearing to the right, which is correct, but at the foot of the image. I need the text to be at the right, which it is, but at the top of the image.

    You can see my site here:: https://www.salonjulee.com/about-julie-vicknaire-2

    I’m using the functionality for pages with images.
    Any help os greatly appreciated.

    thanks
    -S

Viewing 5 replies - 1 through 5 (of 5 total)

  • Why are you using a table for this? If you just insert the text, then insert the image and choose align your image to the left, the image will automatically float on the left and text will appear on the right.

    Also, try inserting all of your content. It’s hard to troubleshoot things when there’s hardly any text.

    Thread Starter lelales

    (@lelales)

    Hello Christine,

    OK, I thought tables would be the easiest way to solve the issue, but it’s not working.
    Here is my code: `
    <table border="0" cellspacing="0" cellpadding="20">
    <tbody>
    <tr>
    <td align="top" valign="top"><img class="size-medium wp-image-28 alignleft" alt="IMG_0091" src="https://www.salonjulee.com/wp-content/uploads/2012/12/IMG_0091-225x300.jpg" width="225" height="300" /></td>
    <td style="text-align: right;" align="top" valign="top">About Julie Vicknaire text goes here.</td>
    </tr>
    </tbody>
    </table>

    thanks for the reply, and your assistance.

    Tables shouldn’t be used for doing this & won’t make things easier.
    However, the code you have for your table is fine, but I’m guessing that there’s conflict with your CSS and the theme.

    I would try that you do this instead:

    <img class="size-medium wp-image-28 alignleft" alt="IMG_0091" src="https://www.salonjulee.com/wp-content/uploads/2012/12/IMG_0091-225x300.jpg" width="225" height="300" />About Julie Vicknaire text goes here and insert more text so that you can see more than just a few words and see how paragraphs will look. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec id elit non mi porta gravida at eget metus. Cras mattis consectetur purus sit amet fermentum.

    Or if you MUST use tables:

    <table border="0" cellspacing="0" cellpadding="20">
<tbody>
<tr>
<td align="top" valign="top"><img alt="IMG_0091" src="https://www.salonjulee.com/wp-content/uploads/2012/12/IMG_0091-225x300.jpg" width="225" height="300" /></td>
<td align="top" valign="top">About Julie Vicknaire text goes here.</td>
</tr>
</tbody>
</table>

    I’m not sure if the table will work though. Caroline ( the theme developer ) may have added some CSS to the basic table tag.

    Thread Starter lelales

    (@lelales)

    Hey Christine, thanks for the code. I have it working on 2 pages with the first set of code you sent.

    Thanks so much. It works great!
    -S

    Yippee! Looks great.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Basic HTML and wordpress’ is closed to new replies.