ManchesterPete

Hi all, With the help of some of you huys, I have got my site to a good point, but now I need to start adding more pages which means... drop down menus. I'm still a beginner so html is all I have! http://www.southendcrc.com I've taken a drop down menu stylesheet from cssmenumaker.com and integrated it into a trial page. The menu works fine on chrome and safari (and even my iphone) but just does not work at all in IE. I've not tried firefox yet. The trial page can be found at: http://www.southendcrc.com/menutry3.htm When I tried the code on it's own, it works fine in IE so the problem clearly starts when I drop the code into the menu area on my page. The menu sits within a table, and various div's as I am using a pre-written template for the page (this is still my first time making a site!) I reference two stylesheets, styleb.css and style01.css so I can keep the code separate. Can anyone please tell me why it will work in everything but IE?? The menu stylesheet is as follows:- #cssmenu { border: none; border: 0px; margin: 0px; padding: 0px; font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; width: auto; } #cssmenu ul { background: #1B3266; height: 35px; list-style: none; margin: 0; padding: 0; } #cssmenu li { float: left; padding: 0px; } #cssmenu li a { background: #1B3266 url('seperator.png') bottom right no-repeat; display: block; font-weight: normal; line-height: 35px; margin: 0px; padding: 0px 25px; text-align: center; text-decoration: none; } #cssmenu .current_page_item a { background: #005C8F; color: #FFFFFF; } #cssmenu > ul > li > a { color: #cccccc; } #cssmenu ul ul a { color: #cccccc; } #cssmenu li > a:hover, #cssmenu ul li:hover > a { background: #2580A2 url('hover.png') bottom center no-repeat; color: #FFFFFF; text-decoration: none; } #cssmenu li ul { background: #005C8F; display: none; height: auto; padding: 0px; margin: 0px; border: 0px; position: absolute; width: 225px; z-index: 200; /*top:1em; /*left:0;*/ } #cssmenu li:hover ul { display: block; } #cssmenu li li { background: url('sub_sep.png') bottom left no-repeat; display: block; float: none; margin: 0px; padding: 0px; width: 225px; } #cssmenu li:hover li a { background: none; } #cssmenu li ul a { display: block; height: 35px; font-size: 12px; font-style: normal; margin: 0px; padding: 0px 10px 0px 15px; text-align: left; } #cssmenu li ul a:hover, #cssmenu li ul li:hover > a { background: #2580a2 url('hover_sub.png') center left no-repeat; border: 0px; color: #ffffff; text-decoration: none; } #cssmenu p { clear: left; } Thanks for any help! Pete

I'm trying to use an iframe to carry a page section that I want common to most pages of my rowing club website. I have tried to control the height of the iframe using the stylesheet, but for some reason, the frame is deafulting to the minimum frame height. I can force the correct height if I put a height attribute in each iframe tag, but that means changing every page again.. I've loaded the pages upo to my website so you can see what I mean www.southendcrc.com/sidebar.htm is the frame content www.southendcrc.com/play01.htm is the base page You can see what the page is doing pretty clearly. Any clues?? Thanks Pete

And I had another general question... The right hand block of text appears on all pages. As I have used a basic free template, this block of text appears on all pages, which is what I want, but is there a way that I can set this up so I only have to edit one version when I want to make changes? Right now, if I want to change it, I have to change every page... I figure that some of the fancier browsers will do this automatically but I am only using pagebreeze...

Dap, Yep, you are right. I will make the changes that I can figure out how to!! Thank you And that picture really doesn't do the real thing justice! Pete

Thanks guys for the help. It's appreciated Just what a beginner needs! DigitalWorkshop - I did think it should work like that but I still can't seem to make it work. I have put up a trial page to experiment with. www.southendcrc.com/try2.htm If you view the page in IE then other browsers you will see my issue! The code for this is <body> <div id="wrapper"> <div id="header-wrapper"> <div id="header"> <div id="logo"> <h1><img src="images/southend-pier02.jpg"></h1> <p> </p> <div></div></div><!-- end #header --> <div id="menu-wrapper"> <div id="menu"> <ul> <li class="current_page_item"><a href="index.html">Homepage</a> </li> <li><a href="about.htm">About Us</a> </li> <li><a href="gallery.htm">Gallery</a> </li> <li><a href="calendar.htm">What's On</a> </li> <li><a href="links.htm">Links</a> </li> <li><a href="contact.htm">Contact</a> </li></ul></div></div><!-- end #menu --> So as you can see, I have tried to put the banner exactly where the text was. It works fine on IE but not on Chrome or Safari, etc! Still confused!

I'm trying to build a site for my rowing club using a predesigned template. I have inserted an image at the top of the page and everything looks great in IE, but it doesn't work in Safari or Chrome. I can't work out why. I would appreciate any pointers. main body sits under the image in the other browesers. The site is www.southendcrc.com Thank you Pete