Can't for the life of me get this image in the right spot

  • I’ve tried for about 2 hours to move the stars on this page to where I want it, but can’t figure it out.

    Please take a look at this page: https://www.pinkfloydtabs.com/echoes-guitar-tab

    I want to move the 5 stars under “Rate this tab:” just to the right of that. Right now, it’s underneath it.

    Is it a vertical align thing? I know where to edit in the CSS and/or the php or HTML, but just don’t know what to edit or add. I’ve tried floats, valigns, etc, but it just won’t go up.

    Any ideas?

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

  • At least part of the problem is because the element that you are trying to move is <div id="post-ratings-610" class="post-ratings">
    All browsers place a line break before and after the <div> element — so no matter what you do, you are not going to be able to move it up to the same line as the above — unless you use: float: right — but that is kind of complicated for other reasons.

    It looks like that table is from a plug-in? In that case, you’ll have to look at the plug-in file to see how it is coded.

    Thread Starter Floyd3

    (@floyd3)

    Ahh, thanks WPyogi, I didn’t know that all browsers placing a line break before and after the div.

    It is indeed a plugin. I looked through the code but didn’t see any part to change/fix this.

    Would it be possible to change the div to a span or something else, so it keeps the CSS style, but no longer gives a line break?

    That might work, but you have to find where that code is — which is probably in the plug-in .php files — I’m still learning about php files, so I can’t advise you on that. I actually looked at the documentation for that plug-in and downloaded the files so I could look at them, but it’s not simple to sort out what to modify. Did you read all the documentation and info about the plug-in?

    Another weird thing is that the table in inside h1 tags which is totally incorrect — and for no visible reason.

    Also, I validated that page and it found 69 mark-up errors — you need to fix those too.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can't for the life of me get this image in the right spot’ is closed to new replies.