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 12-15-2012, 07:56 PM   PM User | #1
Wesman42
New to the CF scene

 
Join Date: Dec 2012
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Wesman42 is an unknown quantity at this point
Big Dilemma

I am having an issue with a template I got to make a PC repair website. I know a fair amount about CSS and HTML but I can't see to figure out what is causing this. So after messing with overflows and positions etc, I couldn't get it right so I found this forum hoping someone will be able to point me in the right direction.

Whenever I open the HTML page that I'm working on, it will overflow the background images correctly, but it will overlap the side bar with my "About" "Contact" "Services" along with my logo right into the background image next to it. Basically it seems like the background is overflowing correctly, but just the side portion isn't. I'm just not sure how to show you guys exactley what is happening without giving you the files!

Help!!
Wesman42 is offline   Reply With Quote
Old 12-15-2012, 08:01 PM   PM User | #2
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Hello Wesman42,
We really need to see it to figure out what's going on. A link to the test site is always best, especially since your issue involves images we don't have.
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Old 12-15-2012, 08:23 PM   PM User | #3
Wesman42
New to the CF scene

 
Join Date: Dec 2012
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Wesman42 is an unknown quantity at this point
I set up a free host, it's here:

http://syntaxxrepair.freetzi.com/

When you bring the browser out of fullscreen, and resize it horizontally to a smaller window, you will see what I mean, the menu on the left just slides over
Wesman42 is offline   Reply With Quote
Old 12-16-2012, 12:56 AM   PM User | #4
AndrewGSW
Senior Coder

 
Join Date: Apr 2011
Location: London, England
Posts: 2,120
Thanks: 15
Thanked 354 Times in 353 Posts
AndrewGSW will become famous soon enough
There are a few errors in your css. In particular, center is not a valid float value.

Also The center tag no longer exists.
__________________
"I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
Validate your HTML and CSS
AndrewGSW is offline   Reply With Quote
Old 12-16-2012, 01:10 AM   PM User | #5
Wesman42
New to the CF scene

 
Join Date: Dec 2012
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Wesman42 is an unknown quantity at this point
I didn't make the website, it was a template that I obtained. So if I fix everything that W3 says, then it won't slide over like it's currently doing?
Wesman42 is offline   Reply With Quote
Old 12-16-2012, 01:17 AM   PM User | #6
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Quote:
Originally Posted by Wesman42 View Post
So if I fix everything that W3 says, then it won't slide over like it's currently doing?
Not neccesarily. Valid code does not mean functioning code though it is a great place to start from.
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Old 12-16-2012, 01:17 AM   PM User | #7
AndrewGSW
Senior Coder

 
Join Date: Apr 2011
Location: London, England
Posts: 2,120
Thanks: 15
Thanked 354 Times in 353 Posts
AndrewGSW will become famous soon enough
Quote:
Originally Posted by Wesman42 View Post
I didn't make the website, it was a template that I obtained. So if I fix everything that W3 says, then it won't slide over like it's currently doing?
I cannot guarantee that but it is more likely to behave as you want it to.
__________________
"I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
Validate your HTML and CSS
AndrewGSW is offline   Reply With Quote
Old 12-16-2012, 01:26 AM   PM User | #8
Wesman42
New to the CF scene

 
Join Date: Dec 2012
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Wesman42 is an unknown quantity at this point
Quote:
Originally Posted by AndrewGSW View Post
I cannot guarantee that but it is more likely to behave as you want it to.
Well thanks guys! I'm an awfully fast learner, and I fixed all but one error.

I didn't fix the background error in line 31 of "layout.css" because whenever I tried to use it the way W3 told me to, it wouldn't display =/.. Excavator I fixed the problem of it getting chopped off by fixing all of the other errors in the code :P

Thanks so much!

Last edited by Wesman42; 12-16-2012 at 01:52 AM..
Wesman42 is offline   Reply With Quote
Old 12-16-2012, 01:40 AM   PM User | #9
Wesman42
New to the CF scene

 
Join Date: Dec 2012
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Wesman42 is an unknown quantity at this point
*doublepost*

Last edited by Wesman42; 12-16-2012 at 01:44 AM..
Wesman42 is offline   Reply With Quote
Old 12-16-2012, 03:10 AM   PM User | #10
AndrewGSW
Senior Coder

 
Join Date: Apr 2011
Location: London, England
Posts: 2,120
Thanks: 15
Thanked 354 Times in 353 Posts
AndrewGSW will become famous soon enough
Code:
background: url(images/Logo.png) no-repeat, left, top;
You need to remove the commas. If it breaks then presumably you don't need the left and top values.
__________________
"I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
Validate your HTML and CSS
AndrewGSW is offline   Reply With Quote
Reply

Bookmarks

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 02:18 AM.


Advertisement
Log in to turn off these ads.