Image positioning

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

  • There is nothing wrong with WordPress’ code! For absolute positioning to work you need a positioning context in your CSS (else what would the relative or absolute positioning be referenced against).

    According to the CSS specifications, an absolutely positioned element is positioned relative to the first parent block that has a positioning context of something other than static (which is the default if you do not specify one), otherwise the <html> element.

    To to this, you need to set the containing DIV or other block in which your image is to have a positioning context of “relative”. Subsequent absolute position statements in your CSS with then be absoute to the bounds of this positioning context.

    Read through this for a better grasp: CSS Positioning

    you can add custom styles to an image under the ‘advanced settings’ tab when you edit an inserted image (in the visual editor);

    it might help if you can post a link to a post or page with the issue.

    Thread Starter asuyker

    (@asuyker)

    Thank you all for your reply. The weird thing is, that in the visual the end result i am looking for is right there. But online i don’t see anything. I am working with Suffusion Theme by Sayontan Sinha. I don’t know much about CSS but i will get in to that. Here is a printscreen:

    https://worldcookingworkshops.nl/wp-content/uploads/2012/07/printscreen1.jpg

    Thread Starter asuyker

    (@asuyker)

    in the printscreen you see one big image, which are in fact 9 different ones. so i can link them al separately to another page

    Thread Starter asuyker

    (@asuyker)

    Ok i really can’t figure it out in the CSS of Suffusion. Where exactly do i need to change something, and what kind of code do i have to write in it. Can you please help me?

    Thread Starter asuyker

    (@asuyker)

    I fixed the problem. I was missing the htaccess file! A totally different problem, the positioning html codes i had before are working now!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Image positioning’ is closed to new replies.