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 3 of 3
  1. #1
    New Coder
    Join Date
    Sep 2011
    Posts
    14
    Thanks
    1
    Thanked 0 Times in 0 Posts

    IE inserting a line break when using <b>?

    Heres an extract from the HTML code:
    Code:
     <b>Full Set Gel Nail Enhancements </b>(Sculpted or tip)<b><div class="spaced"> 40 </div><br/>
                    Full Set Liquid and Powder Enhancements </b>(Sculpted or tip)<b><div class="spaced"> 40 </div><br/>
    CSS:
    Code:
    .spaced {
      float: right;
    }
    Ok this looks fine on firefox, menu items in bold on the left and prices in bold floated to the right. The words in brackets are not bolded.

    For some reason IE is doing a line break and putting the first bracketed words on a new line, yet the second '(Scultped or tip)' is displayed fine as I want it. To me the code looks the same! Anyone know why this is happening?

    The menu is on this page http://www.loveyournails.co/menu.html

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,332
    Thanks
    5
    Thanked 363 Times in 360 Posts
    You have quite a few coding errors. One thing is, you cant put a block level element inside an inline element...ie <div> inside <b>.

    You can view your errors here.
    Teed

  • Users who have thanked teedoff for this post:

    AndyH1 (10-25-2011)

  • #3
    New Coder
    Join Date
    Sep 2011
    Posts
    14
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks im looking through the validator, ive validated every other page and got 0 errors

    im just trying to do this page but some of the errors I dont know how to sort out as errors are being thrown up by the javascript menu, like it doesnt recognise data-openimage and data-closeimage and I dont know what to do about it

    So I will have a look about the block and inline elements.

    Do you know why there is a thick black line at the top and its the twitter link? Ive tried changing so many things and its still there (only in IE)

    edit: Im looking at it and I understand what you mean, but I cant see how to change it, how do i get the prices to float to the right without calling the floating class all the time? Sorry im a noob
    Last edited by AndyH1; 10-25-2011 at 12:55 AM.


  •  

    Posting Permissions

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