HTML - Mozilla Html Issue
For some reason, using
<table align="center" width="85%"> at the following http://amazingfreegraphics.com/webfetti.html correctly shows the content in 85% of the browser in Internet Explorer, but still covers 100% in Mozilla. How do I fix in Mozilla? Similar Tutorialsok then peeps this is the issue... i have created a page and want to play 2 separate flash files on that page... it works on ie7, safari, opera but not Mozilla it plays the 1st one but misses out on the 2nd one and dosen't show at all how mad is that??? as i said it works fine in all other browsers except Firefox... here is the code any pointers really appreciated thanks :-) <----code starts---> <td><center> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','184','height','220','title','sparkle flash','src','flash/promaflexplus','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/promaflexplus' ); //end AC code </script> <noscript> <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="184" height="220" title="sparkle flash"> <param name="movie" value="flash/promaflexplus.swf"> <param name="quality" value="high"> <embed src="flash/promaflexplus.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="184" height="220"></embed> </object> </noscript> </center></td> </tr> <tr> <td class="style8">Why not try our Sparkle range to make your design's look funky and modern. Give it a try you will see how your design's will change.</td> </tr> </table> <table width="281" border="0"> <tr> <td><div align="center"><img src="images/machinery array.png" alt="Machinery" width="262" height="112" longdesc="../machinery.html"></div></td> </tr> <tr> <td><p class="style8">we can also offer you great deals on your plotters, Printers, and heat presses.</p> <p> <span class="style8"><A STYLE="text-decoration:none" href="../machinery.html" target="_self">View Items</a> or alternatively call a member of our team today to get the best options available for you, on: <span class="style24"></span></span></p></td> </tr> </table> <p align="center" style="padding-center:28px; padding-top:11px;"></p> <table width="275" border="0"> <tr> <td><center> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','245','height','700','align','absmiddle','title','Forever Advert Flash','src','flash/forever advert flash','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/forever advert flash' ); //end AC code </script> <noscript> <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="245" height="700" align="absmiddle" title="Forever Advert Flash"> <param name="movie" value="flash/forever advert flash.swf"> <param name="quality" value="high"> <embed src="flash/forever advert flash.swf" width="245" height="700" align="absmiddle" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed> </object> </noscript></center></td> </tr> </table> <---code ends----> Hi all, I wanted to learn HTML before 1 year, but I gave up, it was too much too read But now I wanna start again, and I'm searching for the tool I used. But I can't find it, it was so easy, and I was able to use it, and believe me, there's not much I CAN use It was a simple editor tool, and I think it was from Mozilla. That's what it did: I wrote something in HTML, and when I pressed preview he showed me what will display when I add the code on a website. And I was able to save my codes as a file format, but I don't know which, I think something standard... And now I want that tool again, but I searched for 2 hours now and I can't find it... Does ANYONE know the name? I would be very pleased about a helpful answer... Or does anyone know a tool which does, what I described? A simple tool? ______________________________ CuddlyBunny AkA Nico I have a following html document <html xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <body title="Integrated MedFacts Module"> <span class="normalFont" style="font-size:140%; width:100%; "><b>Tetracycline Capsules and Tablets</b></span><b>Pronunciation: </b>tet-ra-SYE-kleen<br><b>Brand Name: </b> Sumycin<br><br><b>This medicine is used for:</b><p>Treating infections caused by certain bacteria.</p> </body> </html> The above document when seen in IE 7 shows Tetracycline Capsules and Tablets and Pronunciation in separate lines. But the same documetn when seen in Mozilla FireFox or Opera is showing Tetracycline Capsules and Tablets and Pronunciation in same lines without any space between them. Can anyone let me know why this is hapenning? Thanks, Ragha Hi, I have created a Html page using frameset which will redirect to the other html page. if i am opeming this page in html and clicking on the "search" button the page is reloading correctly but if i do it for more than7 times its showing the blank page. can any one help me to fix this issue. thanks in advance, Navatha. Hi, I have created a Html page using frameset which will redirect to the other html page. if i am opeming this page in html and clicking on the "search" button the page is reloading correctly but if i do it for more than7 times its showing the blank page. i have created two html pages like parent and child. the code for parent.html is Code: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>HTML Frameset Example</title> </head> <body> <frameset cols="100%"> <frame name="lefty" src="frame.html"> </frameset> </body> </html> the code for the frame.html is Code: <HTML> <HEAD> <TITLE> New Document </TITLE> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> </HEAD> <BODY> <form action='parent.html'> <input type="submit" value="SUBMIT" /> </form> </BODY> </html> in these two pages if we click the submit button then it will reload the parent.html only but after the submission of 8times its showing the blank page. I am facing this problem in mozilla only. in Internet explorer its working fine. can anyone pls help me thanks in advance Navatha Hey, just getting back into web dev (after a long time and little time spent) My page has a container DIV, inside is a header DIV "idHeader", a main DIV "idBody", and a footer DIV "idFooter". I want the the height of both the header and the footer to be static, but the main DIV to stretch dynamically based on content (I have the footer DIV set to relative positioning, so it should move.. right?) I don't know what I've left out though, because my text overflows from the main under the footer and down the page. I imagine I've just missed something key. Here's the code, the colors are funny for observation. Code: <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> *{ font:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; } body{ background-color:#000000; } #idContainer{ background-color:#FFFFFF; position:absolute; left:50px; width:800px; height:100%; } #idHeader{ position:relative; width:800px; height:100px; background-color:#FF0000; } #idBody{ position:relative; overflow:visible; width:800px; height:100%; background-color:#0000FF; } #idFooter{ position:relative; width:800px; height:200px; background-color:#00FF00; } </style> </head> <body> <div id="idContainer"> <div id="idHeader"> </div> <div id="idBody"> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> </div> <div id="idFooter"> </div> </div> </body> </html> Hello all! I'm getting this really weird HTML issue when opening my webpage on IE 9. You can visualize it he www.brancodemiranda.adv.br On Chrome it has no problems, but on IE I get two weird things: - I get another "main box" right below the correct one - The idiom bar div is messed up aswell Both showed up after I inserted the DOCTYPE tag (which I did to solve the IE-ignoring-hover problem), I've corrected a few compatibility errors already, but I'm kinda stuck on these. And since I don't have much time to go deep on solving it, I guess that someone here could give me some pointers on how to solve this. Any help is greatly appreciated! Thanks! hi: this sort of fits in the php forum, but seems to fit better here. I am using php includes on a customers website. For some reason, the pictures are not aligning as they should. If i open the php file by itself, everything is aligned. When it loads in the index.php file as an include, it all goes astray... I've tried div align=left, aligns everthing to the left if i open the page by itself, but included in index.php it's all unorganized. check it out here and let me know what to do, i am in a real pickle here!!! http://www.tegbs.com Alright you know how you could make 1 css different for IE then FF. well thats what i want to know is it possible to have a different HTML for IE and FF? Ive been searching all day.. I have built a site for a friend using squarespace. They asked me to add this code to the site but it won't display correctly. Can anyone help? Thanks! http://www.thegalleryevents.com/about/ - here is the page I am trying to add it to. You can clearly see the purple line through it is wrong. <link href="http://assets1.onewed.com/edgy/themes/onewed/banner.v3.css" rel="stylesheet" type="text/css" /> <div class="onewed"><div id="banner1"><div class="vendortxt"><h2> The Gallery - An Event Boutique</h2><p> Desire Wedding Planners / Consultants? The Gallery - An Event Boutique is the best choice. Visit The Gallery - An Event Boutique at OneWed.com & create a <a href="http://www.onewed.com/reviews/wedding-planners-wedding-consultants/texas/tx/dallas/the-gallery---an-event-boutique/1927387/">wedding vendor review</a>. </p><p>Keeping track of all your wedding is fun with OneWed's <a href="http://www.onewed.com/apps/wedding-checklist/">wedding timeline</a>. Devise, edit and delegate tasks from picking a caterer to buying wedding lingerie. </p></div><div class="footer"> </div></div></div> Hi, I am trying to create a form that emails me a copy of the form results (if possible in a pretty format) and then redirects the user to another page. I don't want the user to use a .php or .asp page if possible, I would prefer to keep the user on a .html page. If its possible for the form to use an external page or code that the user never sees then this is fine. Cheers! Sam So I haven't done a site in some time, but I still got the very basic basics memorized. To guide me through my born-again virginity I tried a pre-built free web site. Everything was working great. I'd preview through Dreamweaver and the very basic site looked just fine. I now upload the site to the world wide web and parts of the HTML/CSS are not translating properly (in fact there are parts missing that should be there???). The first problem occurs in the section of the CSS called "PAGE". "Page" has a repeater called "img04" and "Page .bgtop" non-repeater called "img03_blue". "page . bgtop - img_03..." doesn't show up - but in preview it did. Any ideas on what's going on? Second, in the area tagged "MENU A" in the CSS the static background image called "img07_blue" doesn't show - again, in the preview it did, now nothing on the web. I assume its a similar issue to issue 1, but I don't know? This is for a web site my wife needs so any help would be greatly appreciated. I have attached the site for reference. Thanks, J Hello, I've been working on a very simple website for a friend, and run into an issue with text alignment when I print from IE (works fine in Firefox). The problem can be seen he While being displayed correctly on the screen, a big gap appears between the image an the body text during printing. As I am not even nearly an expert, I cannot figure out what causes the problem. Any help would be appreciated! Thank you! hi, i tried looking through forums but couldnt find an answer. i hope u can please help! i have a photography ad up on a site that i use html for, its simply a block of code hosting a list/tall page of pics, one line/pic goes like this... <img src="http://img715.imageshack.us/img715/3126/img7899small.jpg"><br> the other lines in the text are the same code. problem is they all try to load up simultaneously causing a slow ad to see anything, potentially losing observers attention span. do u know if theres some code i can add to each line so each pic loads up fully before the next one begins to load and this starts at the top? this will help keep attention due to somin at the top loading straight away, thanks! Hi All, Here is a small html file I have written. This is not formatting correctly in browser. Width is not recognised by browser. Thanks in advance for your help. Regards, Pratap Tripathy ---------------------------------- <html> <head> <TITLE>Analytical Method Report</TITLE> </head> <body> <center><p><b><u>Analytical Method Report</u></b></p></center> <table border=1 width="700px"> <tr> <td width="10px"> </td> <td width="80px">Method</td> <td width="10px">:</td> <td width="500px">11111111111111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111222222222222222222222222222222222222222222222222222222222222 2222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333 3333333333334444444444444444444444444444444444444444444444444444444455555555555555555555555555555555 55555555555555<</td> </tr> </table> </html> ---------------------------------- Hey everyone. I've sliced this psd, and uploaded all the images to a server, used border="0". When I view the html file standalone in a browser, it appears fine. When I go to insert it into my email program, the different slices at the bottom are all spaced out in weird configurations, and I cannot for the life of me figure out how to change this. I'm only a couple months in to html, so please excuse my ignorance if this is a simple fix. It's images 4-10 that are giving me problems. HTML Code: <html> <head> <title>Final Emailer</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (Final Emailer.psd) --> <table id="Table_01" width="600" height="801" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_01.png"></td> </tr> <tr> <td colspan="5"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_02.png"></td> </tr> <tr> <td rowspan="4"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_03.png"></td> <td colspan="2"> <a href="mailto:info@shorehomeguide.com"><img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_04.png" border="0"></a></td> <td colspan="2" rowspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_05.png"></td> </tr> <tr> <td colspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_06.png"></td> </tr> <tr> <td rowspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_07.png"></td> <td colspan="2"> <a href="http://lynchprintingllc.wordpress.com/publications/home-improvement-guide/" target="blank"><img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_08.png" border="0"></a></td> <td rowspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_09.png"></td> </tr> <tr> <td colspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_10.png"></td> </tr> <tr> </table> <!-- End ImageReady Slices --> </body> Is it possible to a background as a layer(that is the background is a centered layer no matter how big a monitor's screen is)? A simple javascript won't be bad, i'm still a html beginner, i've done the first part of a university course on html but i'm designing a website that may need some features more advanced than i've gotten in the course. Also, can someone explain to me how forums work or how they are written in html. I don't understand how to make a forum that can accept posts immediately (kinda like this one). Is a javascript necessary for forums? Thanks a lot ____________ conservatories Fruit Machines Below is my simple table from a more complex table. The issue I am having is the first <td></td> is variable height. In my second <td></td>, "abc" should be at the top in that <td> and "def" should be at the bottom in that <td>, leaving some <void> space in the middle which will shrink or grow based on the first <td> height. Any tag(s) can be used inside is the second <td></td> Any suggestions? Thanks Code: <table> <tr> <td><br><br><br><br><br><br><br><br></td> </tr> <tr> <td> abc def </td> </tr> </table> I just finished writting an HTML email. All looked fine when it was in the browser then I tested it in my email client and all the layout is wrong. my </BR> dont seem to have any affect also im not sure why only some of the   are being shown and not displayed as spaces (??) Heres the code : Code: Content-Type: text/html; charset=us-ascii Content-Transfer-Encoding: 7bit MIME-Version: 1.0 <html> <style type="text/css"> body { font-family:verdana; font-size:90%; line-height:160%; } table.mainsection { background-color:#838B8B; width:50%; color:white; text-align:left; font-size:99%; padding:1px; margin-top:5px; } table.subsection { background-color:#B7C3D0; color:white; width:49%; color:white; text-align:left; font-size:88%; margin-left:14px; margin-top:5px; padding:1px; } </style> <body> <img src="http://graphics.adaptec.com/us/templates/head_logo.gif" /> <p> <table class=mainsection > </tr> <th>Logical device information</th> <tr> </table> Logical device number 0</br>    Logical device name : RAID1Mirror</br>    RAID level : 1</br>    Status of logical device : Optimal</br>    Size : 476150 MB</br>    Read-cache mode : Enabled</br>    Write-cache mode : Enabled (write-back)</br>    Write-cache setting : Enabled (write-back)</br>    Partitioned : No</br>    Protected by Hot-Spare : No</br>    Bootable : Yes</br>    Failed stripes : No</br> <table class=subsection > </tr> <th>Logical device segment information</th> <tr> </table>    Segment 0 : Present (0,0) </br>    Segment 1 : Present (0,1) </br> <table class=mainsection > </tr> <th>Physical Device information</th> <tr> </table>    Channel #0:</br>       Transfer Speed : SATA 3.0 Gb/s</br>       Device #0</br>          Device is a Hard drive</br>          State : Online</br>          Supported : Yes</br>          Transfer Speed : SATA 3.0 Gb/s</br>          Reported Channel,Device : 0,0</br>          Vendor : ST350032</br>          Model : 0A</br>          Firmware : SD15</br>          Size : 476940 MB</br>          Write Cache : Enabled (write-back)</br>          FRU : None</br>          S.M.A.R.T. : No</br>       Device #1</br>          Device is a Hard drive</br>          State : Online</br>          Supported : Yes</br>          Transfer Speed : SATA 3.0 Gb/s</br>          Reported Channel,Device : 0,1</br>          Vendor : ST350032</br>          Model : 0A</br>          Firmware : SD15</br>          Size : 476940 MB</br>          Write Cache : Enabled (write-back)</br>          FRU : None</br>          S.M.A.R.T. : No</br> <table class=mainsection > </tr> <th>Controller information</th> <tr> </table>    Controller Status : Optimal</br>    Channel description : SATA</br>    Controller Model : Adaptec 2420SA</br>    Controller Serial Number : CCEE20</br>    Physical Slot : 2</br>    Installed memory : 128 MB</br>    Copyback : Disabled</br>    Background consistency check : Disabled</br>    Automatic Failover : Enabled</br>    Defunct disk drive count : 0</br>    Logical devices/Failed/Degraded : 1/0/0</br> <table class=subsection > </tr> <th>Controller Version Information</th> <tr> </table>    BIOS : 5.2-0 (15611)</br>    Firmware : 5.2-0 (15611)</br>    Driver : 1.1-5 (2459)</br>    Boot Flash : 5.2-0 (15611)</br> <table class=subsection > </tr> <th>Controller Battery Information</th> <tr> </table>    Status : Not Installed</br> </p> </html> Thanks, Hi there, I am creating a website using dreamweaver html and css. I am having issues embedding a .swf file to the code, it does not show in ie. I have the latest version of ie installed on my pc and I have the activeX flash player installed also. When I preview the file a banner appears saying blocked content and when you allow it nothing happens. If I am having this issue others are bound to hence I would like it resolved before the site goes live. Can any one help me please??? CODE:- HTML 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> <!--[if lt IE 6.]> <script defer type="text/javascript" src="pngfix.js"></script> <![endif]--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Future Limo Buses</title> <style type="text/css"> <!-- body { font-family:Verdana, Geneva, sans-serif; border:none; background-color:#000; } #Wrapper { width:800px; margin:0 auto; } #Background { height:600px; width:800px; background-image:url(../future_root/Images/Background%20images/gallery.png); background-repeat:no-repeat; background-position:center; } #Logo { border:none; background-image:url(../future_root/Images/Misc/gold%20logo.png); background-repeat:no-repeat; height:89px; width:281px; margin-top:-570px; margin-left:480px; } #PageHeader { border:none; background-image:url(../future_root/Images/Page%20Headers/gallery.png); background-repeat:no-repeat; height:26px; width:215px; margin-top:-50px; margin-left:40px; } #Navigation { border:none; height:350px; width:153px; margin-top:103px; margin-left:30px; } #Seperator { border:none; height:350px; width:3px; background-image:url(../future_root/Images/Misc/seperator.png); background-repeat:no-repeat; margin-top:-343px; margin-left:190px; } #Links { height:22px; width:221px; margin-top:-10px; margin-left:540px; } #PageInfo { border:none; text-align:center; height:350px; width:550px; margin-top:-450px; margin-left:210px; } #Navigation a { background-repeat:no-repeat; display:block; } a.home, a.contact, a.links, a.testimonials, a.gallery, a.about { margin-top:30px; height:18px; } a.future { margin-top:20px; width:107px; height:35px; } a.home { width:49px; } a.links { width:44px; } a.testimonials { width:107px; } a.about { width:76px; } a.contact { width:90px; } a.gallery { width:60px; } a.home:link, a.home:visited { background-image:url(../future_root/Images/Navigation%20Bar/homewhite.png); } a.home:hover, a.home:active { background-image:url(../future_root/Images/Navigation%20Bar/homegrey.png); } a.about:link, a.about:visited { background-image:url(../future_root/Images/Navigation%20Bar/aboutuswhite.png); } a.about:hover, a.about:active { background-image:url(../future_root/Images/Navigation%20Bar/aboutusgrey.png); } a.futu link, a.futu visited { background-image:url(../future_root/Images/Navigation%20Bar/thefutureexperiencewhite.png); } a.futu hover, a.futu active { background-image:url(../future_root/Images/Navigation%20Bar/thefutureexperiencegrey.png); } a.gallery:link, a.gallery:visited, a.gallery:hover, a.gallery:active { background-image:url(../future_root/Images/Navigation%20Bar/gallerygrey.png); } a.testimonials:link, a.testimonials:visited { background-image:url(../future_root/Images/Navigation%20Bar/testimonialswhite.png); } a.testimonials:hover, a.testimonials:active { background-image:url(../future_root/Images/Navigation%20Bar/testimonialsgrey.png); } a.links:link, a.links:visited { background-image:url(../future_root/Images/Navigation%20Bar/linkswhite.png); } a.links:hover, a.links:active { background-image:url(../future_root/Images/Navigation%20Bar/linksgrey.png); } a.contact:link, a.contact:visited { background-image:url(../future_root/Images/Navigation%20Bar/contactuswhite.png); } a.contact:hover, a.contact:active { background-image:url(../future_root/Images/Navigation%20Bar/contactusgrey.png); } --> </style> </head> <body> <div id="Wrapper"> <div id="Background"></div> <div id="Logo"></div> <div id="PageHeader"></div> <div id="Navigation"> <a class="home" href="../future_root/index.html"></a> <a class="about" href="../future_root/aboutus.html"></a> <a class="future" href="../future_root/future.html"></a> <a class="gallery" href="../future_root/gallery.html"></a> <a class="testimonials" href="../future_root/testimonials.html"></a> <a class="links" href="../future_root/links.html"></a> <a class="contact" href="../future_root/contactus.html"></a> </div> <div id="Seperator"></div> <div id="Links"> <a href="http://www.facebook.com/pages/Future-Limo-Buses/113455505345741"> <img src="../future_root/Images/Misc/facebook.png" border="0" height="22" width="89" align="right"/> </a> <a href="http://www.got-the-concept.co.uk" > <img src="../future_root/Images/Misc/copyright.png" border="0" height="22" width="121" align="left" /> </a> </div> <div id="PageInfo"> <object classid="clsid27CDB6E-AE6D-11cf-96B8-44455350000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="550" height="400" id="myMovieName"> <param name="movie" value="../future_root/Images/Gallery/gallery.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#FFFFFF"> <param name="wmode" value="transparent"> <embed src="../future_root/Images/Gallery/gallery.swf" quality="high" bgcolor="#FFFFFF" width="550" height="400" name="gallery" align="" type="application/x-shockwave-flash" pluginspace="http://www.macromedia.com/go/getflashplayer" wmode="transparent"> </embed> </object> </div> </div> </body> </html> |