• Hello all,

    I’m trying to put text next to an image. I’m trying to do this with a table at the moment.

    This is my result so far:
    https://puu.sh/7eBnQ.png

    As you can see its all aligned in 1 line. It should be under each other. Like this:
    https://puu.sh/7eBpR.png

    This is my current code:

    [app 377298193]
    <table>
      <tr>
        <td><img class="app_image alignleft" src={artwork60} rel={trackname}></td>
        <td style="font-size:20px;"><strong>{trackname}</strong></td>
        <td style="font-size:15px;"><strong>Developer: </strong>{sellername}</td>
        <td style="font-size:15px;"><strong>Rating: </strong>{stars}</td>
        <td style="font-size:15px;"><strong>Price: </strong>{price}</td>
        <td style="font-size:15px;"><strong><font color="#2d95f4">{dllink}</font></strong></td>
      </tr>
    </table>
    [/app]

    I’m using variables from a plugin. So thats why there are words between { & }.

    Hopefully someone can help me ??

Viewing 10 replies - 1 through 10 (of 10 total)
  • you are using only one table row here … so that’s why your results are in one particular row …. so if you want to split as you said … you have to use different rows … for example as you are now doing in this way …
    row = 1st group … 2nd group … 3rd group etc …while you should do like
    row … 1st group
    row … 2nd group
    row … 3rd group etc … am i right?
    so use this code insted …
    `[app 377298193]
    <table>
    <tr>
    <td>
    <img class=”app_image alignleft” src={artwork60} rel={trackname}>
    </td>
    </tr>
    </table>
    [/app]
    as i am only adding one 1 row, so you should do in this fashion for your remaining rows … hope you got the point …

    Thread Starter Matthijs

    (@matthijs110)

    Yeah I get the point ??

    But it results like this:
    https://puu.sh/7eMGq.png

    What I want is that the text is next to the images aligned to the left.

    So like this:
    https://puu.sh/7eMJQ.png

    Would that be possible?

    then i will suggest to use 2 things here, 1st create a figure tag in which your img will reside …then you can float that img to left … and so in 2nd div your table data will reside … when you’ll float your figure to left side you will get the required result ….. other thing is that you can style your content as you want … like setting width, etc …. hope it will be done now … if you still have any question feel free to ask ….

    Thread Starter Matthijs

    (@matthijs110)

    Can you give me a example please?

    yeah …
    figure {
    float: left;
    }
    .class-table {
    float: right;
    }
    etc … simply it means you are making your img to left and other table data to right … hope it works

    Thread Starter Matthijs

    (@matthijs110)

    It doesn’t seems to work :/

    https://puu.sh/7glSo.png

    i checked that image … if you just float that img to left … like shown below:
    img {
    float: left;
    }
    it will do the rest for you ….. just check this time and it’ll work … in sha ALLAH ….
    if still not, feel free to ask further …

    Thread Starter Matthijs

    (@matthijs110)

    Didn’t worked for me again :/

    You may try to play with the table here:
    https://www.deipadopschool.tk/de-airplay-functie-gebruiken/

    Its on the bottom.

    it should work by now … have you checked your code again and made sure every thing is ok from your side … ? because some times we forget to target accurately …. so make sure that you are not committing that mistake here … if still not done … feel free to ask again …

    Thread Starter Matthijs

    (@matthijs110)

    It just doesn’t looks like as I want to ?? Can you please make a table for me that looks like this?

    https://puu.sh/7l71K.png

    Not the download under the image, just under the other text..

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Place text next to image (Tabel)’ is closed to new replies.