...

View Full Version : just the gap inbetween my flash and text left



CSSisthebest
07-19-2007, 12:56 AM
hey guys

is there any way of making fonts in javascript render more smoothly in ie and opera, because they render so smooth in firefox and netscape.

also another problem i just noticed with my site, when i test it in safari everything seems a bit blurry.

in opera there is a gap between my flash content and the text on white background.

fixed->in firefox and netscape my flash content doesn't display?<-fixed

fixed-> also is there any way of getting rid of the annoying dotted active x border around my flash content, without having to click it every time i open my site ?<-fixed

is there anyway of solving these issues ?

oh and any validation errors that are obvious?

this is the link to the site: http://technolanecss.sitesled.com (http://technlanecss.sitesled.com/)

my code:




<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Technolane</title>
<meta name="description" content="A Essex and London based IT and Web Solutions Company which deals with Networking, Website Design, PC, Network and Website Maintenance, Data Recovery and does all of this at very competitive rates."/>
<meta name="keywords" content="local computer help, technolane it services, pc home help, home pc repair, onsite pc repair, technolane web services, website design, computer repair in essex, website design in essex, computer hardware job, computer fix onsite, network onsite support, pc home help, essex pc support, repair, maintenance, desktop"/>
<meta name="author" content="Technolane"/>
<meta name="ROBOTS" content="ALL"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<LINK REL=StyleSheet HREF="dropdownmenu.css" TYPE="text/css">
<LINK REL=StyleSheet HREF="allstyles.css" TYPE="text/css">
<script type="text/javascript" language="javascript" src="dropdownmenu.js"></script>
</head>
<body>
<!--Wrapper to Hold Website -->
<div id="wrapper">
<!--Website Border -->
<div id="border">
<!--Technolane Logo Image -->
<div><h1><img class="normal" src="header.gif" width="800" height="66" alt="technolane it services banner" /></h1></div>
<!--Navigation Bar Image -->
<div id="navoutsidediv">
<!--Navigation Links -->
<div id="topnav"><div id="navigation">
<ul>
<li>
<a href="index.html" class="selected">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Home</a>
</li>
<li>
<a href="default.htm" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu1, '150px')" onmouseout="delayhidemenu()" class="unselected">IT Services</a>
</li>
<li>
<a href="default.htm" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu2, '150px')" onmouseout="delayhidemenu()" class="unselected">Networking</a>
</li>
<li>
<a href="servicearea.html" class="unselected">Service Area</a>
</li>
<li>
<a href="default.htm" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu3, '150px')" onmouseout="delayhidemenu()" class="unselected">Web Solutions</a>
</li>
<li>
<a href="rates.html" class="unselected">&nbsp;Rates</a></li></ul></div></div></div>
<!--Flash Object -->
<div id="flash">
<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent">
<embed src="technolanebanner.swf" quality="best" width="800" height="180"
type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</div>
<script type="text/javascript">
so.addParam("wmode", "transparent");
var so = new SWFObject("technolanebanner.swf", "technolanebanner", "800", "180", "8");
so.write("flashcontent");
</script>
</div>
<!--White Text Space -->
<div id="content" class="m2"><div><h2>Computer Maintenance.</h2><p>Curabitur facilisis, libero et ultricies auctor, augue metus congue odio, eu rhoncus diam libero et magna. Donec nisi felis, dapibus vel, dignissim et, laoreet tincidunt, lectus. Nam sit amet tortor at orci congue lacinia. Donec in libero vel libero tempor ornare. Sed dapibus ante at enim. Donec fermentum, augue id accumsan mollis, est lectus vestibulum nisl, eget ullamcorper nulla justo ac dolor.</p></div><div><h2>Troubleshooting.</h2><p>Curabitur facilisis, libero et ultricies auctor, augue metus congue odio, eu rhoncus diam libero et magna. Donec nisi felis, dapibus vel, dignissim et, laoreet tincidunt, lectus. Nam sit amet tortor at orci congue lacinia. Donec in libero vel libero tempor ornare. Sed dapibus ante at enim. Donec fermentum, augue id accumsan mollis, est lectus vestibulum nisl, eget ullamcorper nulla justo ac dolor. </p></div></div>
<!--Top Navigation Links -->
<div id="navtable"></div></div>
<!--Bottom Navigation Links -->
<div id="bottomnavigation"><br />
<a href="index.html" class="bottomnav">Home&nbsp;|&nbsp;</a><a href="servicearea.html" class="bottomnav">Service Area&nbsp;|</a><a href="rates.html" class="bottomnav">&nbsp;Rates&nbsp;|</a><a href="contactus.html" class="bottomnav">&nbsp;Contact Us&nbsp;|</a><a href="links.html" class="bottomnav">&nbsp;Links</a></div>
<!--Copyright Message -->
<div id="copr"><span class="copyright"><br />Created By Technolane Web Designs 2007 Copr &copy; All Rights Reserved.</span></div>
</div>
<script type="text/javascript" language="JScript" type="text/jscript" src="http://scripts.ediy.co.nz/scripts/NoIEActivate.js"></script>
</body>
</html>

