Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6

Thread: HTML div help

  1. #1
    New to the CF scene
    Join Date
    Apr 2011
    Location
    Toronto
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    HTML div help

    hello, I am having trouble with some coding on my latest protected blog post (using wordpress theme yin and yang). It's password protected, password: OC

    http://www.madeinregio.com/2012/09/24/opening-ceremony/

    On some browsers such as the Google Chrome browser, the placement of the text "custom fit" and "35 howard" always gets pushed down.

    Both are surrounded by a div code, like the text to the left of it, but it gets pushed down for some reason.

    <div style="position: relative; top: -733px; left: 330px; width: 290px; z-index: 2">
    <h1><strong><font size="8">OC Branded</font>
    <font size="4">White pullover- London Olympics and Flag as seen on A$APMOB</strong>
    </h1></div></font>
    <div style="position: relative; top: -825px; left: 615px; width: 290px; z-index: 2">
    <h1><strong><font size="8">Custom Fit</font>
    <font size="4">Custom Mannequins and Korean
    inspired stock</strong>
    </h1></div></font>


    Any help is much appreciated!

  • #2
    New to the CF scene
    Join Date
    Sep 2012
    Location
    Columbus, OH
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The error is within your letter spacing in this css code:

    Code:
    h1, h2, h3, h4, h5, h6 {
    font-family: "Yanone Kaffeesatz", Arial, Helvetica, sans-serif;
    color: #4F4640;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    If you delete that letter spacing, the error should be resolved in chrome.

  • #3
    New to the CF scene
    Join Date
    Apr 2011
    Location
    Toronto
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ok thanks ill give it a shot. Also, where in the css am I able to make the space in between sentence lines greater, as you can see, the spacing in between sentences lines are quite close.

    Last edited by darkvallena; 09-25-2012 at 09:32 PM. Reason: forgot to add information in form of a picture

  • #4
    New to the CF scene
    Join Date
    Sep 2012
    Posts
    4
    Thanks
    3
    Thanked 1 Time in 1 Post
    I believe line height spacing goes right on your html, in the specific div you need it.


    CSS line-height Property

    Code:
    <p class="big">
    This is a paragraph with a bigger line-height.<br />
    This is a paragraph with a bigger line-height.<br />
    This is a paragraph with a bigger line-height.<br />
    This is a paragraph with a bigger line-height.<br />
    </p>

  • #5
    New to the CF scene
    Join Date
    Apr 2011
    Location
    Toronto
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I deleted the line height

    from this code:
    h1, h2, h3, h4, h5, h6 {
    font-family: "Yanone Kaffeesatz", Arial, Helvetica, sans-serif;
    color: #4F4640;
    text-transform: uppercase;
    letter-spacing: 0.1em;

    and it still doesn't fit in line in Google Chrome browsers

  • #6
    New to the CF scene
    Join Date
    Apr 2011
    Location
    Toronto
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    actually it works! THANKS


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •