|
HTML - Firefox Doesn't Find The Css File
I wrote the following stuff. In index2.html I referr to a css File:
HTML Code: <link type="css/text" rel="stylesheet" href="styles.css" /> Now styles.css is in the same directory as index2.html. While Safari finds this styles.css and Firefox 2 does not. I have no idea what happens here. The formating should be correct. What's wrong? Similar TutorialsHey everyone, For some reason, when you view my webpage in either IE8 (or previous versions, I don't know how to test those yet though) and Firefox they cannot seem to locate the CSS stylesheet. I followed the link when viewing Source Code in Mozilla Firefox to my CSS stylesheet, and it is clearly locating it. However, they aren't displaying any of my CSS. Google Chrome and Safari work just fine, however, as they do display the page correctly. It's currently on my localhost server, so I had to upload it to a confidential directory: http://www.rheamaloney.com/donotenter/index.php If you look at the first page in IE/Firefox, then look at it in Safari/Chrome, you'll see what I mean. Notice: I tested them on all browsers (except Opera, IE6, IE7) for both the localhost and online versions. No difference. Oh, and for what it's worth, here's the code: ** Coot, if you are reading this, and you decide to remake my code, keep everything how it is and PLEASE don't change the navigation ** index.php: PHP Code: <?php include("head.php"); // These echo's just make it look as much like a regular HTML document as possible, easier to debug the code this way echo "\n"; echo "<body>"; echo "\n"; echo "\n"; include("doc_header.php"); include("doc_nav.php"); echo "\n"; echo ' <div class="bodyContainer">'; ?> <!-- Start static HTML code --> <h1>Welcome to the web's #1 online game card store</h1> <p>We carry everything related to the Yu-Gi-Oh! Card Game. Currently stocked with everything from the highest dollar foils all the way down to the most common trading cards.</p> <!-- End static HTML code --> <?php echo " </div>"; echo "\n"; echo "\n"; echo "\n"; echo "</body>"; echo "\n"; echo "</html>"; // Likewise with these ^^ ?> head.php: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<title>All Yugioh -- The #1 Online Yug-I-Oh Trading Card Store</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Language" content="en-US" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link href="css/screen.css" rel="Stylesheet" type="text/css" media="screen" />
<link href="http://www.allyugioh.com/favicon.ico" rel="Shortcut Icon" />
</head>
doc_header.php: HTML Code: <div class="topContainerLeft"></div>
<div class="topContainerRight"></div>
<div class="headContainer">
<a href="index.php">
<img src="images/logo.png" alt="WELCOME" onmouseover="document.getElementById('home').src='images/nav_home_hover.png';" onmouseout="document.getElementById('home').src='images/nav_home.png';" />
</a>
<img src="images/cards.png" alt="Yu-Gi-Oh!" style="float:right;top:10px;right:7em;position:relative" />
</div>
doc_nav.php: HTML Code:
<div class="navContainer">
<a href="index.php?" style="margin-left:20px">
<img src="images/nav_home.png" onmouseover="this.src='images/nav_home_hover.png';" onmouseout="this.src='images/nav_home.png';" alt="HOME" id="home" />
</a>
<a href="about.php">
<img src="images/nav_about.png" onmouseover="this.src='images/nav_about_hover.png';" onmouseout="this.src='images/nav_about.png';" alt="ABOUT US" />
</a>
<a href="products.php?">
<img src="images/nav_products.png" onmouseover="this.src='images/nav_products_hover.png';" onmouseout="this.src='images/nav_products.png';" alt="PRODUCTS" />
</a>
<a href="policy.php">
<img src="images/nav_policy.png" onmouseover="this.src='images/nav_policy_hover.png';" onmouseout="this.src='images/nav_policy.png';" alt="POLICY" />
</a>
<a href="contact.php?">
<img src="images/nav_contact.png" onmouseover="this.src='images/nav_contact_hover.png';" onmouseout="this.src='images/nav_contact.png';" alt="CONTACT" />
</a>
<span id="cart"><!-- login OR logout PHP variables here --><a href="login.php">Login</a> | <a href="cart.php">View My Cart</a></span>
</div>
And finally, the CSS: Code: @charset "ISO-8559-1";
body {
background-image: url("../images/gradient.png");
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
width: 100%;
height: 1000px;
}
.headContainer {
background-color: rgb(79,138,83);
margin: 0px auto;
padding: 0px;
position: relative;
width: 80%;
height: 16%;
border-width: 0px 6px 0px 6px;
border-color: rgb(60,103,63);
border-style: solid;
}
.topContainerLeft {
background-color: rgb(65,114,68);
margin: 0px auto;
padding: 0px;
width: 10%;
height: 16%;
border: 0px;
float: left;
position: relative;
}
.topContainerRight {
background-color: rgb(65,114,68);
margin: 0px auto;
padding: 0px;
width: 10%;
height: 16%;
border: 0px;
float: right;
position: relative;
}
.navContainer {
background-color: #325635;
margin: 0px auto;
padding: 0px;
position: relative;
width: 100%;
height: 4.2%;
border: 0px;
text-align: center;
}
.bodyContainer {
background-color: rgb(79,138,83);
margin: 0px auto;
padding: 0em 1em 0em 1em;
position: relative;
width: 77.5%;
height: 85%;
border-width: 0px 6px 4px 6px;
border-color: rgb(60,103,63);
border-style: solid;
border-top: 1px solid transparent;
}
.footerContainer {
background-color: rgb(79,138,83);
margin: 0px auto;
padding: 0px;
position: relative;
width: 80%;
height: 5%;
border-width: 0px 6px 0px 6px;
border-color: rgb(60,103,63);
border-style: solid;
}
.navContainer a img { margin-left: -2px; }
.bodyContainer h1 {
font-family: 'georgia';
font-size: 34px;
color: #fff;
text-align: left;
}
.bodyContainer p {
font-family: 'georgia';
font-size: 18px;
color: #f3f3f3;
text-align: left;
width: 65%;
text-indent: 1.5em;
}
span#cart { font-family: 'georgia'; font-size: 14px; color: #fff; position: relative; bottom: 15px; left: 4em; }
span#cart a { text-decoration: underline; color: #fff; }
span#cart a:hover { text-decoration: none; color: #fff; }
Hi all, Before I pour cold water onto Mozilla's FireFox to melt it's flames and kill it, I've a question : Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Tables 14</title> </head> <body> <table border="1" width="80%"> <colgroup span="3" align="right" /> <tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> </tr> </table> </body> </html> As you can see, there's 3 columns and I'm using <colgroup span..../> to mass-align the cells to the right. However, when I preview it in FireFox, there's no effect. In Internet Explorer, the cells are right-aligned(which is correct). I also tried doing the CSS equivalent, but FireFox still fails. When I tried changing some other settings, like : <colgroup span="3" style="background-color:red;" />, FireFox renders the code correctly. Seems that FireFox doesn't like to right-align text in columns, eh? Thanks! Xeon. Never mind you guys were wrong as usual. Thanks. Hi All, Please Heeeeeeeeeeeeeeeeeeeeeeeeeeeellllllppp!!!!! Thanks in advanced!!! Have a few mistakes and / or something is missing below: Code: <html>
<head>PLEASE FIND THE MISTAKE(S) or SOMETHING MISSING /</head>
<script type="text/javascript">
window.onload=function()
{
document.getElementById('exampleletterList').onchange=function()
{
window.location=('http://www.example.org/'+this.value+'');
}
}
</script>
<body>
<select id="exampleletterList">
<a target=\"_blank\" href=\"file.doc\" title=\"\">John Doe<br> XXXXXXXXXXX</br></a>.
<option value=""><b> PLEASE SELECT THE FOLLOWING: <b/> </option><!--this option takes you to -->
<body mar="0" marginheight="0" bgcolor="rgb(38,38,38)">
"BACKGROUND BLUE GREEN MARMOL "
<embed width="100%" height="100%" name="plugin"
src="http://www.example.pdf"
type="application/pdf">
<br>
<CENTER>
<option value=index.htm>Option #1</option><!--this option takes you to -->
<option value="example7">Option #2</option><!--this option takes you to -->
<option value="example3">Option #3 </option><!--this option takes you to -->
<option value="example4"><br>Option #4</br></option><!--this option takes you to -->
<option value="example5">Option #5</option><!--this option takes you to -->
<option value="example2">Option #6</option><!--this option takes you to -->
<option value="blog/wp-login.php"><!--this option takes you to blog-->
</select>
</CENTER>
</br>
</body>
<html xmlns:v="urn:schemas-microsoft-com:vml"
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
</body>
</head>
</html>
The following common code is not working in Firefox (3.0.11). It works in Safari (4.02) and IE7. When I say not working, I mean that when I click the submit button, the address does not change to the form processing url: Code: <!-- The data encoding type, enctype, MUST be specified as below -->
<form enctype="multipart/form-data" action="uploader.php" method="POST">
<!-- MAX_FILE_SIZE must precede the file input field -->
<input type="hidden" name="MAX_FILE_SIZE" value="30000" />
<!-- Name of input element determines name in $_FILES array -->
Send this file: <input name="mp3file" type="file" />
<input type="submit" name="submit" value="Send File" />
</form>
The file uploader.php does nothing, it is blank, I'm merely trying to establish communication. Once again, the code functions in IE and Safari so I dont think this is PHP related. Hey guys! I've just realized my first site html5 and all it was ok about indeed the on-line publishing on my server. Indeed every test made on the local disk were good without Firefox does not read the audio and video files. It works with Google Chrome and Safari but not Firefox. I am anxious to specify that I'm under Mac Os X and that I converted well files in format OGG and that I am rather a graphic designer who try write some code. I try to find the solution for several days but unsuccessfully. Can anybody help me please? Here is the fragment of the code: HTML Code: <!-- Track 01 --> <div> <h3>Fall</h3> <div class="mp_options"> <span class="mp_play">Play</span> <span class="mp_addpl">Add to playlist</span> </div> <div class="mp_song_info" style="display:none;"> <span class="mp_song_title">Fall</span> <span class="mp_mp3">music/album1/Red_Fish_Fall.mp3</span> <span class="mp_ogg">music/album1/Red_Fish_Fall.ogg</span> </div> </div> <!-- Track 02 --> Good day, I have a test page for a website I'm currently working on, there's a video player on it that shows itself on internet explore but doesn't actually play the videos and on Safari or Firefox it doesn't even show itself. The webpage is located at: http://viloda.com/videoindex_portfolio_rtvnh.html and I think there's something wrong with the HTML. There's probably something wrong or/and missing but I really can't find what. The Video Player works perfectly fine locally, so the player made in Flash can't be the problem, I think it has to be code. So I was wondering if perhaps one of you could help, thanks for reading this over. I've got three drop-down lists in a navbar that displays properly in IE but not in Firefox or Sea Monkey. I can't figure out what I'm doing wrong. The lists under "Historic District" and "Take Action" are fine, but the two items under "Blog" don't show up in FF or SM. The "Blog" links are external. Would that matter to FF and SM? The WC3 turned up the likely error, but when I added and/or removed a ul and/or li tag, I got strange results and was unable to fix the problem. If someone can explain what I should do and why I'd appreciate it. WC3 flagged the <ul> tag after <li><a href="http://west80s.blogspot.com/">Blog</a></li> because: "document type does not allow element "UL" here; assuming missing "LI" start-tag" Here's the site: http://west80s.org/ Here's the code: Code: <ul class="NavHoriz-menu">
<li class="first"><a href="index.htm">Home</a></li>
<li>
<a href="http://">Historic District</a>
<ul>
<li class="first"><a href="Historic-District.htm">Proposed District</a></li>
<li><a href="letters-index.htm">Support the Historic District</a></li>
<li><a href="GB-pix.htm">Gilbert Brownstones</a></li>
<li><a href="WestPark.htm">West Park Church</a></li>
<li><a href="330-W-86-St.htm">330 W 86th St</a></li>
</ul>
</li>
<li><a href="http://west80s.blogspot.com/">Breaking News</a></li>
<li><a href="http://">Take Action</a>
<ul>
<li class="first"><a href="hydrofracking.htm">Hydrofracking</a></li>
<li><a href="letters-index.htm">Support the Historic District</a></li>
</ul>
<li><a href="MembershipForm.htm">Join</a></li>
<li><a href="mailto:info@west80s.org">Contact Us</a></li>
<li><a href="http://west80s.blogspot.com/">Blog</a></li>
<ul>
<li class="first">
<a href="http://west80s.blogspot.com/2011/07/please-help-us-wipe-out-graffiti-this.html">Graffitti Removal</a></li>
<li><a href="http://west80s.blogspot.com/2011/07/weve-adopted-tree.html">Beautificaiton</a></li>
</ul>
</li>
</ul>
Thanks for any help. Ellen Hi, I have to display the results in 20 columns, in that 14 columns are frozen, rest of them are scrollable, when I give table widht in % then scrollbar presents to view the data in Firefox. If I see the same in IE, it doesnt show all the data, and there is no scrollbar. If I give the table width in px form then to some extent I am able to see the scrollbar in IE, and minimum pixel I had to give is 3000 and above. Is there any common solution to me to fix this so that I can see same both the browsers. We would like to have solution, width in % not in px. Please let me know the solution for this. I have attached the zip file for your reference to see the code, please run in IE and Firefox and check it. Advanced thanks, Venkat When I expand menu items IE automatically detects if scrollbars are needed. When I expand them in Firefox and the menus push below the bottom of the page no scrollbars show up. This might be a scripting issue as opposed to HTML - not sure. Hello Everyone, I am putting together a web site that will allow folks to listen to some audio files (.mp3). I do not want them to have the ability to down load them. Do do this, I create an href to the file: <a href="birdcall001.mp3"> This seems to work fine in Microsoft's IE. Microsoft IE brings up the audio player and plays the file. However if I use the Firefox browser, a dialog box comes up and gives the user the choice to listen to the file or to download it. Is there a way to prevent Firefox from giving the user the option to download the file? New to this, but having a lot of fun! Thanks for any help! Steve Told you I was new at this. Additional testing shows: They can also download the file in IE by simply right clicking on the reference. So I guess the real question is "is there a way to allow users to listen to a .mp3 file, but prevent them from downloading the file" Thanks for any insight! Hi! I know how to create an rss feed file. But how to link it in a web page. what I am trying to do is to create a file of my todos, keep it in my Firefox profile folder and make Firefox's 'Live Bookmarks' see it. Thanks You may have seen this question before, but I cannot for the life of me find an answer that works. I embedded a .swf flash file on a page on my website. This flash plays perfectly on IE and Chrome, but nothing shows up on Safari or Firefox. I, at first, wrote the code by hand. Then I instead used swfobject to properly write the code (this still hasn't fixed the problem) I used the w3 markup validation site to check the code, and it comes back with 0 errors. Any Ideas? The code is below: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="posthink.swf"></script> <script type="text/javascript"> swfobject.registerObject("myFlashContent", "9.0.0"); </script> </head> <body> <div style="text-align: center;"> <object classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400" id="myFlashContent"> <param name="movie" value="posthink.swf" /> </object> </div> </body> </html> (I inserted a space in the classid= tag to do away with the : D turning into a smiley) Thanks for your help. Hello guys, I really need your help in sorting this out. This html file, http://www.koicolors.net/check-this-out/learn.html is damaged when viewed using Mozilla Firefox but not in Google Chrome and Internet Explorer. If anyone has managed to conquer this one, I would appreciate some instructions and suggestions. Thanks, magiclouie I am working on a webpage that is more than likely going to need to allow downloadable content. I am not quite sure how to go about this. Most likely its going to be video files downloaded and i want to find the most secure way to go about this. I am really in need of this info as i am on a deadline. Please Help Hi i am trying to make page http://klaedskeri.com and when i click this link, the botton goes up, why is that http://klaedskeri.com/myndir.html what am i doing wrong Hello, all! Newbie here.. and I mean a newbie! I am desperate to find out the color code for the attached color... any idea how I can find out? I tried to do a side by side comparison on a color chart.. and it just never matches right. I am hoping that one of you folks who have a clue what you're doing have a trick for figuring this out! Thanks so much!! Hello can anyone help me with a problem i have? Well i want to load a text file to a form select box and then by selecting something to it find the selection to another text and load matched line to another form select box. Thank you. As the title states, Is there any way to find out who a domain is registered too? Or even find out information on it etc? |
|||||||