_Aerospace_Eng_
07-19-2007, 12:59 AM
My advice still stands from that original thread you started. I told you what to do about the flash.

CSSisthebest
07-19-2007, 01:20 AM
yeah but i couldn't work out how to use that so i think i have solved it now anyway well the flash part i used embed inside object but i don't think that will validate well, would you be able to tell me how to use the format you did it in or send me the link again, sorry. any ideas with any of my other problems ?

thanks

James

ahallicks
07-19-2007, 09:42 AM
The best method for inserting flash is to use a javascript library, such as SWFObject that will get rid of the annoying ActiveX Controls in IE. This also means that, for semantic purposes, you can add an HTML link or description of the video that will sit under the flash content so that if the flash player, or javascript is disabled on someones' browser they will see the information beneath the flash and can still use, or get an idea of what it is about. There is an object method that works cross browser and is based on the flash satay method... read about it here (http://www.alistapart.com/articles/byebyeembed)

Back to SWFObject, everything you need to install and use it is detailed on their site at SWFObject (http://blog.deconcept.com/swfobject/)

Do NOT use embed, it is deprecated in HTML 4.01+ and I think only IE would recognise it now

CSSisthebest
07-19-2007, 02:01 PM
used the swf object thanks, do you have any idea on how to solve any of my other issues

thanking you in advance

ahallicks
07-19-2007, 02:12 PM
That link you gave at the top redirects to sitesled.com, which has no doctype, 79 validation errors and some horrible code?

However, there is no noticeable gap in Opera on the flash content section and everything looks fine in Safari for mac. There is no way to change the fonts in IE and Opera as far as I know. That's just how the browser renders them?

CSSisthebest
07-19-2007, 02:49 PM
can you not see this when you view my site in your browser:

the Grey gap between the bottom of the flash content and the top of the white text background ?

http://img525.imageshack.us/img525/6683/gapmf1.jpg

ahallicks
07-19-2007, 03:09 PM
It did not take me to that page? I got a site called sitesled.com??

However, if I manually type in the URL it works? Weird!

You could add:
margin-top: -25px;

to #content div to get that text just under the flash content. It seems to look like that in all the browsers I tried it in?

CSSisthebest
07-19-2007, 04:33 PM
i tried the margin-top:-29px; but this didnt work any other ideas ?

effpeetee
07-19-2007, 05:02 PM
I get the gap on all my browsers.
IE7 Firefox (latest) and Opera.

Frank

Just for information.

CSSisthebest
07-19-2007, 05:37 PM
yeah it seems to be on most except safari on my pc do you know anyway to solve this problem ?

effpeetee
07-20-2007, 02:27 PM
yeah it seems to be on most except safari on my pc do you know anyway to solve this problem ?
Sorry, but I am very new to CSS myself. It would be a case of "The blind leading the blind"

Try this URL.

http://css.maxdesign.com.au/selectutorial/

Very useful.

Frank -

BWiz
07-20-2007, 04:24 PM
This may be a problem with you're flash file in itself. On the load of the flash file the background colour was grey. I'm guessing that your image is smaller than the designated space.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum