|
HTML - Flash Header Shows Space Only In Ff
Hi Folks,
Newbie to this forum so looking for somebody's HTML eyes to see where the problem is. I have a simple flash header above my main content body but for some reason it shows a space below it which is viewed only in Firefox. I've tried using a div instead of a table but the space is still there I also used an image instead of the swf file and there isn't any space..displays perfectly. I've used different swf files and all each shows that space. Works fine in IE. Can somebody see the problem, would be very grateful? <tbody> <div id="header"> <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="766" height="189"> <param name="movie" value="header.swf" /> <param name="quality" value="high" /> <embed src="header.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="766" height="189"></embed> </object> </div> </table> Similar TutorialsI'm making a website that has a flash header that serves as a menu bar. I use the exact same flash header on each page in this site. Is there a way to code this so the flash header doesn't have to 'reload' each time you move to another page within the site? I'd know how to do it using iFrames, but I'd rather not use that on this site. Is there another way? It just seems useless for this flash to reload on each page you move to in the site. Cache makes things so that the reload time is super quick, but I'd like it to not have to reload at all, if possible. Maybe this is a JavaScript thing? I don't know. So, if this thread isn't place appropriately, I apologize. Anyhow, thanks in advance for any advice or help. I'm fairly new to designing and building pages. In Dreamweaver it's testing ok with Firefox however with IE it's only showing the flash header.. Can someone please assist?!!? Appreciate it! When I try to paste my code it says it's too long?! Thanks again. I want a Header Graphic to be flush with the top of the webpage This is a copy of the Graphic; How do I make it from appearing with a space at the top of webpage like this . . . . . to appearing flush at the top of the webpage like this?; This is the Code I'm using: Quote: <html> <head> <title>Sample 15b</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#9FB6CD" link="#FFFFFF" vlink="#FFFFFF"> <div align="center"> <img src="http://i47.tinypic.com/b6dfte.png" width="871" height="131" longdesc="http://i47.tinypic.com/b6dfte.png"> <table width="768" border="0" cellspacing="0" cellpadding="0" height="100" bgcolor="#9FB6CD" align="center"> </table> </div> </body> </html> Can someone offer a solution? With appreciation I am retired, so now I no longer work for a living - Now, living works for me I am using a template that I have modified for this web site. However, I am using my own menu bar and I cant get it to close the gap between the header and the body of the web stie. I have tried everything, Please help. I think I can resize the letters but I would like to close the gap. Thanks http://www.freechildrensvitamins.com Hi, I'm coding a HTML page, in which I see lot of space between my header(<h2></h2>) and the contents of the page. The contents of my page happens to be a form with a lot of fields enclosed in the table tag.. Any pointers on how to get rid of the extra space would be highly helpful. this is how the structure of my HTML code looks: <html> <body> <form> <table> <!-- a lot of fields here...--> </table> </form> </body> </html> Thanks in advance. Hello everyone, So here is my page... http://www.mytodostuff.com you will notice between the header and the navigation menu, there is a small white space that goes across the whole page... how do i delete that white space so the bottom of the header (the blue box) touches the top of the navigation(the orange and white colors)? any assistance on showing me how to do this would be greatly appriciated Thanks everyone for taking the time to read this thread and thanks even more to those that respond. I have a jailbroken iPhone 4 and I am trying to get a flash embed to display on it but I am having a lot of trouble. i have successfully used and enabled different flash objects elsewhere but this is the only one that wont run. so I know it will work. HTML Code: <head>
<title>iSwim</title>
</head>
<body>
<div style="width: 320px; height: 356px; margin-top: 80px; margin-bottom: 44px;">
<object width="320" height="356"> <param name="movie" value="http://listen.grooveshark.com/widget.swf" /> <param name="wmode" value="opaque" /> <param name="allowScriptAccess" value="always" /> <param name="flashvars" value="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" /> <embed src="http://listen.grooveshark.com/widget.swf" type="application/x-shockwave-flash" width="320" height="356" flashvars="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" allowScriptAccess="always" wmode="opaque" /></object>
</div>
</body>
Can anyone help me to make sure the flash displays right? what happens is the player loader displays at the top instead of the center and the control buttons are present before it loads. then after the loader fails it shows a "cannot connect" error. so I think the flash object is resizing inside its self. can anyone help me clean up this script so it will display correctly in iPhone safari (with flash enabled)? website is he smalldotdesign.zxq.net/iSwim.html that is where the HTML file is located that I am trying to get corrected. thanks in advance. i have a feeling this is going to be a tough fix. i almost went crazy trying to troubleshoot this one... thought i'd share. HTML Code: <style type=text/css>
a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
</style>
<table width="200" border="0" cellspacing="0" cellpadding="0"><tr>
<td width="100" valign="top">
<a href="link">Sample text </a>
<td width="100" valign="top">
<a href="link">Sample text</a>
</td></tr></table>
Turns out a "space" at the end of the link text pushes the text upwards slightly. Simply remove the space (or add on to the other line) or use the space code [ ] The css also plays a part, this doesn't appear happen when text is "unformatted" Hello. I own a website called The Dakini Hut (located at http://populous.strategyplanet.games.../thedakinihut/). I'm having problems with my site, though. You see, I recently updated the layout and its really screwing up, but one of the major problems I'm having is that the whole page won't show. The navigation bar cuts off halfway and you can't see all of the pages/links. This only happens on pages where the navigation bar goes down further than the other tables. Can anyone help me fix this? By the way, it works fine in Firefox and Opera, just not in IE. Hi, I know how to include default text in a text area box, but is it possible for it to show a .txt file on the server, would the page need to be php for this? thanks This image only shows when the doctype is NOT declared, and I can't figure out why. Code: <img src="images/logo.jpg" alt="" /> And here is my doctype: Code: <!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"> I ran the page through the W3C validator and there's no errors.... I'm pulling my hair out because I don't understand why an image would disappear when the doctype is removed. Anybody know why? Ok so i have this webpage designed, have a bunch of images/shortcuts in a big table. When i view it in google chrome, it looks like its supposed to, no border around frames. EXAMPLE CLICK HE http://www.pictrace.com/i/wtfborders2.gif When i view it in IE and FF, the tables have red borders, how would i disable that? EXAMPLE CLICK HE http://www.pictrace.com/i/wtfborders1.gif View the source code here http://www.jasonparkerracecars.com/bikes/ Any advice is appreciated. Cant understand why the HTML code is showing on my webpage http://www.mcaorals.co.uk/Fraserburgh%20History.htm also I've another problem, I've checked the coding in W3 http://validator.w3.org/ and I have no errors, but I cant understand why this webpage is getting very little hits, I'm usual around 60 - 65 place with the keyword "Fraserburgh" any help would be grateful thanks in advance Navteacher Hi Everyone, i have a peculiar problem with IE6. The header on of the site I am working on right now (http://www.mobilitynow.de) is a DIV Container in which I am loading several PNG images (without transparency). They have a Java script rollover effect. In IE6 (not in any Firefox, Opera or higher Version of IE) the BG where the images are to be placed is shown red while the loading of the images is in progress. Anyone has an idea what the problem might be. Suggestions would be really appreciated. Thanks a lot, Jonathan Hi guys, im a secretary in an office and my boss asked me to edit his website. He had some1 create it for him, and he doesnt know how to fix a certain problem. Basically, everytime we search for the site "Property in Negril For Sale" The site (www.NegrilProperty4Sale.com) in google, the title just comes up as index. Someone told me its an html problem. Im in Yahoo Web right now looking at 3 different HTML files, and I don't know what to do. Hi Guys, I'm trying to put together a simple feedback form floating on top of my background image. However the form shows up with scroll bars on right side and bottom of the form. I've no idea why. How can I get it to just show up as normal without the scroll option? Thanks guys! HTML Code: <style type="text/css">
#main {
width:689px;
margin:auto;
font-family:verdana,sans-serif;
font-size:12px;
}
#header {
height:600px;
width:700px;
background-image:url(http://i827.photobucket.com/albums/zz193/colinbrady1985/CLUB/ClubApp02.
jpg);
}
#header a {
float:left;
width:140px;
height:115px;
text-indent:-9999px;
}
#header div {
float:left;
width:360px;
height:107px;
padding:10px;
color:#fff;
overflow:auto;
}
img {
display:block;
border:0;
}
form {
width:517px;
padding-top:10px;
margin:0;
background-color:#01abe8;
}
form p {
padding:0 5px;
font-size:11px;
color:#fff;
text-align:center;
}
form div {
padding-bottom:10px;
}
form label {
float:left;
width:146px;
padding-left:5px;
color:#fff;
}
form .required{
font-size: 13px;
color:#f00;
}
form .btn {
margin-left:153px;
}
form .btn1 {
margin-left:150px;
}
</style>
<div id="main">
<div id="header">
<a href="">albums</a>
<div id="text"><font size="4" face="Arial">
<div>
<div style=" top:245px; left:45px;">
<form method="post" action="sendmail.php">
Email: <input name="email" type="text" /><br />
Message:<br />
<textarea name="message" rows="8" cols="20">
</textarea><br />
<input type="submit" />
</form>
</div>
</div>
</div>
</div>
I'm using tables and I have text inside one table. When I add line height to text so it looks good in IE6, Safari and Google Chrome, it looks wrong in FireFox and Opera. Every line is over each other. How could I fix this? Here is the code from start to end of the text part: Code: <html>
<head>
<link rel="stylesheet" type="text/css"
href="style.css" />
<title>my site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image:url('tausta.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
line-height: 5%;
}
.style2 {color: #
color: #999999;
color: #999999;
}
.style4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; line-height: 5%; }
.style5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; line-height: 5%; font-weight: bold; }
-->
</style></head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div class="page">
<table id="Table_01" width="912" height="543" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="14" width="176" height="542" valign="top"><div align="right" class="style1">
<p class="style2"> </p>
<p class="style2"><strong><u>FILES:</u> </strong><u><br>
</u><br>
<br>
<br>
<br>
</p>
</div>
<p align="right" class="style5">Images: </p>
<p align="right" class="style4">images1 <br>
<br>
<br>
<br>
</p>
<p align="right" class="style5">Videos: </p>
<p align="right" class="style4">video1 </p>
<p align="right" class="style4">video2 </p>
<p align="right" class="style4">video3 </p>
<p align="right" class="style1"><span class="style2">1 - video4 </span></p></td>
Hi guys and girls out there on the forum My website has a problem with showing properly in Firefox Here is my url: http://lessons-4-success.com Can you tell me what i can do to get it to show properly like it do in IE ? Thanks much in advance for answers.. Michael Basically, I am using a site that only allows its members to add basic HTML (not scripts or JS or CSS) in its layout. I have done a lot of stuff already, but I have a question if what I want to do in the diagram below is possible just with HTML. It is basically pretty simple, except that I can't seem to get the code to work to make only part of a page (specified area/rectangle) a certain background color or image and then still be able to embed a couple image URL's (buttons) on top of it, as well as formatted text I choose. Does it have something to do with using <div> code? If I can get the images (as buttons) mounted against that area/rectangle, I'm pretty sure I know how to make them hot links to another site. However, the final kicker is I want the buttons to be a default image normally, but then switch to another image of the same size when someone mouses over it, and that when clicked is also the hot link to the URL . That is the part I know little about. Is anyone here genius enough to just look at my diagram and write me the code, and just substitute generic values for where I'd put the specific image URL's, text formatting and parameters I specify? I hope this diagram helps, thanks a lot to anyone who can do this for me!!! |
|||||||