|
HTML - Weird Issue With Navbar
Can anyone help me with this problem?
www.enveme.com/index.php The navbar is separating and i can not figure out why. Similar TutorialsProblem resolved, I added a margin-bottom to the CSS in col2 and it fixed the issue. thank you to any readers. I've been trying to get this to not happen all night long and I have no idea why it is happening. the page works great in firefox, but for some reason, in IE when the page loads normal, but as soon as you hover over a menu item, the bottom parts of the page get scrambled. link here here is the html/css of it: Code: <?xml version="1.0" encoding="iso-8859-1"?>
<!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" xml:lang="en" lang="en">
<head>
<title>St. Augustine Parish</title>
<style type="text/css">
<!--
* {
margin: 0;
padding: 0;
}
h4 {color: #780E22}
div, p, th, td, li {
font-family: Arial, Sans, sans-serif;
font-size: 12px;
color: #858585;
}
p, li {
margin-bottom: 15px;
}
#page {
background: #FFF url("images/header.gif") no-repeat;
padding-top: 57px;
width: 800px;
}
#content {
background: #FFF url("images/fade.gif") top left repeat-x;
padding: 25px 15px;
}
#menu {
background: #780E22 url("images/img.gif") top right no-repeat;
}
#menu ul {
border: none;
list-style: none;
width: 195px;
}
#menu li
{
border-bottom: 1px solid #924A58;
margin-bottom: 0;
}
#menu li a {
background-color: #AD5868;
color: #fff;
display: block;
font-size: 14px;
font-weight: bold;
padding-left: 15px;
text-decoration: none;
}
#menu li a:hover {
background-color: #D18795;
}
#col1 {width: 259px;
float: left;
border-right: 1px solid black;
margin-left: 6px;
}
#col2 {width: 259px;
float: left;
border-right: 1px solid black;
margin-left: 6px;
}
#col3 {width: 259px;
float: left;
margin-left: 6px;
position: absolute; left: 542px;
}
#notice {width: 518px;
border: 1px solid black;
float: right;
position: absolute; left: -259px;
padding: 5px;
margin-bottom: 10px;
}
#footercontain {width: 800px;}
#footer {width: 100%;
clear: both;
font-family: Arial, Sans, sans-serif;
font-size: 12px;
text-align: center;
}
-->
</style>
</head>
<body>
<div id="page">
<div id="menu">
<ul>
<li><a href="#">Community Links</a></li>
<li><a href="#">Driving Directions</a></li>
<li><a href="#">Faith Formation</a></li>
<li><a href="#">Homilies</a></li>
<li><a href="#">Music Ministry</a></li>
<li><a href="#">News And Events</a></li>
<li><a href="#">Parish Photos</a></li>
<li><a href="#">Parish Ministries</a></li>
<li><a href="#">Who’s Who</a></li>
</ul>
</div>
<div id="content">
</div>
<div id="col1">
<table width="260px">
<tr><td><p>Mass Schedule </p></td></tr><tr><td><p>Monday - Thursday 10:00AM<br />Saturday 5:15 PM (DST) - Saturday 4:00 PM (EST)<br />Sunday 8:30AM 11:00AM</p></td></tr><tr><td><p>Baptism Parents Class 3rd Wednesday of each month at 7:00PM (call Pastoral Office to register)</p></td></tr><tr><td><p>Nursery service, Childrens Litury of the Word and SEEDS Program for 3 and 4 year olds call 315.635.0881.</p></td></tr><tr><td><p><img src="images/arrow.gif"> Read this Week’s Bulletin (pdf)</p></td></tr><tr><td><p><img src="images/arrow.gif"> Download Liturgical Schedules</p></td></tr><tr><td><p><img src="images/arrow.gif"> Readings for Wednesday of the Fourth Week of Easter (usccb.org)</p></td></tr>
</table>
</div>
<div id="col2">
<table width="260px">
<tr><td><p>Mass Schedule</p></td></tr><tr><td><p>Monday - Thursday 10:00AM<br />Saturday 5:15 PM (DST) - Saturday 4:00 PM (EST)<br />Sunday 8:30AM 11:00AM</p></td></tr><tr><td><p>Baptism Parents Class 3rd Wednesday of each month at 7:00PM (call Pastoral Office to register)</p></td></tr><tr><td><p>Nursery service, Childrens Litury of the Word and SEEDS Program for 3 and 4 year olds call 315.635.0881.</p></td></tr>
</table>
</div>
<div id="col3">
<table width="260px">
<tr><td><p>Mass Schedule<p></td></tr><tr><td><p>Monday - Thursday 10:00AM<br />Saturday 5:15 PM (DST) - Saturday 4:00 PM (EST)<br />Sunday 8:30AM 11:00AM</p></td></tr><tr><td><p>Baptism Parents Class 3rd Wednesday of each month at 7:00PM (call Pastoral Office to register)</p></td></tr><tr><td><p>Nursery service, Childrens Litury of the Word and SEEDS Program for 3 and 4 year olds call 315.635.0881.</p></td></tr>
</table>
<br />
<div id="notice">
<h4>Notice</h4> <br /> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</div>
</div>
<div id="footercontain">
<div id="footer">
© 2004-2007 St. Augustine's Parish, All Rights Reserved<br />
Web Site Design By <a href="http://www.saltcitytech.com">Salt City Tech</a>
</div>
</div>
</body>
</html>
<!-- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus aliquam felis et neque. Sed ut mauris. Mauris fringilla gravida leo. Sed a turpis et magna mollis laoreet. Nullam felis dolor, sodales quis, semper blandit, aliquet nec, enim. Etiam in ligula eget nibh facilisis convallis. Pellentesque elit. Etiam sapien. Etiam mollis lorem a nibh. Etiam varius tortor. Integer ultricies.</p>
<p>Nam placerat ipsum at nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nunc augue. Cras condimentum leo eget massa. In hac habitasse platea dictumst. Suspendisse sollicitudin magna ut turpis. Praesent id nisi sit amet orci fringilla dictum. Fusce pretium dui sed leo. Maecenas aliquam tellus vel leo. Nulla ac sapien. Nullam ac tortor. Proin mauris. Suspendisse et magna ullamcorper ante rutrum congue. Nunc malesuada vulputate justo. Aenean suscipit pulvinar velit. Fusce et ligula. Nulla at enim eget metus ullamcorper tempor.</p>
<p>Aliquam risus orci, ultrices non, lobortis eget, cursus ultricies, lorem. Fusce nec eros. Sed faucibus, tellus nec tempor tincidunt, ante dui feugiat leo, et euismod lectus lectus in libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas ultrices lectus eget lorem. Nunc vel justo nec mi condimentum porttitor. Integer eget lorem in dolor bibendum vulputate. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque facilisis. Aenean auctor. Ut at ligula. Nunc posuere.</p>
<p>Suspendisse potenti. Nam ac nibh. Aenean quam. Sed ut nisi id arcu nonummy consequat. Ut sapien arcu, gravida vel, accumsan vel, facilisis ut, magna. Vestibulum eget nisi ac neque feugiat ultricies. Vestibulum ut neque. Mauris nonummy. Vivamus est elit, semper ut, egestas at, consectetuer eu, sem. Praesent nec libero a nulla feugiat lacinia. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc tortor felis, pellentesque sit amet, accumsan vitae, tincidunt et, justo. Nunc leo. Integer nonummy lobortis nunc.</p>
<p>Fusce libero lacus, porttitor eu, suscipit at, ultrices a, lacus. Aenean a neque nec sem pulvinar mollis. Integer vel nisi. Nullam ultrices tellus quis justo. Donec fringilla ullamcorper arcu. Mauris ut orci quis tellus aliquam ultrices. Nulla dui sapien, scelerisque a, gravida in, tristique a, erat. Integer tristique. Maecenas varius bibendum tortor. Donec vitae felis non felis placerat pellentesque. Mauris dignissim, massa nec vestibulum mollis, ante libero semper mi, in dignissim lectus sem vel pede.</p>
-->
I appreciate any help that you might have to offer. thank you. OK so i have a form on my website that im using to upload images. But i have a very odd bug. I am using PHP to process the data and im using an if(isset) statement to check whether the page has been submit. Now the form works fine when the submit code is like this: HTML Code: <input type="submit" name="send" value="Upload" onclick="javascript:switchMenu('uploading');"/>
But when i another line of java to the onclick event the page doesnt submit correctly HTML Code: <input type="submit" name="send" value="Upload" onclick="javascript:switchMenu('uploading');this.disabled='disabled';"/>
now it will submit the data but the PHP code wont work o_0 does anyone know how to cure this? (sorry if my explaining sucks ) I used a free web counter from Bravenet. <!-- Start Bravenet.com Service Code --> <script language="JavaScript" type="text/javascript" src="http://pub24.bravenet.com/counter/code.php?id=392915&usernum=1977162984&cpv=2"> </script> <!-- END DO NOT MODIFY --> Works just find on Firefox, but does a vanishing act on IE7 My ISP does not allow any form of scripting. no idea what would be causing this. http://www.bethanyec.co.uk hi, recently ive been doing a layout and something came across that i couldn't fix. In internet explorer, the "Search Archive" box's height becomes bigger, but when viewed in firefox, it looks okay... does any1 know how to fix this? link: http://blogremix.cjb.net I am trying to create a navbar based on http://www.myweddingfavors.com. Here is mine: http://www.prizepappa.com In FireFox the onmouseover and onmouseout seem to be working fine but not in IE. There is a strange delay. And I can't seem to get my searchbar looking right. I am really new to this. Anyone think they could help me straighten out my code and css? Thanks Hello, I'm new to this forum, but I came here because I need help with editing a navbar that came with a free template I downloaded. You can view the navbar (along with the rest of the sight) here. I'd like to change it to these images in the order they come. Regular = Mouse Over = Link To = index.htm Regular = Mouse Over = Link To = forum/index.php Regular = Mouse Over = Link To = download.htm Regular = Mouse Over = Link To = http://mail.google.com/a/layercakeclan.com Regular = Mouse Over = Link To = frappr.htm Regular = Mouse Over = Link To = music.htm And here's the spacer to fill the rest of the space... The current code for the navbar is... HTML Code: <td colspan="3"> <a href="index.html"><img src="images/Slice_07_7.gif" alt="" width="57" height="37" border="0" hsrc="images/Slice_07_7_over.gif"></a></td> <td> <a href="forum/index.php"><img src="images/Slice_08_8.gif" alt="" width="73" height="37" border="0" hsrc="images/Slice_08_8_over.gif"></a></td> <td> <a href="forum/index.php?board=3.0"><img src="images/Slice_09_9.gif" alt="" width="49" height="37" border="0" hsrc="images/Slice_09_9_over.gif"></a></td> <td colspan="3"> <a href="roster.html"><img src="images/Slice_10_10.gif" alt="" width="71" height="37" border="0" hsrc="images/Slice_10_10_over.gif"></a></td> <td colspan="2"> <a href="matches.html"><img src="images/Slice_11_11.gif" alt="" width="81" height="37" border="0" hsrc="images/Slice_11_11_over.gif"></a></td> <td> <a href="downloads.html"><img src="images/Slice_12_12.gif" alt="" width="105" height="37" border="0" hsrc="images/Slice_12_12_over.gif"></a></td> <td> <a href="sponsors.html"><img src="images/Slice_13_13.gif" alt="" width="93" height="37" border="0" hsrc="images/Slice_13_13_over.gif"></a></td> <td> <a href="links.html"><img src="images/Slice_14_14.gif" alt="" width="57" height="37" border="0" hsrc="images/Slice_14_14_over.gif"></a></td> <td> <a href="about.html"><img src="images/Slice_15_15.gif" alt="" width="85" height="37" border="0" hsrc="images/Slice_15_15_over.gif"></a></td> <td colspan="2"> <img src="images/Slice_16_16.gif" width="194" height="37" alt=""></td> ..that's all the information I think you'll need, but if you need more jusr reply and I'll see what I can do. Hello, I've downloaded the Extreme Gaming template and was pleased to find the the navigation bar had a PSD that was easy and simple to edit. However, I'm having problems integrating the edited navigation bar into my site. When I do, it seems to move around all the tables and leave black spaces everywhere. I'm not experienced enough at HTML to find the problem and fix it. I was hoping that maybe someone could do it for me or give me a few pointers at what I'm doing wrong. Here's the images I go after editing the PSD and slicing it accordingly. This is what I want the new nav bar too look like... (mouse off) (mouse on) (those are all different images, not one big long one) Here's a zip for all the images above... images.zip The links are as follows... Home - index.html Forums - forums/index.php Downloads - downloads.html Structure - structure.html Frappr - frappr.html Mail - http://mail.google.com/a/extremedeadlyforce.com/ And here's the code for the current navbar... Code: <tr>
<td colspan="3">
<a href="#"><img src="index_files/Slice_07_7.gif" alt="" hsrc="images/Slice_07_7_over.gif" border="0" height="37" width="57"></a></td>
<td>
<a href="#"><img src="index_files/Slice_08_8.gif" alt="" hsrc="images/Slice_08_8_over.gif" border="0" height="37" width="73"></a></td>
<td>
<a href="#"><img src="index_files/Slice_09_9.gif" alt="" hsrc="images/Slice_09_9_over.gif" border="0" height="37" width="49"></a></td>
<td colspan="3">
<a href="#"><img src="index_files/Slice_10_10.gif" alt="" hsrc="images/Slice_10_10_over.gif" border="0" height="37" width="71"></a></td>
<td colspan="2">
<a href="#"><img src="index_files/Slice_11_11.gif" alt="" hsrc="images/Slice_11_11_over.gif" border="0" height="37" width="81"></a></td>
<td>
<a href="#"><img src="index_files/Slice_12_12.gif" alt="" hsrc="images/Slice_12_12_over.gif" border="0" height="37" width="105"></a></td>
<td>
<a href="#"><img src="index_files/Slice_13_13.gif" alt="" hsrc="images/Slice_13_13_over.gif" border="0" height="37" width="93"></a></td>
<td>
<a href="#"><img src="index_files/Slice_14_14.gif" alt="" hsrc="images/Slice_14_14_over.gif" border="0" height="37" width="57"></a></td>
<td>
<a href="#"><img src="index_files/Slice_15_15.gif" alt="" hsrc="images/Slice_15_15_over.gif" border="0" height="37" width="85"></a></td>
<td colspan="2">
<img src="index_files/Slice_16_16.gif" alt="" height="37" width="194"></td>
</tr>
Here's the link for the whole template... default_template.zip Thanks is advance! If you need anything else just say so. I need to create a very basic nav bar with some properties. Here are my requirements below: *I use six images in place for the link *I use six additional images for 'hover images'. So when the user hovers over one of the nav images a new one shows up *Each additional image is different. *I need it to work in ie6(hopeful), ie7, ie8 *I would like for it to be valid code as well. Now I'm busy doing css navs and I forget the 'old school' days of html nav bars. What would be good resources for such a navbar for me to review and create this? Any help would be greatly appreciated. hi there, ive searched all over the internet about this. but i think im searching the wrong way...and thats why im here, to ask you guys. how does one get the neato lil icon in the navbar for their website? im fairly new to html, but if anyone could explain or point me in the right direction, i would be very appreciative thanks I fixed It! I added the images inside the banner image Hello folks! I'm currently designing a site and must create the navbar below. However, to maintain consistency with IE6, we're not going to be using negative margins which makes this much more difficult. Between my partner and myself we've put a good 10 hours into what we thought was a simple element. Despite him being a programming and myself being a graphic developer, we'be both had a limited amount of education in HTMl and CSS and assumed we'd be able to handle it. Unfortunately it's not looking so at the moment. Any help given is most appreciated... I'm super frustered. Here are the two images I'm using in the above example if anybody feels like taking a stab at it: Hi, sorry if this is something that has already been answered but I'm trying to make a site that had a standard navbar on every page, however when ever I want to change the navbar I have to copy the new code to each and every page on the site. How can I do this so that I only need to update the code in one place? I did a course in web design years ago and in that I used frames to achieve this however it's my understanding that frames are now depreciated and so there must be another way to do this? I know you can link to javascript that is stored in another file as well as have your css as a separate file, is it possible to do this with HTML and if so is that the easiest way to do it? I know I have posted in the HTML section but I'm also trying to learn PHP at the moment (which is largely what the site if for) so if there is a solution involving PHP that that's welcome too, doesn't have to be a HTML solution, I just presumed that there would be an easy way to do it with HTML alone. Hi all, I'm obviously a newbie here, but I was wondering if anyone could provide some help on this NavBar problem that I'm having on a site I'm building for a client. This is probably an easy fix, but I'm not sure what the exact issue is. The site is http://www.telcare.com/ I added that new button for "Careers" last night and now I'm noticing on Firefox & Chrome that the dark blue NavBar with the buttons is stretching to the right. I'm thinking that perhaps the buttons are too wide and it's moving the dark blue background bar beyond the page size. Any help or advice will be much appreciated. Thanks Hello, Can someone please tell me how I can implement a navigation menu which will highlight the currently viewed page content when using CMS? Basically every page address has the name 'index.php?site=(name of page)' so effectively every page is the same but the content differs. I want to add a navigation menu which indicates the currently viewed content within the page. Thanks very much in advance for your time. Hello everyone, here we go: I've got nice nav bar with js, working perfect (got it at http://net.tutsplus.com/tutorials/de...vigation-menu/ ), now when I try to add rel="lightbox" to images, the lightbox doesn't work ? Here's the html, I'll explain more; HTML Code: <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>untitled</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<!--[if lt IE 8]>
<script src ="http://ie7-js.googlecode.com/svn/version/2.1(beta2)/IE8.js"></script>
<![endif]-->
</head>
<body>
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">About Them</a></li>
<li><a href="#">About You</a>
<ul>
<li><a href="#">More About Us</a></li>
<li><a href="#">More About Them</a></li>
<li><a href="#">More About You</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a>
<ul>
<li><a href="#">International</a></li>
<li><a href="#">Corporate</a>
<ul>
<li><a href="#">International</a></li>
<li><a href="#">Corporate</a></li>
<li><a href="#">American Offices</a></li>
</ul>
</li>
<li><a href="#">American Offices</a></li>
</ul>
</li>
<li><a href="#">Mission Statement</a></li>
</ul>
<p>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.core.js" type="text/javascript"></script>
</p>
<p>
<img src="file:///C|/Users/Miha/Documents/_Blinds_.jpg" width="256" height="256">
<script type="text/javascript" src="js/scripts.js"></script>
</p>
</body>
</html>
In order to install the "lightbox": You will need to include these three Javascript files in your header (in this order). <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> If I place these scripts in head - it wont work. If i delete the bottom three scripts which are used for nav bar then lightbox will work but then I shut off animation for nav bar? May-b someone had same problem and found solution where to put this three scripts from lightbox to work with nav bar ? (files for lightbox are in right position, styles are in right place, js is also located right - triple checked) Finished the whole d**n site and now the lighbox is eating my brains.. Tried searching for the answer on google and other forums and didnt find answer so any idea at all is very welcome. Hi folks. My first post hear and happy to see such an active forum on html. I'm no coder, but I have some experience. I'm doing a basic academic website (no flash, nothing fancy) for a steering committee at school with Dreamweaver 8 Mac. So far it seems to behave well, but there are 2 problems: 1) The NavBar moves down a bit (sometimes a lot) in the frame depending on the webpage. For example, if you click on "WhoWeAre" the bar drops a few hundred pixels along with the image and makes it look pretty sloppy (the most with Firefox - not so bad with Safari). How can I make sure the NavBar and the image above it (of the globe/hands) remain at the uppermost part of the frame? 2) the site looks pretty much the same in Safari and Firefox, but while using IE the top banner expands the whole screen. Anyone have any suggestions on this? The code is no doubt sloppy -- I'm a beginner and I'm forced to implement so of the University's code (for the black banner on top) into the site. With Firefox and Safari the banner stays the width of the frame and looks good. With IE and just expands indefinitely. Anyway, if anyone has any suggestions, I would be very grateful. Thanks for reading! Here's the site: http://people.umass.edu/luke/PEP/index.html My main pages have a thick navy blue nav bar at the top. http://budurl.com/u24k/d This is the way I'd like it to be. I copied and pasted the code to create the portfolio pages http://budurl.com/7fpy/dbut the navbar appears skinnier ... making a space appear when the "portfolio" pulldown menu is engaged. I'm probably missing something completely obvious, right? Thanks so much for your help! Hello everyone. I know this should be a simple task, but I can't get my nav bar to line up where I want it to. I would like it to be in the center along the bottom of my header, and I have it there now but only in Firefox. IE has it to the left of center and so does Safari. the url is www.thedarkrm.com I also can't seem to get the same navbar for another site I'm working on to line up in the bottom right of the header. All of my widths are set but it still ends up below and outside the header when I set the 'right' and 'bottom' properties to 0. I would really appreciate any suggestions. Thanks! Hi there I have a navigation bar on the site im building, but when im in screen resolution 800x600 two of the links do not work, they become unclickable. Here is the html code for one of the pages: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Language" content="EN-GB"> <link rel="stylesheet" type="text/css" href="styles4.css"> <title>Kabasa Guest House and Restaurant</title> <meta name="author" content="xxxxx"> <meta name="description" content="xxxx"> <meta name="copyright" content="2011"> <meta name="keywords" content="xxxxx"> </head> <body> <ul id="navbar"> <li><a href="home5.html">HOME</a></li> <li><a href="menu4.html">MENU</a></li> <li><a href="room4.html">ROOMS</a></li> <li><a href="rates2.html">RATES</a></li> <li><a href="book.html">BOOK</a></li> </ul> <div id="header"> <h1 align="center">Kabasa Guest House and Restaurant</h1> <div id="address"> <pre> xxxxxxx xxxx xxxx 0000000 </pre> </div> </div> <h3>Rates</h3> <div id="rates"> <pre> <u>Our Rates are as follows:</u> <b>Single rooms:</b> Self contained complete with breakfast at only kshs 1500 ($17)<br /> <b>Double rooms:</b> Self contained complete with breakfast at only Ksh 2500 ($28)<br /> <b>Double rooms twin rooms:</b> Self contained complete with breakfast at only Ksh 2500 ($28)<br /> <b>Lunch and dinner</b> is also available at very affordable rates. See our restaurant section for more details.<br /> <b>Our aim </b>is to provide the best service both to local and international clients at the most economical rates. </pre> </div> </body> </html> CSS code: Code: #navbar li {
list-style-type: none;
background-color: #CCFFFF;
margin: -1%;
margin-top: 2%;
position: relative;
top: 20px;
left: -6px;
padding: 1px;
width: 12%;
font-size: 20px;
}
#navbar a:hover {
color: #000;
background: #fff;
}
body {
font-family:Lucida Grande,Tahoma,Helvetica;
font-size:11pt;
color:#000066;
background:#ffffcc;
}
h3 {
position: relative;
top: 15%;
left: 45%;
}
h4 {
position:absolute;
top: 10%;
left: 40%;
}
h5 {
position:absolute;
top: 14%;
left: 36%;
}
h6 {
position: absolute;
margin: auto;
left:0;
right:0;
top: 37%;
width: 520px;
}
#address {
position: absolute;
margin: auto;
left:0;
right:0;
font-weight: bold;
font-size: 10pt;
font-family: arial, sans-serif;
width: 182px;
}
#header {
position: absolute;
margin: auto;
left:0;
right:0;
top: 2%;
width: 800px;
}
p {
position:absolute;
top: 53%;
left: 5%;
}
pre {
margin: 8px 8px;
clear:both;
z-index: 2;
background-color:white;
filter: alpha(opacity=75);
opacity: 0.75;
}
#rates {
position:absolute;
top: 50%;
left: 4%;
width: 85%;
}
When in 1440 x 900 all the links work fine. The two links that stop working in 800x600 are Home and Menu. Any ideas on what could cause this? Many thanks Jackie |
|||||||