|
HTML - My Blog Layout Does Not Work With Firefox.
Hello all,
I use Internet Explorer 7 which is also the browser I preview my layouts on. I've had problems with my layouts looking like they should on Firefox for the longest time and I think it's time I tried correcting the problem. When I load my blog on Firefox the entry box overlaps with a portion of the image. The entry box's height is also too long on Firefox. I do know that coloured scrollbars don't show up on Firefox so that's not a problem. My main issue is that the basic arrangement of the boxes of my layout is completely messed up on Firefox. Here's the HTML: Quote: <html> <head> <title>o.d.c v41: i am more than you will see.</title> <style type="text/css"> A:link { text-decoration: none; font-weight: bold; color: #924146 } A:visited { text-decoration: none; font-weight: bold; color: #924146 } A:active { text-decoration: none; color: #000000 } A:hover { text-decoration: line-through; cursor: default; color: #000000 } body {background-color: #E6DDD0; scrollbar-face-color: #E6DDD0; scrollbar-highlight-color: #E6DDD0; scrollbar-3dlight-color: #E6DDD0; scrollbar-shadow-color: #E6DDD0; scrollbar-arrow-color: #E6DDD0; scrollbar-track-color: #E6DDD0; scrollbar-darkshadow-color: #E6DDD0; font-family: tahoma; color: #000000; text-align:justify; margin: 0px; font-size: 8pt;} .entry {position: absolute; top: 80px; left: 163px; width: 514px; height: 481px; border-left: 1px solid #52191D; border-right: 1px solid #52191D; border-top: 1px solid #52191D; border-bottom: 1px solid #52191D; padding: 10px; letter-spacing: 0pt; line-height: 9pt; overflow:auto; background-color: #D9B8AE; scrollbar-face-color: #D9B8AE; scrollbar-highlight-color: #000000; scrollbar-3dlight-color: #D9B8AE; scrollbar-shadow-color: #000000; scrollbar-arrow-color: #D9B8AE; scrollbar-track-color: #D9B8AE; scrollbar-darkshadow-color: #D9B8AE;} .image {position: absolute; top: 50px; left: 680px; border-left: 0px solid #52191D; border-right: 0px solid #52191D; border-top: 0px solid #52191D; border-bottom: 0px solid #52191D;} .links {position: absolute; top: 50px; left: 163px; width: 514px; height: 10px; border-left: 1px solid #52191D; border-right: 1px solid #52191D; border-top: 1px solid #52191D; border-bottom: 1px solid #52191D; padding: 6px; text-align: center; background-color:#D9B8AE;} </style> <script type="text/javascript" src="http://www.haloscan.com/load/tripwires"> </script> </head> <body> <div class="image"> <img src="http://img.photobucket.com/albums/v628/yelen/mewithtext.jpg"> </div> <div class="entry"> <center><font color=#BC6A6F><b><u>%%short_description%%</u></b></font></center> <p align="right"><i>written: %%time%% on %%date%%</i></p> <P> %%entry%% <P><P><P><P> <P align="right"> <font size=1.5><a href="javascript:HaloScan('%%page_name%%');" target="_self"><script type="text/javascript">postCount('%%page_name%%');</script></a></font> <P><P> <p align="center"><a href="%%prev%%">previous entry</a> || <a href="%%next%%">next entry</a> <P><center><hr width=90% noshade color=#000000 HR size="1"></center><P> <b> Previously:</b><br> %%older_entries%%<P> <br> <P align="center"> <!--WEBBOT bot="HTMLMarkup" startspan ALT="Site Meter" --> <script type="text/javascript" language="JavaScript">var site="s13cyelen"</script> <script type="text/javascript" language="JavaScript1.2" src="http://s13.sitemeter.com/js/counter.js?site=s13cyelen"> </script> <noscript> <a href="http://s13.sitemeter.com/stats.asp?site=s13cyelen" target="_top"> <img src="http://s13.sitemeter.com/meter.asp?site=s13cyelen" alt="Site Meter" border=0></a> </noscript> <!-- Copyright (c)2002 Site Meter --> <!--WEBBOT bot="HTMLMarkup" Endspan --> <!-- Begin Nedstat Basic code --> <!-- Title: like i could care --> <!-- URL: http://offence.diaryland.com --> <script language="JavaScript" src="http://m1.nedstatbasic.net/basic.js"> </script> <script language="JavaScript"> <!-- nedstatbasic("ABZB6g7C7XYY5+UwEEa7SkNbtBHg", 0); // --> </script> <noscript> <a target="_blank" href="http://v1.nedstatbasic.net/stats?ABZB6g7C7XYY5+UwEEa7SkNbtBHg"><img src="http://m1.nedstatbasic.net/n?id=ABZB6g7C7XYY5+UwEEa7SkNbtBHg" border="0" nosave width="18" height="18"></a> </noscript> <!-- End Nedstat Basic code --><P> </div> <div class="links"> <a href="http://offence.diaryland.com/index.html">new</a> <a href="http://offence.diaryland.com/older.html">old</a> <a href="http://offence.diaryland.com/bio.html">bio</a> <a href="http://offence.diaryland.com/omake.html">extras</a> <a href="http://offence.diaryland.com/layout.html">layout</a> <a href="http://members.diaryland.com/edit/notes.phtml?user=offence">notes</a> <a href="mailto:yelen.dean14[at]gmail.com">email</a> <a href="http://offence.diaryland.com/poetry.html">poetry</a> <a href="http://www.fanfiction.net/~hisashilovesyelen" target="_blank">fanfiction</a> <a href="http://www.fictionpress.com/~hisashilovesyelen" target="_blank">originals</a> <a href="http://offence.diaryland.com/faveentries.html">favourites</a> <a href="http://www.diaryland.com">host</a> </div> </body> </html> Here's the link to my blog: http://offence.diaryland.com I have VERY basic knowledge of HTML, as I'm sure is obvious. Any help is, therefore, greatly appreciated. Similar Tutorialsi know very basic html, i have taken some free script to create a blog layout for my website: http://www.williamhessian.com/bloglayout.html however, even using the original code that i was given, i cannot get the sidebar to appear on the actual side. it constantly wants to appear below the other content. i think this is probably a simple problem, but i cannot figure it out. any help is much appreciated. also if you see any other script problems while you are viewing source please let me know. suggestions are very welcome. william Hi! This is was my blog looks like at the moment: http://neverrgrowold.blogspot.com/ I would like to add a 3rd column to my 2 column layout. I know this will mean resizing the other two columns which I know how to do.. I just have no idea to add another column to the right. Here is the html: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<title>Never Grow Old</title>
<style type="text/css">
#navbar-iframe{height:0; visibility:hidden; display:none;}
body
{background-color: #000;
font: normal 10pt Trebuchet MS;
color: #e5e5e5;
cursor: crosshair;
line-height: 75%;
scrollbar-face-color: #ddd;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #ddd;
scrollbar-darkshadow-color: #ddd;
scrollbar-shadow-color: #fff;
scrollbar-arrow-color::#fff;
scrollbar-track-color: :#ddd;}
a:link, a:visited, a:active
{color: #e5e5e5; text-decoration: none; text-transform: none; font: normal 8pt Trebuchet MS; cursor: normal;}
a:hover
{text-decoration: ; text-transform: None; font: normal 12pt Trebuchet MS; cursor: normal; color: #FF4C79;}
blockquote {font: normal 8pt trebuchet ms; color:#e5e5e5; padding:5px; border-left:7px solid #ddd; background-color:#000;}
blockquote:hover {-moz-border-radius:4px; padding:5px; border:2px solid #000; }
blockquote:first-letter {background: #000; font: italic 15pt "Georgia"; color: #FF4C79;float: padding: 5px; text-transform: uppercase;}
.head
{text-align: center; font-family: impact; font-size:12pt; color:#CCFF66; text-align: left; text-transform: none; line-height: 9pt; font-style: none; background:#000; padding: 5px; }
.content
{font-size: 9pt; font-family: Trebuchet MS;color:#e5e5e5; background: #000; line-height: 14px; padding:10px; border: 2px solid #111; }
.headline1{font:normal 30pt Courier New; color:#e5e5e5; letter-spacing:-3px; text-transform:uppercase; line-height:100%; }
</style>
<script type="text/javascript">
/***********************************************
* Disable select-text script- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reDisable(){
return false
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reDisable
}
</script>
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
<body>
<div style="position: absolute; top: 10px; left: 188px; width: 500px;">
<span class="headline1"><img src="http://i44.tinypic.com/bfoq69.png"/>
</span><br>
</div>
</div>
<div style="position: absolute; top: 440px; left: 525px; width: 600px;">
<Blogger>
<div class="head">@ <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> </div>
<div class="content"><$BlogItemBody$></div><p>
</Blogger>
</div>
<div style="position: absolute; top: 440px; left: 190px; width: 310px;">
<div class="head">Welcome! </div>
<div class="content">
<div><img src="http://24.media.tumblr.com/avatar_66b2c19ef795_64.png" align="left" /><font color=#e5e5e5>I believe we never truly grow old unless we let ourselves. You'll find anything and everything to do with your childhood if
yyou grew up anywhere between the late 80's to the early 2000's. So sit back, enjoy your stay, and take a trip down memory lane ;)
</font></div>
<p>
</div><p>
<div class="head">Memory Lane.</div>
<div class="content">
ghghghghh
</div><p>
<div class="head">Support</div>
<div class="content">
Place your tagobard here,
<a href="http://cbox.ws">Cbox</a> recommended<BR>
</div><p>
<div class="head">Links</div>
<div class="content">
Place all your links here,<br>
<a href="http://www.blogskins.com/me/theomorphi-c">theomorphi-c</a>
<a href="http://www.blogskins.com/me/theomorphi-c">theomorphi-c</a>
<a href="http://www.blogskins.com/me/theomorphi-c">theomorphi-c</a>
<a href="http://www.blogskins.com/me/theomorphi-c">theomorphi-c</a>
<a href="http://www.blogskins.com/me/theomorphi-c">theomorphi-c</a>
<a href="http://www.blogskins.com/me/theomorphi-c">theomorphi-c</a>
<a href="http://www.blogskins.com/me/theomorphi-c">theomorphi-c</a>
<a href="http://www.blogskins.com/me/theomorphi-c">theomorphi-c</a>
<a href="http://www.blogskins.com/me/theomorphi-c">theomorphi-c</a>
<a href="http://www.blogskins.com/me/theomorphi-c">theomorphi-c</a>
</div><p>
<div class="head">Looking Backwards.</div>
<div class="content">
<BloggerArchives>
<BloggerArchives>
<a href="<$BlogArchiveURL$>"> <$BlogArchiveName$></a>
</BloggerArchives></a><br><br>
</div><p>
<div class="head">Credits</div>
<div class="content">
Designer @<a href="http://www.blogskins.com/me/theomorphi-c">theomorphi-c</a>,<br>
Basecode: <a href="http://www.blogskins.com/me/sacrificelove-">sacrifice</a><a href="http://love--bites.blogspot.com">love-</a><br>
</div><p>
</div>
</body>
I've been trying to figure it out with my basic html knowledge for a while now and I can't get it, I would be really appreciative if someone could help me out. Thanks!! I'm quite new to the world of HTML and actually know very little about this stuff. I'm trying to do a web page for my friends company but I'm stuck. I have made my body and "menu" parts to expand according to the text I enter but it screws my layout up Maybe some one could take a look and say what I have done wrong. For me it looks like body and menus are dependent from each other, if I enter text to menu1, body and menu2 also rescale themselves... Here is the link to the problem, you can see what I want by clicking on the link "Picture of the design I want" Hi I am new to this site, I am having problem in my non blog site. I was trying to integrate wordpress blog in my non blog site. I am nearly done only few issues. Here is the site http://www.zipanatomy.com/blog/ 1. the post titles are coming some other way, without linking and some coding. 2. down to the footer, I have called a footer.php file which is from the non blog site and is in the root directory, the problem here is, they are linking to the wordpress log folder. 3. And one more issue is when I click the categories and do any search from the sidebar, that are opening on the extreme right of the page instead of in center. please, advices from the pros where I am getting wrong. thanks in advance, chander Hi I've built a website for my karaoke show, and would like to add a blog page to the site. Rather than 3rd party, I'd prefer to have my own blog on my own domain to increase traffic for the SE crawlers. I was wondering... - what some good options are ie what blog software to use - if I can have a blog that somehow incorporates Facebook and Twitter (i've seen Facebook connect, but I'd like something that posts my blog messages to my Facebook and Twitter pages) I currently have a Typepad blog on there, but as I said, I'd prefer to have my own blog code, not third party. The site is www.billygoatkaraoke.com.au , and I'd really like the blog to stay on the site - I'm thinking that I'll have a blog page open up over the goat when someone clicks on the BLOG link. Cheers Shaun Pls excuse the amateur question, but can someone please help me with this IE vs Firefox placement issue? My problem is the vertical positioning of the text and image boxes on the left sidebar in IE (3 groups: 'Calculus 2010', 'Muse 2010', followed by a set of flash image rotations). The layout is ideal in Firefox but there is too much spacing between the three sets in IE (between the Calculus image link and the Muse text, and between the Muse image link and the flash table). Images and code below (trimmed the code to fit this site posting max) - many thanks to anyone willing to help. Images: Code: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>Gordon International Sidebar</title>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1" charset="iso-8859-1">
<META name="Copyright" content="Gordon_Intl_http://www.gordoninternational.com/">
<link rel="StyleSheet" href="css/common-style.css" type="text/css">
<link rel="StyleSheet" href="css/gray.css" type="text/css">
<link rel="StyleSheet" href="css/gray-menu.css" type="text/css">
<script language="JavaScript" type="text/javascript" src="css/css.js"></script>
<script language="JavaScript" type="text/javascript" src="javascripts.js"></script>
<script language="JavaScript" type="text/javascript" src="scroller/scroll.js"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<style type="text/css">
<!--
a:link {
color: #FFF;
}
a:visited {
color: #FFF;
}
a:active {
color: #FFF;
}
-->
</style></head>
<BODY link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" class="sidebar-background2">
<!-- START CONTENT TABLE -->
<TABLE cellpadding="10" cellspacing="0" border="0" width="368" class="sidebartext"><tr>
<td width="348" align="left" valign="top">
<p><br>
<p>Search Our Site<br>
<script language="JavaScript" type="text/javascript" src="search.js"></script>
<br>
<a>
<p>New Collections!<br>
<br>
<br>
<a href="collection_calculus.htm" target="_parent">Calculus 2010 -</a> </p>
<table width="93" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td><img src="picts/swf_crnr_blk_top.jpg" alt="" width="5" height="10" hspace="0" vspace="0" border="0"></td>
<td><img src="picts/swf_brdr_hrzntl_top.jpg" alt="" width="100" height="10" hspace="0" vspace="0"></td>
<td><img src="picts/swf_sqr_rght_top.jpg" alt="" width="8" height="10" hspace="0" vspace="0" border="0"></td>
</tr>
<tr>
<td height="87"><img src="picts/swf_brdr_left_blk.jpg" alt="" width="5" height="87" hspace="0" vspace="0" border="0"></td>
<td height="87" bgcolor="#FFFFFF"><a href="collection_calculus.htm" target="_parent"><img src="picts/price pics/calculus/2010_Calculus_channel_hb_sidebar.jpg" alt="Muse Collection" width="93" height="83" align="absmiddle"></a></td>
<td height="87"><img src="picts/swf_brdr_rght.jpg" alt="" width="8" height="87" hspace="0" vspace="0" border="0"></td>
</tr>
<tr>
<td><img src="picts/swf_crnr_blk_bottom.jpg" alt="" width="5" height="10" hspace="0" vspace="0"></td>
<td><img src="picts/swf_brdr_hrzntl_bottom.jpg" alt="" width="100" height="10" hspace="0" vspace="0"></td>
<td><img src="picts/swf_sqr_rght_bottom.jpg" alt="" width="8" height="10" hspace="0" vspace="0"></td>
</tr>
</table>
<p><br>
<br>
<br>
<br>
<br>
<br>
</p>
<p> </p>
<p><a href="collection_muse.htm" target="_parent">Muse 2010 -</a>
</p>
</p>
<table width="93" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td><img src="picts/swf_crnr_blk_top.jpg" alt="" width="5" height="10" hspace="0" vspace="0" border="0"></td>
<td><img src="picts/swf_brdr_hrzntl_top.jpg" alt="" width="100" height="10" hspace="0" vspace="0"></td>
<td><img src="picts/swf_sqr_rght_top.jpg" alt="" width="8" height="10" hspace="0" vspace="0" border="0"></td>
</tr>
<tr>
<td height="87"><img src="picts/swf_brdr_left_blk.jpg" alt="" width="5" height="87" hspace="0" vspace="0" border="0"></td>
<td height="87" bgcolor="#FFFFFF"><a href="collection_muse.htm" target="_parent"><img src="picts/price pics/muse/muse_task_arm_sidebar.jpg" alt="Muse Collection" width="93" height="83" align="absmiddle"></a></td>
<td height="87"><img src="picts/swf_brdr_rght.jpg" alt="" width="8" height="87" hspace="0" vspace="0" border="0"></td>
</tr>
<tr>
<td><img src="picts/swf_crnr_blk_bottom.jpg" alt="" width="5" height="10" hspace="0" vspace="0"></td>
<td><img src="picts/swf_brdr_hrzntl_bottom.jpg" alt="" width="100" height="10" hspace="0" vspace="0"></td>
<td><img src="picts/swf_sqr_rght_bottom.jpg" alt="" width="8" height="10" hspace="0" vspace="0"></td>
</tr>
</table>
<p><br>
</p>
<p> </p>
<p> </p>
<p> </p>
<p><br>
<br>
</p>
<p>
<table width="113" height="265" border="0" align="left" cellpadding="0" cellspacing="0">
<tr bgcolor="#223F83">
<td width="100" height="10" bgcolor="#274082"><img src="picts/swf_crnr_blk_top.jpg" width="5" height="10"></td>
<td width="100" height="10" bgcolor="#274082"><img src="picts/swf_brdr_hrzntl_top.jpg" width="100" height="10"></td>
<td width="100" height="10" bgcolor="#274082"><img src="picts/swf_sqr_rght_top.jpg" alt="" width="8" height="10"></td>
</tr>
<tr>
<td width="100" height="75" bgcolor="#274082"><img src="picts/swf_brdr_left_blk.jpg" width="5" height="75"></td>
<td width="100" height="75" bgcolor="#274082"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100" height="75" hspace="0" vspace="0" align="middle" class="subtitle" id="FlashID2" title="Projects">
<param name="movie" value="flash/quick_projects3.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="6.0.65.0">
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf">
<param name="SCALE" value="exactfit">
<param name="BGCOLOR" value="#223F83">
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object data="flash/quick_projects3.swf" type="application/x-shockwave-flash" width="100" height="75" hspace="0" vspace="0" align="middle">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="6.0.65.0">
<param name="expressinstall" value="Scripts/expressInstall.swf">
<param name="SCALE" value="exactfit">
<param name="BGCOLOR" value="#223F83">
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
<td width="100" height="75" bgcolor="#274082"><img src="picts/swf_brdr_rght.jpg" width="8" height="75"></td>
</tr>
<tr bgcolor="#233F80">
<td width="5" height="10"><img src="picts/swf_crnr_blk.jpg" width="5" height="10"></td>
<td width="100" height="10" bgcolor="#274082"><img src="picts/swf_brdr_hrzntl.jpg" width="100" height="10"></td>
<td width="8" height="10" bgcolor="#274082"><img src="picts/swf_sqr_rght.jpg" alt="" width="8" height="10"></td>
</tr>
<tr>
<td width="5" height="75" bgcolor="#274082"><img src="picts/swf_brdr_left_blk.jpg" width="5" height="75"></td>
Hello everyone, The forums here are very helpful and i would like to thank everyone for posting. My trouble is simply when I was designing the website it was done a firefox browser and everything was perfect and in the right place, When I attempted to visit the website in a IE browser the logo is out of place as well as the side navigation, It appears that the side navigation is always below the content to the right of it. http://www.blackwidowinc.com Any help is greatly appreciated. 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 I am building a web site for one of my friends. The address is www.lawlessbullies.com . I can't get the middle section to remain centered on both Firefox and IE. It looks perfect in IE, but not in Firefox. I'm not sure if I need to edit my html, or the css. Can someone take a look and help me out? i've been trying to find a solution for weeks and this is my last resort. Its probably something small, and easy. I'll post my index.html and my style.css Hi I am very new to website design and html code therefore I cannot spot what may be a very simple error in my webpage code. The page in question is http://www.stephanieholmes.co.uk/videos.html I have made the page in dreamweaver. The content is layed out in a table 7x8 with the two outer column's rows merged to contain the left and right floral border. However, in Firefox the centre columns are displaced vertically, but this problem does not occur in IE which confuses me. Please help! hey guys, i am working for a few hours on my website project (design part), but still don't get it work correctly. This is what it should look like: http://www.jarisch.net/faz/img/4_5.png And this is the current version: http://www.jarisch.net/faz how can i prevent firefox and opera from making spaces between some images as well as from making spaces between the outer images and the borders (top and bottom)? thanks a lot.. amoun Is it possible to get this website to work in Firefox? When the window gets minimized smaller, it's supposed to stretch to fit the new screen (in IE it works) but in Firefox it doesn't resize right... is there any way for it to work in FireFox? http://www.clockwork-chaos.com/paperclover At the top of http://www.eastofedenevents.com/, the nav buttons all change except the "location" one-- It will not highlight in Firefox, on my Mac. It works fine in Safari, on a mac. Why is this? Thank you. Why Does Alt Text in the html img Tag Not Work in Firefox？ It works well in IE but not in Firefox. Anyone knows why? Thanks in advance. I'm an HTML novice in desperate need of an HTML expert. I paid a guy a lot of money to convert my website over from a Microsoft server to a Linux server and the results were mixed. The text links work in Internet Explorer but not in Firefox. http://www.colorado-carpet-masters.com/carpetcleaningBoulder.php I tried taking them out of a table with no luck. For some reason Firefox reads the links as regular HTML instead of a Hyperlink. 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. My website is http://www.unofficialguildwars.com Only just started it and it works fine in every browser except firefox. Ive checked the html i see no problems with it. Really confused on this one, any help would be great. Hi, pretty new to HTML, any help would be greatly appreciated. My links back to my home page etc e.g. my menu links that link to my root folder work fine in IE but when I try opening them in firefox or Flock none of my links work including my link to my CSS style Sheet. Heres an example of my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Anime</title> <link rel="stylesheet" type="text/css" href=" /anime2.css"/> </head> <body> <div class="header"> <div class="logo"> <a href="/Anime.html"> <img src="/anime.png" alt-"Anime Hub" style="border-style:none"/> </a> </div> </div> <div class="menu"> <ul> <li> <a href="/anime.html"> Home </a> </li> <li> <a href="/animenews.html"> News </a> </li> <li> <a href="/animes.html"> Animes </a> </li> <li> <a href="/animepreviews.html"> Previews </a> </li> <li> <a href="/animeblog.html"> Blog </a> </li> <li> <a href="/animeforums.html"> Forums </a> </li> </ul> </div> Im using a forward slash for the link to search in my root folder, if I use ../../ to go back two folders it seems to work, but this is tedious and I am sure there must be another way. Please Help Thanks in advance Hi, I am new to this borad, hope someone good at HTML can help me. I am building a website www.blazeauto.co.uk/shop/ there is a problem with the navigation menu. It work perfects in Firefox and Safari but not in IE. The following are the code I use. <ul id="mainmenu-nav"> <ul class="ul-nav" <li class="li-nav"><a href="index.php?act=viewCat&catId=1" class="txtDefault">Test Category</a></li> </ul> <ul class="ul-nav" <li class="li-nav"><a href="index.php?act=viewCat&catId=2" class="txtDefault">Level1</a></li> </ul> <ul class="ul-nav" <li class="li-nav"><a href="index.php?act=viewCat&catId=4" class="txtDefault">Level2</a></li> </ul> <ul class="ul-nav" <li class="li-nav"><a href="index.php?act=viewCat&catId=5" class="txtDefault">Level3</a></li> </ul> </ul> And this is the CSS code .li-nav a{ font-size: 14px; width: 150px; display: block; text-indent: 2px; font-family: "Trebuchet MS", Verdana, Arial; color: #000000; text-decoration:none; font-weight: bold; background-image:url(/shop/img/linkout.gif); } .li-nav a:hover{ width: 150px; display: block; text-indent: 2px; font-family: "Trebuchet MS", Verdana, Arial; color: #FFFF00; text-decoration:none; background-color: #0066FF; background-image:url(/shop/img/linkover.gif); ----------------------- Can anyone tell me what is wrong? I have been trying for two days with no luck. Thanks Per |
|||||||