|
HTML - Black Border On Flash Video
I assume that this should not be in the Flash section as it seems as the threads there are discussing problems within the Flash program, not putting Flash videos on your webpage.
Anyway, I put my flash video on my website and it has black borders on the left and right sides of the video. I would like to remove them, but I don't know a whole lot about flash video parameters. Could anyone tell me how to do this? Here's my code for the index page: 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">
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="AV Avenue is a K-12 Classroom Technology Specialists company. We provide audio/video equipment sales, systems installations and service of existing systems."/>
<meta name="keywords" content="av avenue, audio, video, audio visual, classroom, education, installation, smartboard, k-12"/>
<title>AV Avenue</title>
</head>
<body>
<ul id="stoplight">
<li id="stoplight1"><a href="index.html"></a></li>
<li id="stoplight2"><a href="aboutus.html"></a></li>
<li id="stoplight3"><a href="contactus.html"></a></li>
</ul>
<div id="stoplightbottom">
<img src="Images/Home Page/StoplightBottom.png" alt=""/>
</div>
<div id="smartboard">
<img src="Images/Home Page/Smartboard.png" width="180" height="180" alt=""/>
</div>
<div id="featuredpartner1">
<img src="Images/Home Page/AviSPLLogo.png" width="140" height="60" alt=""/>
</div>
<div id="featuredpartner2">
<img src="Images/Home Page/UnitedVisualLogo.png" width="140" height="60" alt=""/>
</div>
<div id="featuredpartnertext">
<span class="blackfont2 comicsansms">SMART Board Partners</span>
</div>
<div id="specials">
<img src="Images/Home Page/MaySpecials.png" alt="Check out our special services for May!"/>
</div>
<div id="text2">
<img src="Images/Home Page/Text2.png" alt=""/>
</div>
<div id="avsign">
<img src="Images/Home Page/AVAvenueLeftSign.png" alt=""/>
</div>
<div id="states">
<img src="Images/Home Page/States.png" alt=""/>
</div>
<div id="contractorstext">
<span class="blackfont1 comicsansms">Technology Systems Contractors Power Limited Technicians</span>
</div>
<div id="company1">
<img src="Images/Home Page/Company1.png" height="30" width="100" alt=""/>
</div>
<div id="company2">
<img src="Images/Home Page/Company2.png" height="30" width="100" alt=""/>
</div>
<div id="company3">
<img src="Images/Home Page/Company3.png" height="30" width="100" alt=""/>
</div>
<div id="company4">
<img src="Images/Home Page/Company4.png" height="30" width="100" alt=""/>
</div>
<div id="company5">
<img src="Images/Home Page/Company5.png" height="30" width="100" alt=""/>
</div>
<div id="flashmovie">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="300" height="400" id="AV_Ave" align="middle">
<param name="movie" value="AV_Ave.swf"/>
<param name="quality" value="high"/>
<param name="play" value="true"/>
<param name="bgcolor" value="#000000"/>
<param name="loop" value="true"/>
<param name="wmode" value="window"/>
<param name="scale" value="showall"/>
<param name="menu" value="true"/>
<param name="devicefont" value="false"/>
<param name="salign" value=""/>
<param name="allowScriptAccess" value="sameDomain"/>
<object type="application/x-shockwave-flash" data="AV_Ave.swf" width="600" height="400">
<param name="movie" value="AV_Ave.swf"/>
<param name="quality" value="high"/>
<param name="play" value="true"/>
<param name="bgcolor" value="#000000"/>
<param name="loop" value="true"/>
<param name="wmode" value="window"/>
<param name="scale" value="showall"/>
<param name="menu" value="true"/>
<param name="devicefont" value="false"/>
<param name="salign" value=""/>
<param name="allowScriptAccess" value="sameDomain"/>
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/>
</a>
</object>
</object>
</div>
</body>
</html>
and here's my CSS: Code: * {margin:0; padding:0;}
html, body, div, span,object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var, b, i, 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-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { overflow:auto; }
ul#stoplight {
margin: 0px 840px;
width: 0px;
height: 0px;
list-style: none;
}
ul#stoplight li {
display:inline;
}
ul#stoplight li a {
float:left;
text-indent:-9999px;
text-decoration:none;
}
ul#stoplight li#stoplight1 a {
width:178px;
height:82px;
background:url(Images/Stoplights.png) no-repeat 0 0;
}
ul#stoplight li#stoplight1 a:hover {
background-position: -221px 0;
}
ul#stoplight li#stoplight2 a {
width:178px;
height:63px;
background:url(Images/Stoplights.png) no-repeat 0 -82px;
}
ul#stoplight li#stoplight2 a:hover {
background-position: -221px -83px;
}
ul#stoplight li#stoplight3 a {
width:179px;
height:66px;
background:url(Images/Stoplights.png) no-repeat 0 -145px;
}
ul#stoplight li#stoplight3 a:hover {
background-position: -221px -144px;
}
body {
background-image: url('Images/GradientBackground.png');
background-repeat: repeat-x;
}
.arial {font-family: Arial;}
.tahoma {font-family: Tahoma;}
.verdana {font-family: Verdana;}
.comicsansms {font-family: Comic Sans MS;}
.underline {text-decoration: underline}
.blackfont1 {font-size: 16px;}
.blackfont2 {font-size: 24px;}
.whitetext1 {color: #F2F2F2; font-size: 30px;}
.whitetext2 {color: #EBEBEB; font-size: 17px;}
.whitetext3 {color: #DBDBDB; font-size: 18px;}
#background {top: 2.7em; left: 4em; position:absolute; z-index: -2; visibility: visible;}
#stoplightbottom {margin: 211px 840px; position: absolute; z-index: 1; visibility: visible;}
#featuredpartnertext {margin: 230px 980px; position: absolute; z-index: 1; visibility: visible; width: 300px;}
#smartboard {margin: 270px 1020px; position: absolute; z-index: 1; visibility: visible;}
#featuredpartner1 {margin: 460px 960px; position: absolute; z-index: 1; visibility: visible;}
#featuredpartner2 {margin: 460px 1110px; position: absolute; z-index: 1; visibility: visible;}
#specials {margin: 550px 1020px; position: absolute; z-index: 1; visibility: visible;}
#text2 {margin: 650px 155px; position: absolute; z-index: 3; visibility: visible;}
#avsign {margin: -5px 50px; position: absolute; z-index: 1; visibility: visible;}
#states {margin: 90px 540px; position: absolute; z-index: 1; visibility: visible;}
#contractorstext {margin: 30px 530px; position: absolute; z-index: 1; visibility: visible; width: 250px;}
#company1 {margin: 210px 250px; position: absolute; z-index: 1; visibility: visible;}
#company2 {margin: 210px 350px; position: absolute; z-index: 1; visibility: visible;}
#company3 {margin: 210px 450px; position: absolute; z-index: 1; visibility: visible;}
#company4 {margin: 210px 550px; position: absolute; z-index: 1; visibility: visible;}
#company5 {margin: 210px 650px; position: absolute; z-index: 1; visibility: visible;}
#contactinfo {margin: 270px 170px; position: absolute; z-index: 2; visibility: visible;}
#contactimage {margin: 270px 170px; position: absolute; z-index: 1; visibility: visible;}
#greenbackground {margin: 230px 170px; position: absolute; z-index: 1; visibility: visible;}
#greybackground {margin: 230px 170px; position: absolute; z-index: 1; visibility: visible;}
#aboutusheader {margin: 240px 260px; position: absolute; z-index: 2; visibility: visible; width: 600px;}
#aboutusparagraph {margin: 290px 180px; position: absolute; z-index: 2; visibility: visible; width: 630px;}
#list1 {margin: 400px 190px; position: absolute; z-index: 2; visibility: visible; width: 200px;}
#list2 {margin: 400px 400px; position: absolute; z-index: 2; visibility: visible; width: 200px;}
#list3 {margin: 400px 610px; position: absolute; z-index: 2; visibility: visible; width: 200px;}
#flashmovie {margin: 240px 200px; position: absolute; z-index: 2; visibility: visible; width: 300px;}
My website is www.avavenue.com. Thanks a ton to anyone who helps out . Similar TutorialsHi there, I know nothing formal about HTML, hence the code below being converted from an Open Office file. Hopefully it is readable - it is some declarations, a body with maybe 10 links in it, and then an embedded video code from Exposure Room. I have the alignment how I want it, but the background-black in the body doesn't work any more. Is anyone able to show me how to keep the center alignments I have but also switch the background of the whole page to black? It works if I take out the <center> tags but then everything is left aligned, which I don't like. Any help would be appreciated, cheers, Tony Code: <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "http://www.w3.org/TR/MathML2/dtd/xhtml-math11-f.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!--This file was converted to xhtml by OpenOffice.org - see http://xml.openoffice.org/odf2xhtml for more info.--><head profile="http://dublincore.org/documents/dcmi-terms/"><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/><title xml:lang="en-US">- no title specified</title><meta name="DCTERMS.title" content="" xml:lang="en-US"/><meta name="DCTERMS.language" content="en-US" scheme="DCTERMS.RFC4646"/><meta name="DCTERMS.source" content="http://xml.openoffice.org/odf2xhtml"/><meta name="DCTERMS.creator" content="Tony Wilkes"/><meta name="DCTERMS.issued" content="2011-04-17T19:59:38.83" scheme="DCTERMS.W3CDTF"/><meta name="DCTERMS.contributor" content="Tony Wilkes"/><meta name="DCTERMS.modified" content="2011-04-17T20:31:54.51" scheme="DCTERMS.W3CDTF"/><meta name="DCTERMS.provenance" content="" xml:lang="en-US"/><meta name="DCTERMS.subject" content="," xml:lang="en-US"/><link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" hreflang="en"/><link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" hreflang="en"/><link rel="schema.DCTYPE" href="http://purl.org/dc/dcmitype/" hreflang="en"/><link rel="schema.DCAM" href="http://purl.org/dc/dcam/" hreflang="en"/><base href="."/><style type="text/css">
@page { }
table { border-collapse:collapse; border-spacing:0; empty-cells:show }
td, th { vertical-align:top; font-size:12pt;}
h1, h2, h3, h4, h5, h6 { clear:both }
ol, ul { margin:0; padding:0;}
li { list-style: none; margin:0; padding:0;}
<!-- "li span.odfLiEnd" - IE 7 issue-->
li span. { clear: both; line-height:0; width:0; height:0; margin:0; padding:0; }
span.footnodeNumber { padding-right:1em; }
span.annotation_style_by_filter { font-size:95%; font-family:Arial; background-color:#fff000; margin:0; border:0; padding:0; }
* { margin:0;}
.P1 { font-size:12pt; font-family:Trebuchet MS; writing-mode:page; text-align:center ! important; color:#b3b3b3; }
.T2 { font-size:10pt; }
<!-- ODF styles with no properties representable as CSS -->
{ }
</style></head><center><body dir="ltr" style="max-width:21.001cm;margin-top:2cm; margin-bottom:2cm; margin-left:2cm; margin-right:2cm; background-color:#000000; "><p class="P1">Lying Down</p><p class="P1">*</p><p class="P1"><a href="http://www.lyingdown.co.uk/index.xhtml">Trailer</a> * <a href="http://www.lyingdown.co.uk/part1med">Part 1</a> * <a href="http://www.lyingdown.co.uk/part2med">Part 2</a> * <a href="http://www.lyingdown.co.uk/part3med">Part 3</a> * <a href="http://www.lyingdown.co.uk/part4med">Part 4</a> * <a href="http://www.lyingdown.co.uk/part5med">Part 5</a> * <a href="http://www.lyingdown.co.uk/part6med">Part 6</a> * <a href="http://www.lyingdown.co.uk/part7med">Part 7</a> * Download</p><p class="P1"><span class="T2"/></p><p class="P1"><a href="http://www.lyingdown.co.uk/indexlow"><span class="T2">Lowest quality</span></a><span class="T2"> * </span><a href="http://www.lyingdown.co.uk/indexhigh"><span class="T2">Highest Quality</span></a></p><p class="P1"><span class="T2"/></p><p class="P1">*</p>
<object id="xrPf8470a83ede543789fc18d1556be86e9" width="640" height="360" type="application/x-shockwave-flash" data="http://exposureroom.com/flash/XRVideoPlayer2.swf?domain=exposureroom.com/&assetId=f8470a83ede543789fc18d1556be86e9&size=md&titleColor=%23ffffff"><param name="movie" value="http://exposureroom.com/flash/XRVideoPlayer2.swf?domain=exposureroom.com/&assetId=f8470a83ede543789fc18d1556be86e9&size=md&titleColor=%23ffffff" /><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="True" /><param name="wmode" value="opaque" /></object><div><div class="viewOnXRDiv"><a href="http://exposureroom.com/f8470a83ede543789fc18d1556be86e9" class="viewOnXRLink" title="Lying Down trailer by Tony Wilkes - View it on ExposureRoom" target="_blank">View on ExposureRoom</a></div></div>
</body></center>
</html>
Hi I have a Flash video player that brings up IE's yellow warning bar, and whne you click to allow it, it won't play even after you say 'yes, play it'. It only happens in IE7 It's at http://www.directhometherapy.com.au Any ideas how to allow the player? Thanks for taking a look. Shaun I want to have a FLASH video overlay an image (the first frame of the video). How to I do this? I've tried using the <NAME> tag and the <ID> tag. Neither works, or I'm not coding them correctly. To view the video I'm working with click on this URL: http://RDStouffer.net/geyser/ The above directory contains three items - geyser.jpg, index.html and geyser.swf Here is the relevant HTML code-- <IMG SRC="geyser.jpg" WIDTH="320" HEIGHT="240" BORDER="0" ALT="Sawmill geyser"> <OBJECT CLASSID='clsid27CDB6E-AE6D-11cf-96B8-444553540000' WIDTH='320' HEIGHT='240'><PARAM NAME=MOVIE VALUE='geyser.swf'><PARAM NAME=QUALITY VALUE=HIGH><PARAM NAME=BGCOLOR VALUE=#FFFFFF></OBJECT> How do I modify this code so the SWF video clip plays on top of the geyser.jpg image rather than next to it? Thank you for your help. [Where did this grinning green lightbulb come from? More important, how do I get rid of it?] Uncle Richard I am a relative newcomer to HTML5, and love it, especially the ability to use video more easily. I am trying this out with the ability to gracefully degrade to Flash for those browsers that do not support the <video> element, and thought that this would work:- Code: <video width="640" height="480" controls>
<source src="videos/coots.ipad.mp4" type="video/mp4" />
<source src="videos/coots.webmvp8.webm" type="video/webm" />
<source src="videos/coots.theora.ogv" type="video/ogg" />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="480" id="movie_name" align="middle">
<param name="movie" value="videos/coots.swf.swf"/>
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="videos/coots.swf.swf" width="550" height="400">
<param name="movie" value="videos/coots.swf.swf"/>
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/>
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</video>
It seems to work fine in Firefox and Opera, but Chrome (surprisingly) seems to ignore it, as does (unsurprisingly) IE8. I have been puzzling over it for a couple of days now and can't see the solution. I know the solution will be quite obvious when I see it, but I am just to close to it at present to be able to figure it out... hello I tried to publish a flash video so I could use it as a website background. everything works great in dreamweaver, but when I transfer all my files to my schools server the video no longer works. does anyone have some ideas? Ill provide files if needed. Thank you-Micah Finally finished this book! Book does not mention much about integrating sound, animation, video and flash, can I cover each of those here or do you guys have an easy to understand link for these please? www.allontheside.com The flash video works fine in safari, and firefox but internet explorer doesn't even recognize it as a flash file.. any1 have any suggestions? I am having a problem with my site on IE 6. It's weird because I downgraded my browser to IE 6 so that I can detect these kinds of problems but it looks fine on my computer but weird on others. Heres my issue.... On IE 6, after the movie loads up, it stops loading the rest of the html after the video. So right after the video,the rest of the coding won't load. It works on every other browser but I want to try to get it to work on IE 6 because a lot of people still use it. Here is one of my video pages http://webtvdeluxe.com/v2/videos/Jones%20vs%20Trinidad/ It anyone can help me out, that would be great. Thanks in advance Hello! I am trying to replace my existing flash videos with newer ones. These newer videos I converted from Quicktime to swf. I replaced the video file name with the newer video file name and it uploaded fine. There are a couple problems though. It doesn't have the Play, Stop, etc controls at the bottom and it is on a loop. Here is the link to the new video: http://www.swingmangolf.com/isokinetics.swf Here is the code with the new video: <table width="158" border="0" align="center" cellpadding="0" cellspacing="0"> <tr><br /><br /> <td height="126" align="center" valign="middle"><script> //<!-- AC_RunFlContentX ("src","Isokinetics.swf","quality","high","width","550","height","315","wmode","transparent","autost art","false"); //-->1 z </script></td> </tr> </table> How do I get the controls to show up and to stop it from playing over and over!?!?! In a website i'm designing, there is a slideshow I created, and instead of using flash I used Windows Media Player. For some reason the html border attribute on both the <embed> and <object> tags, when viewed in Firefox, do not work. Page with border problems here is the code, if you want it: Code: <center>
<object id="MediaPlayer"
width="800"
height="650"
classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95"
standby="Loading Windows Media Player components..."
type="application/x-oleobject"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"
title="Pete's Mountain Road Slideshow"
border="3">
<param name="filename" value="http://www.petesmountainroad.com/PetesMountain.wmv" />
<param name="Showcontrols" value="True" />
<param name="autoStart" value="False" />
<param name="wmode" value="transparent" />
<embed type="application/x-mplayer2" src=http://www.petesmountainroad.com/PetesMountain.wmv"
name="MediaPlayer"
autoStart="False"
wmode="transparent"
width="800"
height="650"
title="Pete's Mountain Road Slideshow" />
</object>
<br />
<p class="main">If you do not have Windows Media Player, you can view the video by following
<a class="Link" href="http://www.microsoft.com/windows/windowsmedia/player/11/default.aspx" target="_blank" title="Download Windows Media Player 11">this link</a>
to download the program to your computer, then try to play it again.</p>
</center>
</body>
</html>
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. Hey all, Is it possible to shut down video screen automatically after displaying the video? I mean, after video is over, is it possible to hide the video screen? ( I tried to use embed tag... <embed src="myVideo" autostart="true" /> ??) Thanks, Doron I am trying to remove the black borders or lines around my friends website and cant seem to do it? any ideas http://www.lavonnebeauty.com/ Alright, so on my webpage I want a black background and then have the iframes white. So, its white on black and the iframes are displayed over the black background. This is how I want it to look and this is how it looks in Internet Explorer: http://i249.photobucket.com/albums/g...undiframes.jpg This is how it looks in Mozilla and I want it to look like the one up above: http://i249.photobucket.com/albums/g...undiframes.jpg Can someone tell me how I fix this? Hello, Thefallenshadow has been helping me with my website and introducing me to CSS because I am new to web design, but unfortunely he has not replied to my PM so I am posting here for help. I was about to start adding images of my work to my website, however it appears the website background images are not aligned correctly, even after I made sure they are the exact same pixel dimensions as the actual images. If someone could download my website below and view the index.html page (or view picture below), you will notice thin black horizontal lines in several places. The UFO picture in the corner is also not correct. These black lines appear in Internet Explorer, FrontPage and Dreamweaver but do not show inside Firefox. What's causing this? I am not sure how to fix it. http://homepage.ntlworld.com/stephan.../Portfolio.zip Thanks I'm stumped. I used a few tutorials and alot of trial and error to make this website. I'm happy with it for the most part but when I make the browser into a smaller window (same for computers using smaller resolution) and I get a scroll bar on the bottom, when I then use that scroll bar and move it to the right all I get is a black bar where content should be. Anyone have any idea what the deal is? I'm thoroughly confused. www.jessevadnaisphotography.com On this page: http://tinyurl.com/charpages The font is currently navy blue and I can't get it black with the <font color="black"> TEXT </font> tag. Help? Hi, I am using Dreamweaver CS3 to create a site, by default i have learnt that when you use an image as a link to another page, dreamweaver creates a coloured border around your linked image. I have since been able to get rid of this border by adding border="0" into my img tag however this now has caused my rollover not to work before clicking on the image to take you to the linked page. this is my code; any ideas how i can fix this? <td colspan="4"> <a href="About Us.html"><img src="images/About_Off.jpg" border="0" alt="About Us" name="Aboutus" width="120" height="64" id="Aboutus" onMouseOver="MM_swapImage('Image2','','images/About_On.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td> <td colspan="6"> Any help would be greatly appreciated. Both Google Chrome 12.0.742.91 and Safari 5.0.5 (Both on Mac) seem to be giving me problems. Google Chrome is causing the most headache. When I go to my website at www.schenkhampton.com/airtex2 It looks fine at first look. However, if you click refresh you will see like what I have in photo one where it looks like a block is covering part of the logos on the bottom. But, if you click one of the dropdowns or resize the browser window it corrects itself. Both Safari and Google are having that problem. Safari is doing two different versions of blocking the footer logos as you can see in the photos below. Then in Google when you open up all of the dropdowns you will scroll down and notice black bars appear. However, again if you resize your browser window or scroll far enough away from the black bar and come back it is gone. So, part of me says it is not code...cause code would stay. I recently changed the css sheet and validated everything. Everything clears fine. I even went back and put in the original style sheet cause I dont remember ever seeing that before and I still had the same issue. I even tried to do it with a version that I saved back on May 24 of both the page and css when I first started building this site. Same issue. I am not seeing any of these issues in firefox. I am at a loss cause it doesnt even make sense to me what could be causing these issues so any help would be appreciated. Matt Hey everyone, I'm trying to set my background image, but for some reason it has a large black bar at the bottom, where the pink gradient should actually start at the bottom so that you cant see the black bar? I'm trying to upload my Index.html file, but when I do the image loader says that its not a valid file? Any ideas? |
|||||||