Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 09-28-2011, 10:48 AM   PM User | #1
angelali
Regular Coder

 
Join Date: Sep 2011
Posts: 310
Thanks: 23
Thanked 0 Times in 0 Posts
angelali is an unknown quantity at this point
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
File Type: zip web.zip (36.1 KB, 48 views)
angelali is offline   Reply With Quote
Old 09-28-2011, 01:49 PM   PM User | #2
resdog
Regular Coder

 
Join Date: Aug 2011
Location: U.S.A.
Posts: 233
Thanks: 2
Thanked 48 Times in 48 Posts
resdog is on a distinguished road
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.
resdog is offline   Reply With Quote
Users who have thanked resdog for this post:
angelali (09-28-2011)
Old 09-28-2011, 02:39 PM   PM User | #3
angelali
Regular Coder

 
Join Date: Sep 2011
Posts: 310
Thanks: 23
Thanked 0 Times in 0 Posts
angelali is an unknown quantity at this point
@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.!
angelali is offline   Reply With Quote
Old 09-28-2011, 02:55 PM   PM User | #4
teedoff
Senior Coder

 
Join Date: Aug 2010
Location: High Point, NC
Posts: 3,325
Thanks: 5
Thanked 363 Times in 360 Posts
teedoff is on a distinguished road
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
teedoff is offline   Reply With Quote
Old 09-28-2011, 02:58 PM   PM User | #5
angelali
Regular Coder

 
Join Date: Sep 2011
Posts: 310
Thanks: 23
Thanked 0 Times in 0 Posts
angelali is an unknown quantity at this point
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!
angelali is offline   Reply With Quote
Old 09-28-2011, 05:12 PM   PM User | #6
resdog
Regular Coder

 
Join Date: Aug 2011
Location: U.S.A.
Posts: 233
Thanks: 2
Thanked 48 Times in 48 Posts
resdog is on a distinguished road
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.
resdog is offline   Reply With Quote
Old 09-28-2011, 08:18 PM   PM User | #7
angelali
Regular Coder

 
Join Date: Sep 2011
Posts: 310
Thanks: 23
Thanked 0 Times in 0 Posts
angelali is an unknown quantity at this point
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?
angelali is offline   Reply With Quote
Old 09-28-2011, 11:27 PM   PM User | #8
teedoff
Senior Coder

 
Join Date: Aug 2010
Location: High Point, NC
Posts: 3,325
Thanks: 5
Thanked 363 Times in 360 Posts
teedoff is on a distinguished road
Yes you can specifiy background images for divs.

Show your code and we might can see whats not working about it.
__________________
Teed
teedoff is offline   Reply With Quote
Old 09-29-2011, 04:07 AM   PM User | #9
angelali
Regular Coder

 
Join Date: Sep 2011
Posts: 310
Thanks: 23
Thanked 0 Times in 0 Posts
angelali is an unknown quantity at this point
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
angelali is offline   Reply With Quote
Reply

Bookmarks

Tags
float, layout, margin, positioning, text

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 04:29 AM.


Advertisement
Log in to turn off these ads.