|
HTML - Firefox Mac Browser Difficulties
http://taras.shacknet.nu/~public1/plpp/collectinfo.html
This is a page I'm building. FYI, this is my second version of the page, I messed up a few things in the first revision and just started over with a brand new file. The same problem happened in the first revision. This page opens up fine in Firefox and IE for Windows, and Safari for Mac. In Firefox for Mac, well, it always just comes up as a blank. Any ideas? FYI, the main website page is http://taras.shacknet.nu/~public1/plpp/ There is a link near the bottom that goes to the page in question. Thanks! Similar TutorialsI have the following link, which according to my research, is correct but throws up an error. However, I may very well have missed something obvious: Code: <a href="mailto:emailaddress@gmail.com?subject=BME%20Sponsorship%20Opportunities&body=Please%20contact%20me%20regarding%20Bendigo%20Motorcycle%20Expo%20Sponsorship%20opportunities.%0A%0AMy%20contact%20details%20are%20as%20follows:%0A%0AName:%0A%0ATel:%0A%0AEmail:%0A%0AThanks."> When the link is selected, the mail window opens with the correct details in the subject line and the body but the following within the 'To' email address field: Code: <script language='JavaScript' type='text/javascript'> <!-- var prefix = 'ma' + 'il' + 'to'; var path = 'hr' + 'ef' + '='; var addy48579 = 'emailaddress' + '@'; addy48579 = addy48579 + 'gmail' + '.' + 'com'; document.write( '<a ' + path + '\'' + prefix + ':' + addy48579 + '\'>' ); document.write( addy48579 ); document.write( '<\/a>' ); //-->\n </script> <script language='JavaScript' type='text/javascript'> <!-- document.write( '<span style=\'display: none;\'>' ); //--> </script>This e-mail address is being protected from spambots. You need JavaScript enabled to view it <script language='JavaScript' type='text/javascript'> <!-- document.write( '</' ); document.write( 'span>' ); //--> </script> This is placed in an article in Joomla which accepts HTML but I'm not convinced it's related to the CMS. If anyone can point me in the right direction, I would be very grateful. I've had a few different problems with this page. In an earlier version, I had the bottom content contained in a div called 'bottom'; however, in IE this created an unwanted gap between the two top divs and the bottom one that I couldn't figure out how to get rid of. So I tried something else, and I thought I had it figured out. This layout works well enough in FF ((still needs a bit of work, but nothing I don't already know how to do, just haven't gotten to it yet)), but it displays weird in IE. I know that adding the proper doctype fixes the problem, but I don't have that option. The webhost I have to work with isn't the best, and thus I need a way to make this display properly in quirks mode in IE. My problem is the image that appears on it's own row in the middle of the page, it should be in the same row as the two images directly below it. Here's my code: Code:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive">
<title>Berean Baptist Church</title>
<style type="text/css">
#all{
width: 755px;
}
img{
border: 0px;
}
a.default:hover{
cursor: default;
}
#D_1091040261286 {
display: none;
}
#firstright{
float: right;
height: 230px;
width: 240px;
}
#firstleft{
float: left;
height: 230px;
width: 504px;
}
#bottom{
text-align: center;
height: 560px;
width: 762px;
}
#tablist{
padding: 0px 0px 3px 0px;
margin-top: 5px;
margin-left: 1px;
font: bold 10px Verdana;
}
.buttons{
font: bold 10px Verdana;
}
#tablist li{
list-style: none;
display: inline;
margin: 0;
}
#tablist li a{
color: white;
text-decoration: none;
padding: 3px;
margin-left: 0px;
border: 1px solid black;
background-color: #69090A;
}
#tablist li a:hover{
color: #b1272a;
background-color: #efefd1;
cursor: pointer;
}
#linkboxes {
background-color: transparent;
border: 1px solid black;
}
#linkboxes td {
border: 1px solid;
}
#beforeyouattend a {
background: url(/images/10000/3000/914BE/user/beforeyouattend.gif);
display: block;
width: 220px;
height: 28px;
}
#beforeyouattend a:hover {
background: url(/images/10000/3000/914BE/user/beforeyouattendhover.gif);
display: block;
width: 220px;
height: 28px;
}
#weeklybulletin a {
background: url(/images/10000/3000/914BE/user/weeklybulletin.gif);
display: block;
width: 220px;
height: 28px;
}
#weeklybulletin a:hover {
background: url(/images/10000/3000/914BE/user/weeklybulletinhover.gif);
display: block;
width: 220px;
height: 28px;
}
#volunteeropportunities a {
background: url(/images/10000/3000/914BE/user/volunteeropportunities.gif);
display: block;
width: 220px;
height: 28px;
}
#volunteeropportunities a:hover {
background: url(/images/10000/3000/914BE/user/volunteeropportunitieshover.gif);
display: block;
width: 220px;
height: 28px;
}
#pastorsblog a {
background: url(/images/10000/3000/914BE/user/pastorsblog.gif);
display: block;
width: 220px;
height: 28px;
}
#pastorsblog a:hover {
background: url(/images/10000/3000/914BE/user/pastorsbloghover.gif);
display: block;
width: 220px;
height: 28px;
}
#employmentopportunities a {
background: url(/images/10000/3000/914BE/user/employmentopportunities.gif);
display: block;
width: 220px;
height: 28px;
}
#employmentopportunities a:hover {
background: url(/images/10000/3000/914BE/user/employmentopportunitieshover.gif);
display: block;
width: 220px;
height: 28px;
}
#enter a {
background: url(/images/10000/3000/914BE/user/enter.gif);
display: block;
width: 14px;
height: 28px;
}
#enter a:hover {
background: url(/images/10000/3000/914BE/user/enterhover.gif);
display: block;
width: 14px;
height: 28px;
}
#photo {
border: 1px solid black;
}
</style>
</head>
<body>
<div id="all">
<div id="firstright">
<div align="center">
<form style="margin-bottom: 5px;" method="get" action="http://www.google.com/search">
<input id="google" name="q" type="text" size="20" maxlength="255" value="Google search" onfocus="select();" /><img src="/images/10000/3000/914BE/user/google.gif" style="margin:0px; padding:0px;"/>
<div style="margin-top: 7px; margin-bottom: 8px;"><input type="submit" value="Search" />
<input type="checkbox" name="sitesearch" value="bbcfnc.org"/><font size="2">only search </font>
</div>
</form>
<table cellspacing="2" cellpadding="0" id="linkboxes" width="240">
<tr>
<td align="center" valign="middle"><div id="beforeyouattend"><a href="/10000/3000/914BE/welcome"></a></div></td>
<td width="14px" height="28"><div id="enter"><a href="/10000/3000/914BE/welcome5"></a></div></td>
</tr>
<tr>
<td align="center" valign="middle"><div id="weeklybulletin"><a href="/images/10000/3000/914BE/user/ThisWeeksBulletin.pdf"></a></div></td>
<td width="14px" height="28"><div id="enter"><a href="/10000/3000/914BE/ministry10"></a></div></td>
</tr>
<tr>
<td align="center" valign="middle"><div id="volunteeropportunities"><a href="/10000/3000/914BE/floating4"></a></div></td>
<td width="14px" height="28"><div id="enter"><a href="/10000/3000/914BE/floating4"></a></div></td>
</tr>
<tr>
<td align="center" valign="middle"><div id="pastorsblog"><a href="http://pastorseansblog.blogspot.com/"></a></div></td>
<td width="14px" height="28"><div id="enter"><a href="http://pastorseansblog.blogspot.com"></a></div></td>
</tr>
<tr>
<td align="center" valign="middle"><div id="employmentopportunities"><a href="/10000/3000/914BE/floating6"></a></div></td>
<td width="14px" height="28"><div id="enter"><a href="/10000/3000/914BE/floating6"></a></div></td>
</tr>
</table>
</div>
</div>
<div id="firstleft">
<div>
<a id="links" class="pointer" href="#links"><img width="500" height="200" id="photo" src="/images/10000/3000/914BE/user/homepagegallery01.gif" /></a>
<ul id="tablist">
<li><a class="buttons" id="previousbutton" onclick="prev()" onmouseover="number=1; changecontent();" onmouseout="number=2; changecontent();">PREVIOUS</a></li>
<li><a class="buttons" id="pausebutton" onclick="pause()" onmouseover="number=3; changecontent();" onmouseout="number=4; changecontent();">PAUSE</a></li>
<li><a class="buttons" id="nextbutton" onclick="next()" onmouseover="number=5; changecontent();" onmouseout="number=6; changecontent();">NEXT</a></li>
<li><a class="buttons" id="servicetimes" onmouseover="number=7; changecontent()" onmouseout="number=8; changecontent()" href="/10000/3000/914BE/floating5"> SUNDAY WORSHIP SERVICES: 8:30am, 10:45am, 6:00pm</a></li>
</ul>
</div>
</div>
<img align="middle" height="3px" width="185px" src="/images/10000/3000/914BE/user/blank.png"/><br>
<a href="http://www.e-giving.org/start.asp?id=1556"><img src="/images/10000/3000/914BE/user/egiving.gif" alt="E-giving" align="middle" width="185" height="185" hspace="0" vspace="0" ></a>
<a href="/10000/3000/914BE/staff1"><img id="welcome" align="middle" onmouseover="number=9; changecontent()" onmouseout="number=10; changecontent()" height="187px" width="370px" src="/images/10000/3000/914BE/user/Welcome-To-Berean.gif"/></a>
<a href="http://www.bbcfnc.org/media/media/recent.php"><img id="sermonconnect" onmouseover="number=11; changecontent()" onmouseout="number=12; changecontent()" src="/images/10000/3000/914BE/user/sermonsonline.gif" alt="Connect" title="Connect" align="middle" width="185" height="185" hspace="0" vspace="0" ></a><br/>
<img align="middle" height="5px" width="740px" src="/images/10000/3000/914BE/user/blank.png"/><br>
<a href="/10000/3000/914BE/history"><img src="/images/10000/3000/914BE/user/UPWARD-box.gif" alt="Upwards" align="middle" width="185" height="185" hspace="0" vspace="0" /></a>
<a href="/10000/3000/914BE/ministry5"><img src="/images/10000/3000/914BE/user/Berean-Baptist-Academy.gif" alt="Berean Baptist Academy" align="middle" width="185" height="185" hspace="0" vspace="0" /></a>
<a href="/10000/3000/914BE/ShowCalendarMonth"><img src="/images/10000/3000/914BE/user/calendar.gif" alt="Calendar" align="middle" width="185" height="185" hspace="0" vspace="0"/></a>
<a href="/10000/3000/914BE/ministry6"><img src="/images/10000/3000/914BE/user/AWANA-box.gif" alt="Awana" align="middle" width="185" height="185" hspace="0" vspace="0" /></a><br>
<img align="middle" height="5px" width="740px" src="/images/10000/3000/914BE/user/blank.png"/><br>
<div align="center"><img src="/images/10000/3000/914BE/user/BereanCampusPanorama.JPG" width="753" height="172"></div>
</div>
</body>
</html>
I need a solution that doesn't cause the page to display wrong in Firefox, and I'd prefer not to have to use a browser-detection script to document.write different HTML in. I know that would work and I could do that, but I think it would work just as well to stick to the table-based layout that's up on our site now rather than bothering with extra scripts. I created a website with google pages http://jlandbirk.googlepages.com/cross It works fine in Explorer but some problems in Firefox. In Firefox the banners are spaced further apart. But when I click on them they grow closer together. Keep in mind google pages has some built in code. Any ideas? Hey Guys I have a problem when viewing my website in firefox. However, It works in opera, safari and Quanta's preview window. I have unwanted gaps underneath buttons images that have rollovers. Wrong: Correct: The code is: Code: <TABLE border="0" cellpadding="0" cellspacing="0">
<TR><TD><IMG src="images/sidebar_top.gif"></TD></TR>
<TR><TD><IMG src="images/sidebar.gif"></TD></TR>
<TR><TD> <!-- Home Button -->
<a href=""
onmouseout="document.btn_home.src=btn_home_nm.src"
onmouseover="document.btn_home.src=btn_home_hv.src" >
<img src="images/btn_home_nm.gif" border="0" name="btn_home">
</a>
</TD></TR>
<TR><TD> <!-- Opening Times Button -->
<a href=""
onmouseout="document.btn_opening_times.src=btn_opening_times_nm.src"
onmouseover="document.btn_opening_times.src=btn_opening_times_hv.src">
<img src="images/btn_opening_times_nm.gif" border="0" name="btn_opening_times">
</a>
</TD></TR>
I don't get these gaps on firefox if I remove the a tag like this: Code: <TABLE border="0" cellpadding="0" cellspacing="0">
<TR><TD><IMG src="images/sidebar_top.gif"></TD></TR>
<TR><TD><IMG src="images/sidebar.gif"></TD></TR>
<TR><TD> <!-- Home Button -->
<img src="images/btn_home_nm.gif" border="0" name="btn_home">
</TD></TR>
<TR><TD> <!-- Opening Times Button -->
<img src="images/btn_opening_times_nm.gif" border="0" name="btn_opening_times">
</TD></TR>
But then I don't have rollovers Does anyone know why this happens, and why it doesn't happen on opera or safari? Thank you Toshi Has anyone else had any problems when using notepad to edit code created with an WYSIWYG editor such as Frontpage or Dreamweaver? In particular, making links, that are correctly coded, work? Something even odder, is that this problem only occurs on the index.html page. If I rename that page the links work just fine. I have asked this same question in other forums and no one seems to have a clue. Has anyone else encountered this or have any thoughts? i have written a simple html form code the problem is that this code is working fine when run in interner explorer, if i run in mozilla firefox form reset button work as submit button it show submit validation code when reset button press, can any one help me here is the code <script type="text/javascript"> function validation() { alert("submit buton has pressed"); return true; } </script> <body> <form id="form1" name="form_feedback" method="post" onsubmit="return validation();"> <table width="488" border="0"> <!--DWLayoutTable--> <tr> <td width="85"><span>Name:</span></td> <td width="393"><input name="txt_name" type="text" id="textfield2" size="35" /></td> </tr> <tr> <td><span>Email:</span></td> <td><input name="txt_email" type="text" id="textfield3" size="35" /></td> </tr> <tr> <td><span>Address:</span></td> <td height="0"><label> <textarea name="txt_address" id="textarea" cols="45" rows="2"></textarea> </label></td> </tr> <tr> <td><span>Phone No:</span></td> <td height="0"><input name="txt_phoneno" type="text" id="textfield4" size="20" onkeypress="return numeralsOnly(event)" /></td> </tr> <tr> <td><span>Comments For:</span></td> <td height="0"><input name="txt_commentsfor" type="text" id="textfield5" size="20" /></td> </tr> <tr> <td><span>Comments:</span></td> <td height="0"><label> <textarea name="txt_comments" id="textarea2" cols="45" rows="5"></textarea> </label></td> </tr> <tr> <td height="0"><label> <input type="submit" name="btn_submit" value="Submit"/> <input type="reset" value="Reset" name="btn_reset"/> </label></td> </tr> </table> </form> </body> I have this site I designed, of course I like it perfectly in Internet Explorer but when I tried it in FIREFOX something gets messed up. http://idesrecordings.com/testindex.htm Basically, you scroll over the cagalogue numbers [ID03] etc. If you click on one, a new smaller window opens. This works perfectly in IE for me. In Firefox, when I click on it, the smaller window opens, and the background window a few seconds later follows and displays the small page fullscreen as well. Basically, I want the homepage to always be in the background, and these seperate pages to always be in the smaller windows. I'm on a PC, I notice in Firefox it works properly if you RIGHT click on the items, but most people are going to LEFT click, so... I need it to work the same as it does in Internet Explorer. What do I do?! Code: <div id="Layer2" style="position:absolute; width:394px; height:291px; z-index:2; left: 93px; top: 165px" class="greenlinks">
<p><font face="Segoe Media Center"><font size="2"><b><font face="Arial Unicode MS">TAPE
SERIES DISCOGRAPHY <br>
</font></b><font face="Arial Unicode MS">[click on cataglogue number for
more info]</font><font face="Arial Unicode MS" size="2"><br>
</font></font></font></p>
<p class="links"><font face="Arial Unicode MS" size="2"><a href="01cribdeath.htm" class="hoverlink" onMouseDown="MM_openBrWindow('01cribdeath.htm','','width=350,height=450')">[ID01]</a>
CRIB DEATH "Nursery" c26<br>
<a href="02climaxdenial.htm" class="hoverlink" onMouseDown="MM_openBrWindow('02climaxdenial.htm','','width=350,height=450')">[ID02]</a>
CLIMAX DENIAL "Sexuality is Curse" c32<br>
<a href="03skullerection.htm" onMouseDown="MM_openBrWindow('03skullerection.htm','','width=350,height=450')" class="hoverlink">[ID03]</a>
SKULL ERECTION "Towards Failure" c20<br>
<a href="04panicsville.htm" onMouseDown="MM_openBrWindow('04panicsville.htm','','width=350,height=450')" class="hoverlink">[ID04]</a>
PANICSVILLE "Psychosexual" c40<br>
<a href="05waltercarson.htm" onMouseDown="MM_openBrWindow('05waltercarson.htm','','width=350,height=450')" class="hoverlink">[ID05]</a>
WALTER CARSON "Three Ellipticals" c30<br>
<a href="06glassbath.htm" onMouseDown="MM_openBrWindow('06glassbath.htm','','width=350,height=450')" class="hoverlink">[ID06]</a>
GLASS BATH "Grey Gardens c40<br>
<a href="07chambers.htm" onMouseDown="MM_openBrWindow('07chambers.htm','','width=350,height=450')" class="hoverlink">[ID07]</a>
N. CHAMBERS "Reciprocity" c30<br>
<a href="08sixes.htm" class="hoverlink" onMouseDown="MM_openBrWindow('08sixes.htm','','width=350,height=450')">[ID08]</a>
SIXES "Slit Ritual" c30<br>
<a href="09caves.htm" class="hoverlink" onMouseDown="MM_openBrWindow('09caves.htm','','width=350,height=450')">[ID09]</a>
CAVES "My Kingdom" c60<br>
<span class="hoverlink"><a href="10kites.htm" class="hoverlink" onMouseDown="MM_openBrWindow('10kites.htm','','width=350,height=450')">[ID10]</a></span>
KITES "Deny 1" c40<br>
<a href="11raglani.htm" onMouseDown="MM_openBrWindow('11raglani.htm','','width=350,height=450')" class="hoverlink">[ID11]</a>
RAGLANI "Oneism" c30<br>
<a href="12sabuse.htm" onMouseDown="MM_openBrWindow('12sabuse.htm','','width=350,height=450')" class="hoverlink">[ID12]</a>
SECRET ABUSE "Master I Have Desire" c30</font></p>
hoverlink is the name of my CSS for rollover links. Hopefully this makes sense. Hello, I am pretty new to the whole html world so forgive me if this is a simple problem. I have look all over for a post explaing this problem but i haven't found anything. I am making a site for a friend using Dreamweaver. I know i know, i regret not coding it from scratch but its too late now. Anyways I have a pretty good page layout going now but I have ran into a problem with loading my images. On my home page an image in a table nested inside another table will load when viewing in safari but seems to disappear in firefox. What is going on? Its a pretty simple piece of code. I place; <img src="Pictures/RDV couplepalm.jpg" width="200" height="" style="float:right; padding: 8px; margin-left:10px; margin-bottom: 10px" / inside of a paragraph in a row of a table. I have rewritten the code for this image, copied it from a working image and screwed around with the table heights (although I wasn't too sure what i was doing). What else should I try? I have attached screen shots of the site in both browsers a copy of the problem jpeg aswell as a copy of the html. Any information anyone could givee me would be REALLY appreciated! Thank you. Hey guys should I be worried about coding my site for the IE 5.x series or should I just concentrate on IE6 and IE7 does anyone know a browser that will only parse and evaluate valid HTML/XHTML based on what the doctype is and ignore invalid HTML/XHTML or generate errors. So if I had a XHTML doctype and my code was: Code: this is a XHTML document <br> this should be a new line I don't want the <br> to parse because I want something to trigger that is it not a valid XHTML tag since it is not closed. Any browser won't really care and just show the new line. I would have to validate it on the w3c website to find my error. So I want a browser that would give me these results based on my example code: Code: this is a XHTML documentthis should be a new line and then some sort of error saying "<br>" on line x is invalid. Hi, I work on a Mac, and have Safari, Internet Explorer 5 and Firefox. 1. What do you think I should be building my sites to? What do you use? 2. Also why do some sites work in all browsers? CSS hacks? Microsoft are no longer letting you download Internet Explorer for the Mac, from microsoft.com. Therefore all new mac users from February last year will not be using Explorer. Please help! Thankyou Tom Ok my runescape site looks fine in Mozilla and IE6, but I have two members using IE7 that are getting this: http://img341.imageshack.us/my.php?image=rsguidegw1.jpg Just wondering what the "hack" is for IE7 to get this to align right. The site is as follows: http://rse.pzproductions.com The CSS is: Code: body {
background-color: #5a5a5a;
color: #ffffff;
margin: 0;
padding: 0;
font-family: trebuchet ms, arial, verdana, helvetica, georgia;
font-size: 10pt;
height: 100%;
}
#wrapper {
width: 100%;
min-height: 100%;
margin: auto;
position: relative;
}
* html #wrapper {
background-image: url(images/navbg.gif);
background-repeat: repeat-y;
height: 100%;
}
#navheadwrap {
margin: 0;
padding: 0;
float: left;
height: 100%;
position: fixed;
background-image: url(images/navbg.gif);
background-repeat: repeat-y;
width: 200px;
}
* html #navheadwrap {
position: relative;
}
#head {
background-image: url(images/rsenewtitle1.gif);
background-repeat: no-repeat;
margin: 0;
padding-bottom: 15px;
width: 200px;
height: 200px;
z-index: 2;
}
#navigation {
width: 200px;
height: 100%;
margin: 0;
padding: 0;
z-index: 1;
position: absolute;
margin-top: -50px;
}
* html #navigation {
position: relative;
}
#navigation h3 {
margin: 0 0 10px 10px;
color: #000;
font-size: 14pt;
display: inline;
font-family: papyrus, "trebuchet ms", tahoma, georgia;
}
#navigation ul {
display: inline;
list-style-type: none;
}
#navigation a, #navigation a:visited, #navigation a:active {
color: #17486A;
padding: 5px 3px 0px 15px;
display: block;
text-decoration: none;
width: 85%;
font-size: 11pt;
}
#navigation a:hover {
color: #17486A;
padding: 5px 3px 0px 15px;
display: block;
text-decoration: underline;
width: 85%;
font-size: 11pt;
}
#navigation li.title {
font-size: 12pt;
font-weight: bold;
border-bottom: 1px dashed #000000;
width: 85%;
color: #000000;
margin: 0px auto 0px 10px;
text-align: left;
font-family: papyrus, tahoma, georgia;
}
* html #navigation li.title {
width: 75%;
}
#content {
position: relative;
margin-left: 200px;
padding: 10px 10px 10px 0;
height: 100%;
}
.adminsig {
font-weight: bold;
color: yellow;
}
#content a, #content a:visited, #content a:active {color: #DBA206;}
#content a:hover {text-decoration: none;}
.paragraph {
padding-left: 10px;
padding-right: 10px;
text-align: justify;
}
#content ul {
list-style-type: none;
}
#content h2.orange {
color: #DBA206;
font-family: papyrus, "trebuchet ms", tahoma, georgia;
display: inline;
}
#content h3 {
color: #429AD7;
font-family: papyrus, "trebuchet ms", tahoma, georgia;
display: inline;
}
.newstitle {
font-size: 11pt;
font-weight: bold;
font-family: "trebuchet ms", arial, verdana;
border-bottom: 1px solid #000000;
width: 100%;
color: #429ad7;
}
.border {
border: 1px solid white;
}
#goal {
border-bottom: 1px solid #000000;
color: #eeeeee;
padding: 0px 0px 3px 20px;
margin: 0;
}
#goal a, #goal a:visited, #goal a:active {color: #DBA206;}
#goal a:hover {text-decoration: none;}
#goal h3 {
color: #dba206;
font-family: papyrus, "trebuchet ms", tahoma, georgia;
display: inline;
}
#goal h4.progress {
color: #FF0000;
}
#goal h4.deadline {
color: #0BDF00;
}
#goal h4 {
color: #429AD7;
font-family: papyrus, "trebuchet ms", tahoma, georgia;
display: inline;
}
/* Block Menu */
#ul-table li a {
background-color:#1A4766;
font: 10pt "trebuchet ms", Arial, sans-serif;
display:block;
line-height:30px;
}
#ul-table a:link, #ul-table a:visited, #ul-table a:active {
color: #ffffff; text-decoration: none;
}
#ul-table a:hover {
background-color:#1E6799;
color: #ffffff;
text-decoration: underline;
}
#ul-table {
width: 505px;
text-align:center;
margin: 0px auto;
padding:0;
color: navy;
list-style-type:none;
clear:both;
}
#ul-table li {
width: 125px;
float:left;
border:1px solid black;
border-right:none;
text-align: center;
}
* html #ul-table li a {
width: 100%;
}
#ul-table li.top {
border-bottom:none;
}
#ul-table li.right {
border-right:1px solid #000000;
}
#ul-table li.nolink {
font-weight: bold;
background-color: #D0AE78;
color: black;
}
.clear {
clear:both;
margin-top:-1px;
height:1px;
overflow:hidden;
}
/* End Block Menu */
/* Small Block Menu */
#skills td a {
font: 10pt "trebuchet ms", Arial, sans-serif;
display:block;
line-height:30px;
}
#skills a:link, #skills a:visited, #skills a:active {
color: #ffffff; text-decoration: none;
}
#skills a:hover {
background-color:#1E6799;
color: #ffffff;
text-decoration: underline;
}
#skills {
text-align:center;
margin: 0px auto;
padding:0;
color: navy;
list-style-type:none;
clear:both;
}
#skills td {
width: 125px;
float:left;
border:1px solid black;
border-right:none;
text-align: center;
background-color:#1A4766;
}
* html #skills td a {
width: 100%;
}
#skills td.top {
border-bottom:none;
}
#skills td.right {
border-right:1px solid #000000;
}
#skills td.nolink {
font-weight: bold;
background-color: silver;
color: #1A4766;
line-height: 30px;
border-bottom: none;
font-size: 12pt;
text-align: left;
padding-left: 5px;
}
#skills td.nolinkbottom {
font-weight: bold;
background-color: silver;
color: #1A4766;
line-height: 30px;
font-size: 12pt;
text-align: left;
padding-left: 5px;
}
/* End Small Block Menu */
/* Start Stat Tables */
.stattable {
border: 1px solid #000000;
border-bottom: none;
margin: 0;
padding: 0;
}
.stattable th {
font-weight: bold;
font-size: 11pt;
background-color: #1A4766;
border-bottom: 1px solid black;
padding: 2px;
text-align: center;
}
.stattable td {
background-color: #336699;
padding: 2px;
text-align: center;
height: 40px;
border-bottom: 1px solid black;
}
.stattable td.left {
text-align: left;
}
/* New Table Layout */
#table {
margin: auto;
border-left: 1px solid #000;
border-top: 1px solid #000;
}
#table a, #table a:visited, #table a:active {
text-decoration: underline;
color: #000;
}
#table a:hover {
text-decoration: none;
color: #000;
}
.tableheader {
font-weight: bold;
text-align: center;
background-color: #333;
color: #fff;
}
.tr1 {
padding: 3px;
background-color: #369;
color: #fff;
border-bottom: 1px solid #000;
}
.tr2 {
padding: 3px;
background-color: #ccc;
color: #000;
border-bottom: 1px solid #000;
}
td {
border-right: 1px solid #000;
border-bottom: 1px solid #000;
text-align: center;
padding: 5px;
}
th {
border-right: 1px solid #000;
border-bottom: 1px solid #000;
text-align: center;
padding: 5px;
}
Since all browser's are different, im trying to make a browser detection system for my website. the only problem is.. i can't.. I tried for several hours and have yet to make it work succesfully. Is there anyone who can make (or help make) a browser detection system for me? I would post my script but i deleted it. it would detect ie, but it mistook every other browser for google chrome. Can someone please offer advice related to http://www.telfordsteamrailway.co.uk...dale/index.php the 'Visit our website' link works in IE & Opera but not SAfari / FF/ Google the page validates - I just cant see why it doesnt work hi. i would really appreciate some help here. i am totally new to designing pages but i managed to make this www.cilipi.bravehost.com . Now, what is the problem? I display it in Mozilla and it works great, no mistakes at all but after loading it in Ie everything is messed up, i get activex codes, bcs of my flash...etc etc i really like this site and i beg you, i really beg some guru to check my source code, i am ready to send him a whole page...everything needed to help me out. i am really desperate, having so much fine making this and uploading it...now it looks bad in ie. please, could someone help me? THANK YOU! regards from croatia Hi, Is there a way I can not show all the url in the browser window. for instance when showing a links page, instead of the address being "http://www.webspace.co.uk/links.htm" could it just be "http://www.webspace.co.uk I have seen this done but not sure how. Thanks Simon Here is what I want to do: Basically there is an mmorpg game I play, and to play it you must download the client and install it. What I want to do is upload the files to a server and make a webpage in HTML that I can launch the game from, or embed it into the website, whichever works best. How would I achieve this? Thank you. I'm almost done with my new website's main template. Now, the only thing that remains is that my website looks exactly how I want it in IE and total crap in Firefox. I was wondering if anyone could help me out/figure out what's going on. The URL is www.smbmovie.com... This page looks exactly like I want it to in Firefox but not in ie6 or ie7. In ie6 the fieldsets are different heights but I want them to be the same (as in firefox) and in ie7 some of the submit buttons are hidden. Can someone help me with this? Thanks... I have studied my code and for the life of me can't figure out why the header is not showing up in IE7 (windows). It shows up in all other browsers just fine. Can someone help me and take a look at my code and tell my what I may have missed? http://www.kingcrabshack.com/ Thank you for your time. |
|||||||