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 9 of 9
  1. #1
    Regular Coder
    Join Date
    Sep 2011
    Posts
    341
    Thanks
    38
    Thanked 0 Times in 0 Posts

    Unhappy HELP! CSS text problem!

    Hello, I have designed a simple CSS layout in Notepad and everything is OK except my heading and a paragraph are not displaying correctly. Both of them should display below the banner above the page but they are displaying near the footer.

    The texts which are not displaying correctly are the heading "Contact Us" and the paragraph "Use this form below" . PLEASE HELP! I want both of them to be displayed below the banner above my page.

    The webpage is attached see it!
    Attached Files Attached Files

  • #2
    Regular Coder
    Join Date
    Aug 2011
    Location
    U.S.A.
    Posts
    233
    Thanks
    2
    Thanked 48 Times in 48 Posts
    Your problem is that for the left sidebar, you've added a border of 3px, which makes the width of that left sidebar be 186px instead of 180px (3px on each side, 3 + 3 = 6px). So when you make the #content have a width of 570px, it makes it to wide to float, so it moves it under the left sidebar. You need to subtract the 6px you gave to the left sidebar from the width of #content. In short, change the #content width to be 564px.
    WordPress Designer and theme developer. KlongDesigns - helping bloggers and non-technical folks claim their space on the internet.

  • Users who have thanked resdog for this post:

    angelali (09-28-2011)

  • #3
    Regular Coder
    Join Date
    Sep 2011
    Posts
    341
    Thanks
    38
    Thanked 0 Times in 0 Posts
    @resdog, whoahhh it works! you are great and thank you very much! I'm asking myself how I didnt figure out this simple issue! Damn, that's why I have failed in Maths! LOL! Well, thank you dear.!

  • #4
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    You dont neccessarily need good math skills...lol Just a good browser developer tool like firebug for firefox. It s free and very useful, so you should download it and learn to use it religiously.
    Teed

  • #5
    Regular Coder
    Join Date
    Sep 2011
    Posts
    341
    Thanks
    38
    Thanked 0 Times in 0 Posts
    No for the Maths I was joking, it was just that I did not figure out about the size of the border when determine the problem! LOL!

  • #6
    Regular Coder
    Join Date
    Aug 2011
    Location
    U.S.A.
    Posts
    233
    Thanks
    2
    Thanked 48 Times in 48 Posts
    You're welcome. The whole border things is a big obstacle that a lot of coders butt their heads up against. You'd think that the border would be applied INSIDE the element. Or at least give us the option to put it either inside, outside, or in the middle.
    WordPress Designer and theme developer. KlongDesigns - helping bloggers and non-technical folks claim their space on the internet.

  • #7
    Regular Coder
    Join Date
    Sep 2011
    Posts
    341
    Thanks
    38
    Thanked 0 Times in 0 Posts
    By the way, can we really put an image background in a DIV element? for example, if I want to include a background on all my different DIV elements! i tried it, it does not work. I have heard that the image should be the same size in terms of width and height exactly like the DIV so that it can work, true?

  • #8
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Yes you can specifiy background images for divs.

    Show your code and we might can see whats not working about it.
    Teed

  • #9
    Regular Coder
    Join Date
    Sep 2011
    Posts
    341
    Thanks
    38
    Thanked 0 Times in 0 Posts
    ok i will try it again then if i have a problem, i will post here, im designing a simple homepage and i like to play with DIV, after completing everything, i will post it here so that you can see! The theme is Magic Box


  •  

    Tags for this Thread

    Posting Permissions

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