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 10 of 10

Thread: Big Dilemma

  1. #1
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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!!

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    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

  • #3
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #4
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    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

  • #5
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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?

  • #6
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    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

  • #7
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    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

  • #8
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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 02:52 AM.

  • #9
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    *doublepost*
    Last edited by Wesman42; 12-16-2012 at 02:44 AM.

  • #10
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    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


  •  

    Posting Permissions

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