|
HTML - Gaps: Html Prob
Hey guys, im a noob at html, but im a graphic designer so decided to put my own site together.
i used dreamweaver to make the code but have come across a problem. www.londonjam.co.uk in firefox, everything is ok, but in explorer there are gaps. just below the email address and at the bottom of the p on portfilio. Could someone please help me as i need to promote my site, but want it looking correct before i do Thanks Dan Similar TutorialsHey guys In internet explorer, in a computer that has Skype installed on it, Skype makes all telephone numbers in webpages into Skype buttons with a Skype menu! Here is an example. http://thebrowserhighlighter.com/images/tool_skype.gif There are two problems with this: As a result, Skype takes control of the graphics, it changes the font, the size, and adds a Skype button near it! The second problem is that Skype also "thinks" IDs and or catalog numbers are PHONE numbers, and does the same thing to them! Is there a way to disable Skype from doing this (not in MY computer, in the HTML itself)? Hi, when I create a table and set images as the background in each cell, there is a gap between each cell so the images don't link up. I think this is where the border would be. Can anyone help me get rid of these gaps? thanks http://homepage.ntlworld.com/paul.erwin/homepage.html <html> <head> <title>Romanian Aid Distrubution</title></head> <body bgcolor="#ffffff" text="#000000"> <center><img src="http://homepage.ntlworld.com/paul.erwin/banner.jpg" border=0 width=778px></center> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!-- saved from url=(0014)about:internet --> <table bgcolor="#33bb00" border=0 align=center cellspacing=0 valign=top> <tr><td width=776px><center> <html> <head> <title>horizontal-menu.png</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!--Fireworks CS3 Generic target. Created Tue Sep 23 17:01:42 GMT+0100 (GMT Daylight Time) 2008--> <script language="JavaScript"> <!-- function MM_displayStatusMsg(msgStr) { //v1.0 status=msgStr; document.MM_returnValue = true;} function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;} function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}} function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;} function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}} //--> </script> </head> <body bgcolor="#ffffff" onLoad="MM_preloadImages('http://homepage.ntlworld.com/paul.erwin/home-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/home-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/about-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/about-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/newsletter-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/newsletter-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/pictures-button.jpg','http://homepage.ntlworld.com/paul.erwin/pictures-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/pictures-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/videos-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/videos-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/contact-button-rollover.jpg');"> <table border="0" cellpadding="0" cellspacing="0" width="756"> <!-- fwtable fwsrc="Horizontal-menu.png" fwpage="Page 1" fwbase="horizontal-menu.jpg" fwstyle="Generic" fwdocid = "738071944" fwnested="0" --> <tr><td><a href="http://homepage.ntlworld.com/paul.erwin/homepage.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_displayStatusMsg('ROAD - Home');MM_swapImage('horizontalmenu_r1_c1','','http://homepage.ntlworld.com/paul.erwin/home-button-rollover.jpg','horizontalmenu_r1_c1','','file:///http|//homepage.ntlworld.com/paul.erwin/home-button-rollover.jpg',1);return document.MM_returnValue"><img name="horizontalmenu_r1_c1" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c1.jpg" width="83" height="30" border="0" alt="Home"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/about.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_displayStatusMsg('ROAD - About Us');MM_swapImage('horizontalmenu_r1_c2','','http://homepage.ntlworld.com/paul.erwin/about-button-rollover.jpg','horizontalmenu_r1_c2','','file:///http|//homepage.ntlworld.com/paul.erwin/about-button-rollover.jpg',1);return document.MM_returnValue"><img name="horizontalmenu_r1_c2" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c2.jpg" width="85" height="30" border="0" alt="About Us"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/projects.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c3','','http://homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg','horizontalmenu_r1_c3','','file:///http|//homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg','horizontalmenu_r1_c3','','file:///http|//homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c3" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c3.jpg" width="83" height="30" border="0" alt="Projects"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/help.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c4','','http://homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg','horizontalmenu_r1_c4','','file:///http|//homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg','horizontalmenu_r1_c4','','file:///http|//homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c4" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c4.jpg" width="85" height="30" border="0" alt="Ways To Help"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/fundraising.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c5','','http://homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg','horizontalmenu_r1_c5','','file:///http|//homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg','horizontalmenu_r1_c5','','file:///http|//homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c5" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c5.jpg" width="84" height="30" border="0" alt="Fundraising"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/newsletter.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c6','','http://homepage.ntlworld.com/paul.erwin/newsletter-button-rollover.jpg','horizontalmenu_r1_c6','','file:///http|//homepage.ntlworld.com/paul.erwin/newsletter-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c6" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c6.jpg" width="83" height="30" border="0" alt="Newsletter"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/pictures.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c7','','http://homepage.ntlworld.com/paul.erwin/pictures-button.jpg','horizontalmenu_r1_c7','','http://homepage.ntlworld.com/paul.erwin/pictures-button-rollover.jpg','horizontalmenu_r1_c7','','file:///http|//homepage.ntlworld.com/paul.erwin/pictures-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c7" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c7.jpg" width="85" height="30" border="0" alt="Pictures"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/videos.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c8','','http://homepage.ntlworld.com/paul.erwin/videos-button-rollover.jpg','horizontalmenu_r1_c8','','file:///http|//homepage.ntlworld.com/paul.erwin/videos-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c8" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c8.jpg" width="84" height="30" border="0" alt="Videos"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/contact.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c9','','http://homepage.ntlworld.com/paul.erwin/contact-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c9" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c9.jpg" width="84" height="30" border="0" alt="Contact Us"></a></td> <td><img src="http://homepage.ntlworld.com/paul.erwin/spacer.gif" width="1" height="30" border="0" alt=""></td> </tr> </table> </body> </html></td></tr> <tr> <td><center><font size=7><font face="Comic Sans MS">Welcome<br><br><hr width =90%></font></center></td></tr> <br><br><br><br><br> <tr> <td><table border=0 width=400px align=center> <tr><td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/about.html><img src="http://homepage.ntlworld.com/paul.erwin/about.jpg" border=0 width=200px></center></td></a> <td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/projects.html><img src="http://homepage.ntlworld.com/paul.erwin/projects.jpg" border=0 width=200px></center></td></a> <td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/contact.html><img src="http://homepage.ntlworld.com/paul.erwin/contact.jpg" border=0 width=200px></center></td></tr></a> <tr><td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/help.html><img src="http://homepage.ntlworld.com/paul.erwin/help.jpg" border=0 width=200px></center></td></a> <td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/newsletter.html><img src="http://homepage.ntlworld.com/paul.erwin/newsletter.jpg" border=0 width=200px></center></td></a> <td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/fundraising.html><img src="http://homepage.ntlworld.com/paul.erwin/fundraising.jpg" border=0 width=200px></a></center></td></tr></table></td></tr></table> </body> </html> i am having a headache with a text align issue. when viewed in IE it is fine. In firefox it gets messed up. I cant figure out what is wrong. I am trying to wrap text around the pic so i got one table with 2 columns. the left column has a pic, the right the font. i then have another table under this containing the rest of the text so that it goes under the pic. in ie this views fine...it firefox there is a pretty big space...making it not look seamless. can anyone give me an idea on how to fix this. my style sheet for the font doesnt only has justified command...the rest of the alignment is being done with html. i have included a link if you want to take a looksie. thanks www.studenberg-law.com/profile.htm Hi folks Just upgraded to firefox 3 and am having problems with a webpage. It is an html table website and firefox 3 is wrecking it. firefox 2 worked fine. I was wondering if anyone could give me an idea what is happening and how to fix it. It looks as if it is repeating some of td code. I know i should switch this over to full on css coding but until then how can i fix it!!?? the web site is http://www.studenberg-law.com I am having a problem in FF and IE when resizing the screen on this site:- http://www.parentk12.com/wnp/ The two right hand divs drop off when the screen size is reduced. This does not happen in Opera. I realise that Opera is the most CSS standards compliant browser but I'm fairly new to this game and dont know how to work the CSS magic to fix the problem in FF and IE. The pages all validate so I dont know what else I should do. Any help would be GREATLY appreciated. Best Regards CS have developed a basic site for our PTA i have included a passworded page where i can upload information in private this all seems to work fine BUT i have found a problem to which i need advice on from you guys and that is when you go through the password log in bit (all fine works) i am in then you hit the home page link i(its fine works) but then when you go back to re log in after homing it returns you not to the password area but directly to the passworded page . i used html password lock to do my pass wording any help most welcome thanx Hi. Little Help Please. In a plain old html page when referencing files the absolute path should be from the DocumentRoot right? so: /images/blah.gif should point to /var/www/html/images/blah.gif from a local point of view if DocumentRoot='/var/www/html' right? how come when i try the first i cant find the image, but the second way works? Shouldnt everything above DocumentRoot be invisible to a html file?? Cheers. hey guys .. lil help if you could .. iv jst began to put some of my work online and just breakin into html .. iv uploaded a splash for my website but i seem to be gettin a white bar along the right hand side and bottom .. the 1st time u veiw the site its fine .. but then u click back or refresh . and this white appears !! its prob a simple mistake in the code im thinkin .. but i dont know wat .. if someone can look and hopefully tell me how to fix .. much appreciated cloud9.mythicx.com Hello all ! This worked fine on another design I did but now it doesn't seem to want to work today. Firefox http://img148.imageshack.us/img148/5349/screen1pe5.gif Internet Explorer http://img516.imageshack.us/img516/8704/screen2wl8.gif To the code: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Garcia's Blog</title>
<link href='style.css' rel='stylesheet' type='text/css' />
</head>
<body>
<div id="container">
<div id="banner"></div>
<div id='navbar'>
<ul>
<li><a href='/index.html'><img src='images/navb1.gif' width='122' height='40' alt='' /></a></li>
<li><img src="images/navspacer.gif" height="42px" width="12px" alt="" /></li>
<li><a href='about.html'><img src='images/navb2.gif' width='122' height='40' alt='' /></a></li>
</ul>
<div id='navend'><img src="images/navend.gif" height="51px" width="10px" alt="" /></div>
</div>
<br/>
<div class="contentmargins">
<div id="leftcontent">
<div id="leftcontentbg">
<div id="leftconh"><h2>Welcome to my blog!</h2></div>
<br/><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus leo neque, facilisis at, nonummy eget, ultricies sed, mi. Nam ac justo id ligula elementum condimentum. Phasellus ante. Nulla justo felis, tincidunt non, dignissim at, tempor non, felis. Suspendisse tincidunt elementum sapien. Nulla in arcu. Vivamus fermentum, mauris cursus consectetuer molestie, nulla diam viverra eros, in commodo mauris sapien et erat. Donec vel leo. Quisque varius, metus ut venenatis convallis, eros lectus blandit nibh, eget viverra dolor metus nec diam. Mauris pellentesque. In hac habitasse platea dictumst. Phasellus sed ante. Fusce tempus. Quisque viverra sapien quis neque.</p>
</div>
<img src="images/leftend.gif" width="519px" height="3px" alt="" />
</div>
<div id="rightcontent">
<img src="images/navh.gif" width="241px" height="10px" alt="" />
<br/>
<div class="rightcategory"><h2>Pages</h2></div>
<p>We be doing it!</p><br/>
<div class="rightcategory"><h2>Categories</h2></div>
<p>We be doing it!</p><br/>
<div class="rightcategory"><h2>Blogroll</h2></div>
<p>We be doing it!</p><br/>
<div class="rightcategory"><h2>Meta</h2></div>
<p>We be doing it!</p><br/>
<img src="images/rightcone.gif" height="10px" width="241px" alt="" />
</div>
</div>
<div id="footer"><br/><p><a href="http://garciawebmedia.com"><img src="images/copyright.gif" width="249px" height="20px" alt="" /></a> Proudly Powered by Wordpress</p> </div>
</div>
</body>
</html>
Code: html, body {
background: #bfe9ff;
color: #57a3c2;
font: 12px verdana;
height: 100%;
margin: 0px;
padding: 0px;
}
a img {
border:0;
}
* {
margin: 0;
padding: 0;
}
div#container {
width: 800px;
background: #dff5fe;
border: 1px solid #46849e;
}
div#banner {
width: 741px;
height: 105px;
background-image: url('images/banner.gif');
}
#navbar {
height:51px;
background-image: url('images/navbg.gif');
width: 540px;
}
#navend {
height: 51px;
width: 10px;
float: right;
}
#navbar ul {
list-style:none;
}
#navbar ul li {
float:left;
margin: 4px 0 0 8px;
}
div#leftcontent {
float: left;
width: 516px;
}
div#leftcontentbg {
background-image: url('images/leftconbg.gif');
width: 516px;
}
div#leftconh {
width: 511px;
height: 37px;
background-image: url('images/leftconh.gif');
margin-left: 4px;
}
div#rightcontent {
background-image: url('images/rightconbg.gif');
width: 241px;
float: right;
}
div#rightconh {
width: 241px;
height: 10px;
background-image: url('images/navh.gif');
}
.rightcategory {
width: 227px;
height: 41px;
background-image: url('images/cate.gif');
margin-left: 10px;
}
div#footer {
display: block;
clear: both;
}
.contentmargins {
margin-left: 10px;
margin-right: 10px;
}
p {
margin-left: 10px;
margin-right: 10px;
}
h2 {
font: 18px verdana;
padding: 8px 0 0 10px;
margin-left: 8px;
margin-right: 8px;
}
Live preview: http://garciawebmedia.com/dev/blog/ Does anyone want to help me please ? If they could explain why Internet Explorer does this? I know my right content is structured differently from my left because I was trying to get the left side fixed first but it didn't work they way I wanted to. Thanks. Hi there can anyboy tell me why Firefox renders text in a table differently than IE. The table is being controlled via css and there is padding to set the text a llittle down and to the right. In IE the text renders as it should but Firefox leaves a large gap and I just cant get them to render the same. Any ideas of a working solution to this? It seems to me like it is mainly the top space which is way too much in FF. Thanks, Al. When i look at the website on my computer, no gap, but when i upload it online i get a big gap between the menu bar and the content: http://boburob.50webs.com/test/index.html http://boburob.50webs.com/test/testcss.css Thank you for any help! PS ignore the content, i need to learn html and css and i suck at coming up with ideas lol Hi Anyone I'm a novice at HTML, just beginning and have built a template page for my son, but I have 'gaps' inbetween sections of my layout within the table and cannot work out why. Can anyone help? You can see this template at the following address: http://www.private-chef.co.uk/home4.html. Appreciate any guidance on how I fix this. THanks Hi, I use following html to display pictures, why there are vertical gaps between pictures? any wayt to remove it? Thanks. Ac <div id="home-newmember"> <img height="250" src="/map_dir/tm_3336.jpg"> <img height="250" src="/map_dir/tm_3379.jpg"> <img height="250" src="/map_dir/tm_3158.jpg"> <img height="250" src="#"> <img height="250" src="/map_dir/tm_3116.jpg"> </div> Quick Background: This site was made by a private contractor, using some format that only he uses which utilizes CSS and html. I'm now editing the site myself, and I don't really know CSS, so I'm trying to make things work primarily through use of html. So on this page, http://www.thechurchofsound.com/content/music I am trying to remove the gaps between the images so that they seamlessly connect. That is not a table, it is simply image, break, image, break, image. Can it be done with simple html? I tried changing vspace and border in the img tag. Hi all, im having a an extremely frustrating time trying to solve this. Basically, i have a series of divs stacked on top of each other, but both FF and IE render these with small one or 2 pixel gaps in between the divs. Ive included code for illustration: HTML: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Website</title> <link rel="stylesheet" type="text/css" href="styles/main.css"/> </head> <body> <div id="status"> Hello </div> <div id="container"> <div id="hp_large_splash"> <img src="img/oth.png" alt="splash"/> </div> <div id="upper_content"> sdfsdfsdfsdf </div> <div id="content_footer"> <img src="img/cont_footer.png" alt="footer"/> </div> <div id="lower_content"> </div> <div id="footer"> Hello </div> </div> <div id="disclaimer"> Disc </div> </body> </html> CSS: Code: html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
/*background: white;*/
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
html, body {
background-color:#505564;
background-image:url('img/bg.jpg');
background-repeat:repeat-x;
padding:0;
margin:0;
color:#fff;
font-family:Arial, sans-serif;
}
#status
{
width:100%;
background-color:#3b4152;
height:18px;
}
#container
{
width:900px;
margin-left:auto;
margin-right:auto;
color:#333;
}
#container div
{
margin:0;
padding:0;
}
#top
{
margin-top:50px;
width:900px;
}
#nav
{
margin-top:20px;
width:900px;
}
#nav_leftstop, #nav_rightstop
{
float:left;
}
#upper_content
{
background-color:#FFF;
}
#hp_large_splash
{
margin-top:20px;
}
#content_footer
{
height:10px;
}
#disclaimer
{
width:100%;
background-color:#3b4152;
height:60px;
}
/*Classes*/
.navitem
{
float:left;
width:880px;
background-color:#fff;
height:50px;
}
.cleardiv
{
clear:both;
}
Ive included an image he http://www.cumbriawebsolutions.co.uk/untitled2.png to demonstrate my problem a bit better. Any help would be appreciated. thanks 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. Hey all, I haven't been at html for a long time and I've come across a little problem whereby I have a gap between two divs which is stopping the flow of lines on my page. Here is my page. Any help or tips anyone has would be very welcome. TIA! Hi, I was wondering why I am getting a gap in firefox right below the flash header, along with by the "welcome to our company", "about our company", "company news", and "client login" images? This doesnt happen in IE, or other browsers. My website is www.niveosoft.com This web page has 3 things on it, when viewed: Choose A Transaction Transction Type and the button: Next And these things all have over an inch of space between them. Can you please help me close the gaps between the lines Choose A Transaction and Transaction Type. And can you please help me close the gap between Tansaction Type and "next" icon? Thank you. Code: <table width='770' border='0' cellpadding='0' cellspacing='0' id='maintable' align='center' valign='top' align='left' margin=0 padding=0 width='770' height='500' table style='background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; width:'770' height:'500'></td> <link href='custom.css' rel='stylesheet' type='text/css'> <td id='menu' align='left' valign='top' rowspan='500' width='164'> <br> <img src='images/bullet.gif' alt='' width='10' height='10'><a href='index.php'><font color='#DDCEA2'><font face='Arial' size='2'>Home</a></font><br></a> <form method="POST" action="index.php"> <input class='field' type='hidden' name='command' value='account'> <input class='field' type='hidden' name='param' value='renew'> <input class='field' type='hidden' name='account_id' value='[account_id]'> <td colspan='2' class='pageTitle'><div class='hLine' display:inline;><font face="Arial" color="#EE7600" size="3"> Choose a Transaction</font></div></td> <tr><td class='fieldLabel' width="30%"><font face="Arial" color=#000000" size="3" Style="padding: 5px;"> <font face="Arial" color="#000000" size="3"> Transaction Type:</font><!--</td>--> <td align="left"><font face="Arial" color="#EE7600" size="2">[account_type_panel]</font></td> <tr><td align="center"></td> <td align="left"><input name="submit" type='submit' class='button' value='Next' /></td> </tr> </form> <tr height='30%' ><div class='hLine'display:inline;></div></td></tr> </table> |
|||||||