Horizontal Line

Community Forums Forums Design Tips and Tricks Horizontal Line

This topic is: resolved

This topic contains 6 replies, has 3 voices, and was last updated by  JTNeedham 5 months, 2 weeks ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #104645

    JTNeedham
    Member
    Post count: 9

    Hi – I am trying to create a horizontal dividing line. I can make the line, but can’t get it to show up in the correct place.

    The code is used is:
    <div><hr width=”60%” /><div>

    That may not be right. The line appears now on this page:

    http://doublefunparties.com/freebies-2/

    to the side of Valentine’s Day. It should appear above the header St. Patrick’s Day to divide the two holidays.

    Thanks in advance for any help you can provide.

    http://doublefunparties.com/freebies-2/
    #104648

    rod barbee
    Member
    Post count: 1

    looks like you need to clear the <hr> tag.
    <div><hr width=”60%” style=”clear: left;” /><div>

    #104649

    JTNeedham
    Member
    Post count: 9

    Hi Rod –

    I replaced my code with yours, and I still have the same problem, except that the out of place line is now shorter. Still no line above St. Patrick’s Day.

    Thank you, but any ideas of what I’m still doing wrong?

    #104655

    Lauren @ OnceCoupled
    Member
    Post count: 611

    You have some extra quotes in there. Get rid of those and Rod’s solution will work. :)

    Best,
    Lauren


    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

    #104664

    JTNeedham
    Member
    Post count: 9

    Hi Lauren – Thank you but I don’t know what quotes to remove. I tried removing the quotes around ”clear: left;” and it didn’t work. I then also removed the quotes around ”60%” and it still didn’t work.

    This is how the code stands now:
    <div><hr width=60% style=clear: left; /><div>

    #104665

    Lauren @ OnceCoupled
    Member
    Post count: 611

    Sorry, I knew that would be unclear but I’m at a loss of words for how to explain it. (My brain just works differently than that, you know?) Extra quotes are being inserted into your code because they aren’t the ‘correct’ quotes. Take a look:

    ”clear: left;”
    vs
    "clear: left;"

    Do you see the difference? If you delete those quotes and type in your own, it should fix itself.

    Edit: Spent a couple minutes looking it up. Apparently it’s as easy as referring to them as “straight” or “curly” quotation marks. :)


    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

    #104671

    JTNeedham
    Member
    Post count: 9

    That did it, Lauren – thanks so much!

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Horizontal Line’ is closed to new replies.