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 12 of 12
  1. #1
    New to the CF scene
    Join Date
    May 2010
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Two Problems with my site

    Hi. I recently made A SITE with HTML-KIT, and discovered two problems:



    1) When I see my site in Internet Explorer, it looks fine
    When I see it in Mozilla Firefox, it looks horrible

    I want to know how to fix that

    2) stylesheets can be used to standarize properties of the divs in the pages I associate them to.
    Like my site's getting big, and the number of pages is growing larger everyday, it gets bothersome to have to change something that is common in every page, such as the menu, because I have to do it in every single page.
    My question is: is there a code I can put in the stylesheet that instead of just affecting the propierties (text, background, alignment), it affects the content of that div.

    As an example:
    Inside .HTML page:
    Code:
    <div id="menu">(menu code)</div>
    changing the code in every page is too hard, soooo...

    Inside .CSS sheet, something like:
    Code:
    #menu {float:left ; background-color: grey ; text-align:center ; CONTENT or TEXT or SOME CODE: (menu code)}
    Please tell me if there's a way of doing that, WITHOUT having to use Dreamweaver OR .SSI's

    Thanks

  • #2
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts
    Sounds like the solution to the website growing would be php.
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design

  • #3
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    According tio the W3 validator you have 11 html errors and 6 css errors.

    Frank
    Last edited by effpeetee; 05-28-2010 at 01:43 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #4
    New to the CF scene
    Join Date
    May 2010
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by optimus203 View Post
    Sounds like the solution to the website growing would be php.
    A) I need Dreamweaver to do so, and I don't have it

    B)the server i'm currently hosting my site in doesn't allow .PHP, unless I suscribe to the premium service

    Quote Originally Posted by effpeetee View Post
    According tio the W3 validator you have 11 html errors and 6 css errors.

    Frank
    Well holy shoot. that's a lot of errors.

    Aparently the problem was in the Stylesheet, because it names all the backgrounds in the errors list. Do you know what does it mean when it says "Value Error : background-image Parse Error middle.gif) "?

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by bark-bark-boom View Post
    A) I need Dreamweaver to do so, and I don't have it

    B)the server i'm currently hosting my site in doesn't allow .PHP, unless I suscribe to the premium service
    You don't really need DW for anything. HTML, CSS, PHP ... can all be written in notepad.
    Your host charges for php???? That's not a very good host I'm thinking.

    Why are you against SSI? (other than your host charging extra) A php include is the perfect solution here. Is there some other form of server language your host allows?

    Look at these examples of menus that highlight the active page. They are all SSI friendly menu's that rely on a body tag to highlight the menu item.
    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

  • #6
    New to the CF scene
    Join Date
    May 2010
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks, excavator. it seems that php is my only way out of the second problem, and will probably mean I have to move to another host, but what about the first problem? the Firefox problem?

  • #7
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Some problems from your box model being off.
    #content is 799px wide but #menu inside it is 800px wide plus the 13px margins.

    #menu, being a full width element, should not be floated. Same with #content. We float elements to put other elements beside them. Since a full width element has no room beside it for another, there is no need for it to be floated.

    Is FF choking on the filename for your background image? This seems to work in place of the space in the filename...
    Code:
    #content  {
    background-color: black ; 
    width: 799px ; 
    float:left;
    background-image:url(back%20middle.gif) 
    }
    Lots of stuff to fix found by both validators. See the links about validation in my signature line below.


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

  • #8
    New to the CF scene
    Join Date
    May 2010
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Kay. As for the margins and widths, fixed. now the sizes are fixed, and all margins are 5px
    Floating menu, Fixed. no float
    Spaces in the images' names, fixed. names now without spaces

    Will continue to work on the site. thanks

  • #9
    New to the CF scene
    Join Date
    May 2010
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    OK. now... I fixed the CSS problems, and now the site works perfectly on Firefox, but the Markup Validation on my site, now says it can't check the site. why is that?

  • #10
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by bark-bark-boom View Post
    OK. now... I fixed the CSS problems, and now the site works perfectly on Firefox, but the Markup Validation on my site, now says it can't check the site. why is that?
    It seems the validator is freaking out over something in line 11?
    Sorry, I am unable to validate this document because on line 11 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.
    What is i�aki?



    Site is looking much better - Good work!
    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

  • #11
    New to the CF scene
    Join Date
    May 2010
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    fudge. Iñaki is my name. It's spanish. I'll check that.
    Fixed. now it reads it. Fixed some problems. 11 Problems and 1 Warning that I don't know how to fix still remain. if any of you were nice enough to tell me how to fix each of them, I'll be very thankful

  • #12
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    <script type="text/javascript">

    This is the answer to one of the errors - line 6

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

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