+ Post New Thread
Results 1 to 7 of 7
Web Development Thread, CSS external file question in Coding and Web Development; On the new version of the school website I am working on, I had previously had the CSS style commands ...
  1. #1

    Join Date
    Dec 2006
    Location
    US
    Posts
    301
    Thank Post
    64
    Thanked 17 Times in 16 Posts
    Rep Power
    19

    CSS external file question

    On the new version of the school website I am working on, I had previously had the CSS style commands embeded in the template PHP file that is included in all webpages automatically.

    I was trying to move these embeded style commands to an external file. Everything except for the menu buttons works and looks the same. However, for some reason the menu buttons are double the width when the exact same coding is used in an external file.

    Take a look: (add http): claridenfundraisers.com/tcsweb2/template/test.php

    If you click on any of the links, you can see what it is supposed to look like. Are there any tricks? I find it odd that is the only problem that showed up.

  2. #2

    webman's Avatar
    Join Date
    Nov 2005
    Location
    North East England
    Posts
    8,417
    Thank Post
    644
    Thanked 965 Times in 665 Posts
    Blog Entries
    2
    Rep Power
    328

    Re: CSS external file question

    Looks OK to me in Firefox and Konqueror. Which browser are you using?

    Also try this (replacing the whole <STYLE> @import ... </STYLE> section)

    Code:
    <link rel="stylesheet" type="text/css" media="screen" href="clariden.css" />

  3. #3

    Join Date
    Dec 2006
    Location
    US
    Posts
    301
    Thank Post
    64
    Thanked 17 Times in 16 Posts
    Rep Power
    19

    Re: CSS external file question

    I did try your recommended change, webman. It did not help this problem in IE.

    I just tested it in Firefox (good thought). It turns out it is an IE problem.
    I use IE 6.

    Here is an attached screenshot of what I see in IE 6.
    Attached Images Attached Images

  4. #4
    dhassen's Avatar
    Join Date
    Oct 2005
    Location
    Work in Clitheroe but live in Manchester
    Posts
    36
    Thank Post
    1
    Thanked 1 Time in 1 Post
    Rep Power
    0

    Re: CSS external file question

    I'm going to have a look at this for you while I wait for a reply to a questiuon I'm about to post....

    Don't know if you know already but the menu looks fine in ie7, but when you go below li number one on a sublist, it dissapears. Makes me think you either have the width of your li or ul too wide, or you haven't set them. I'll have a look and see if I can help

  5. #5

    CESIL's Avatar
    Join Date
    Nov 2006
    Location
    Hampshire
    Posts
    1,405
    Thank Post
    109
    Thanked 267 Times in 198 Posts
    Rep Power
    169

    Re: CSS external file question

    This problem is due to differences in the css interpretation of IE6

    You will need some IE6 only hacks in the css to solve it

    try adding
    /* Hacks */
    * html #menu li {
    float: left;
    height: 1%;
    }
    * html #menu a {
    height: 1%;
    }
    /* End Hacks */

    to your css...it should fix the height issue in IE6

  6. #6

    Join Date
    Dec 2006
    Location
    US
    Posts
    301
    Thank Post
    64
    Thanked 17 Times in 16 Posts
    Rep Power
    19

    Re: CSS external file question

    That works perfect in IE6. Thank you!
    I will test on Mozilla and IE7 later in the week.

  7. #7

    CESIL's Avatar
    Join Date
    Nov 2006
    Location
    Hampshire
    Posts
    1,405
    Thank Post
    109
    Thanked 267 Times in 198 Posts
    Rep Power
    169

    Re: CSS external file question

    I have been looking at these menus for some of my sites and found some great ideas here http://www.cssplay.co.uk/menus/flyout_4level.html

    There are some great commented scripts here that are helping me to understand the whole css thing better



SHARE:
+ Post New Thread

Similar Threads

  1. External IPs...How Many?
    By mrforgetful in forum How do you do....it?
    Replies: 8
    Last Post: 21st May 2013, 06:34 PM
  2. Replies: 7
    Last Post: 23rd January 2007, 01:29 AM
  3. Replies: 2
    Last Post: 18th October 2006, 08:06 AM
  4. NTUSER dat file question
    By speckytecky in forum Wireless Networks
    Replies: 5
    Last Post: 19th June 2006, 03:00 PM
  5. Replies: 4
    Last Post: 23rd March 2006, 07:27 AM

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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