Domain Manage

Basic html help

Discussion in 'Website Design' started by stender, Jan 25, 2012.

Thread Status:
Not open for further replies.
  1. stender United Kingdom

    stender Well-Known Member

    Joined:
    Nov 2005
    Posts:
    2,489
    Likes Received:
    30
    Can anyone advise on a basic html issue i'm having on a wordpress site?

    I have some text with an image underneath and then some more text under the image. However I'm getting the text I want under the image appearing to the right of it. If I then view visually in wordpress and press return until the text is below the image I then get lots of break space tags appear in the html which is not good.
    I hope that makes sense if not could send link and html to a kind person.

    I've forgotten more html than i've learnt. all these wysiwyg tools are good in some ways but bad in others!
    Here 's more of a visual

    lorum ipsum

    photo

    lorum ipsum
    is how i want it

    but below is how it's displaying

    lorum ipsum

    photo lorum ipsum

    and if i amend visually the html then shows

    lorum ipsum

    photo

    &nbsp

    &nbsp

    &nbsp

    lorum ipsum.
     
  2. Domain Forum

    Acorn Domains Elite Member

    Joined:
    1999
    Messages:
    Many
    Likes Received:
    Lots
     
  3. monaghan United Kingdom

    monaghan Moderator Staff Member

    Joined:
    May 2007
    Posts:
    1,993
    Likes Received:
    45
    A quick & dirty, you could pop in a <br/> after the image. Better to do it with CSS, but often the quick & dirty does the trick.
     
  4. stender United Kingdom

    stender Well-Known Member

    Joined:
    Nov 2005
    Posts:
    2,489
    Likes Received:
    30
    Thanks Alex, it just came to me I was doing a left align on the image. Took that off and looks ok.
     
  5. seemly

    seemly Active Member

    Joined:
    Feb 2011
    Posts:
    973
    Likes Received:
    39
    The images are floated left.
    In the HTML view, after the image, place the following:

    Code:
    <div style="clear:both;"></div>
    
    Regards,
    Chris
     
  6. Skinner

    Skinner Well-Known Member

    Joined:
    Jul 2008
    Posts:
    4,325
    Likes Received:
    81
    You are editing html entities into a wysiwyg environment, you would need to put them into the code area not the visual area.
     
  7. monaghan United Kingdom

    monaghan Moderator Staff Member

    Joined:
    May 2007
    Posts:
    1,993
    Likes Received:
    45
    I'm guessing there are some CSS rules overriding your desired layout.

    Try <br style="clear:left" />

    If you have chrome, you can right click on an element and "inspect" it, this will let you see the CSS formatting that is applied and lots of other useful debug goodies. Other browsers have similar tools.
     
Thread Status:
Not open for further replies.

Share This Page