n1kk1

Hello, the links on my image gallery webpage below opens into a new window - do you know how I can get this to stop and open in the same window? http://www.artandescape.com/artistsall.html Also, my menu bar jumps to the left in some browsers which in turn misaligns all my text and images and I cannot work out why this would happen - if anybody has any advice that would be great! Thanks Nikki

Thanks thats very good to know, I will take a look at this firebug

Thanks, have fixed that problem now and it is picking up the css. The gallery pages are still not working though and neither is my menu lava lamp image! Also some of the image sliders are working and some are not. I don't know whether my work pc has just not picked up on the changes (my home mac when I upload new pages to the web it never shows straight away for some reason) Also the page alignments are doing something strange, when I first go into the page they are fine, if I go to another window and go back to it they misalign! Im a novice at this and so close to finishing it would really appreciate any advice thanks menu lava lamp and slider images not responding, page alignment also jumps http://www.artandescape.com/exhibitions.html gallery javascript not working http://www.artandescape.com/stuartfigurative.html Would I be better off maybe putting my css/script directly onto the page instead of linking as this page is fine http://www.artandescape.com/artistsall.html

Hi, I have just uploaded my new site and the javascript and css on the index page is working fine but the menu and sliding images and css is not working on all other pages. Does anyone have any suggestions why this would happen? I have copied over my css and js folder twice now and both times it says the transfer was fine. In my old site I kept the css and jquery file in the main drive and this time I have put them in seperate css/js folder - would this make a difference? Any advice anyone can offer would be much appreciated! Thanks www.artandescape.com example page where not working (the MARQUEE is also not working!!) http://www.artandescape.com/giftvouchers.html jquery working ok on these: http://www.artandescape.com/artistsall.html Also, my image files here - for some reason on IE the thumbnail images all appear under each other whilst on safari they are hidden (as they should be)Do you know how I can fix this problem - not sure if it is happening on any other browsers. http://www.artandescape.com/armandoseijo.html#images/armandoseijo/flyingfish.jpg It is only my second ever site and was looking so good on the test run from home! Would appreciate an expert eye, many thanks

Hi, I have just uploaded my new site and the javascript and css on the index page is working fine but the menu and sliding images and css is not working on all other pages. Does anyone have any suggestions why this would happen? I have copied over my css and js folder twice now and both times it says the transfer was fine. In my old site I kept the css and jquery file in the main drive and this time I have put them in seperate css/js folder - would this make a difference? Any advice anyone can offer would be much appreciated! Thanks www.artandescape.com example page where not working (the MARQUEE is also not working!!) http://www.artandescape.com/giftvouchers.html jquery working ok on these: http://www.artandescape.com/artistsall.html Also, my image files here - for some reason on IE the thumbnail images all appear under each other whilst on safari they are hidden (as they should be)Do you know how I can fix this problem - not sure if it is happening on any other browsers. http://www.artandescape.com/armandoseijo.html#images/armandoseijo/flyingfish.jpg It is only my second ever site and was looking so good on the test run from home! Would appreciate an expert eye, many thanks

cheers Lee - here is some of the html and all of the CSS, quite a bit of it but it is happening whatever style I choose which made me think it is to do with the body (ive put SPACE where it is happening) thnx! here is some of the html <table width="700" border="0" style="margin:0 auto;padding-top:0; "> <tr> <td colspan="5"> <tr valign="top"> <td height="440" colspan="5"> <div id="menu"> <ul class="menu"> <li><a href="index.html" class="parent"><span>Home</span></a> </li> <li><a href="aboutus.html"><span>About us</span></a> </ul></div> SPACE <h3 align="left" class="h3">Art in Situ</h3> <p class="style2">Situ translates to 'built in relation to its surrounding’, we have created these following works of art for a number of private homes. Please do see our <a href="artcommissions.html">commissions</a> page to find out more. </p> <p class="style2"><small><a href="art.html">Art</a> | <a href="artistsall.html">Artists & Biographies</a> | <a href="artcommissions.html">Commissions</a> | <a href="artinsitu.html">Art in Situ</a> | <a href="arthanging.html">Art Hanging Service</a> | <a href="artpayment.html">Art Payment</a></small></p></td> SPACE </tr> </table> <tr> <td colspan="5"><div class="info"> <h2 align="center">Art & Escape Gallery</h2> <p align="center">23-25 Barnet Road, Hertfordshire EN6 2QX. Tel 07791 075 458 / 07971 328 235</a></p> <p align="center">Please email for further enquiries: <a href="mailto:info@artandescape.com">info@artandescape.com</a></p> <p align="center"><a href="disclaimer.html">disclaimer </a> | <a href="">design by art & escape</a></p> </div></td> </tr> here is the css body{ background:white; text-align:left; color:#FFFFFF; font-family: georgia, serif; font-size: 80%; background-color: black; margin: 0; padding: 0px; } /* menu::base */ div#menu { height:41px; color: #DDDDDD; background-image: url(imagesmenu/main-bg.png); background-repeat: repeat-x; } div#menu ul { margin: 0; padding: 0; list-style: none; float: left; } div#menu ul.menu { padding-left: 15px; } div#menu li { position: relative; z-index: 9; margin: 0; padding: 0 5px 0 0; display: block; float: left; } div#menu li:hover>ul { left: -2px; color: #FFFFFF; } div#menu a { position: relative; z-index: 10; height: 41px; display: block; float: left; line-height: 41px; text-decoration: none; font: normal 12px Trebuchet MS; } div#menu a:hover, div#menu a:hover span { color: #fff; } div#menu li.current a {} div#menu span { display: block; cursor: pointer; background-repeat: no-repeat; background-position: 95% 0; } div#menu ul ul a.parent span { background-position:95% 8px; background-image: url(imagesmenu/item-pointer.gif); } div#menu ul ul a.parent:hover span { background-image: url(imagesmenu/item-pointer-mover.gif); } /* menu::level1 */ div#menu a { padding: 0 10px 0 10px; line-height: 30px; color: #888888; } div#menu span { margin-top: 5px; }/**@replace#1*/ div#menu li { background-image: url(imagesmenu/main-delimiter.png); background-repeat: no-repeat; background-position: 98% 4px; } div#menu li.last { background: none; } /* menu::level2 */ div#menu ul ul li { background: none; } div#menu ul ul { position: absolute; top: 38px; left: -999em; width: 167px; padding: 5px 0 0 0; background-color: #550000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; margin-top:1px; } div#menu ul ul a { padding: 0 0 0 15px; height: auto; float: none; display: block; line-height: 24px; color: #DDDDDD; } div#menu ul ul span { margin-top: 0; padding-right: 15px; _padding-right: 20px; color: #AAAAAA; } div#menu ul ul a:hover span { color: #FFFFFF; } div#menu ul ul li.last { background: none; } div#menu ul ul li { width: 100%; } /* menu::level3 */ div#menu ul ul ul { padding: 0; margin: -38px 0 0 163px !important; margin-left:172px; } /* colors */ div#menu ul ul ul { background-color: #550000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; margin-top:1px; } div#menu ul ul ul ul { background: rgb(38,38,38); } div#menu ul ul ul ul { background: rgb(35,35,35); } /* lava lamp */ div#menu li.back { background: url(imagesmenu/lava.png) no-repeat right -44px !important; background-image: url(imagesmenu/lava.gif); width: 13px; height: 44px; z-index: 8; position: absolute; margin: -1px 0 0 -5px; } div#menu li.back .left { background: url(imagesmenu/lava.png) no-repeat top left !important; background-image: url(imagesmenu/lava.gif); height: 44px; margin-right: 8px; } #makeMeScrollable div.scrollableArea * { position: relative; float: left; margin: 0; padding: 0; } h1,h2{ letter-spacing:3px; text-transform:uppercase; font-family: 'helvetica neue', sans-serif; font-size: 80%; font-weight: bold; } a{color:#348;text-decoration:none;} a:hover{color:#67a;} .caption{font-style:italic;color:#887;} .info{ text-align:center; width:800px; margin:30px auto; border-top:1px dotted #888888; padding-top:30px; font-size: 9pt; } .info2{ text-align:center; width:800px; margin:30px auto; border-top:0px dotted #888888; padding-top:1px; padding-bottom:1px; font-size: 8pt; } .info3{ text-align:center; width:800px; margin:10px auto; border-top:0px dotted #888888; padding-top:2px; font-size: 8pt; } .h3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#444444; padding-top:0px; padding-bottom:0px; font-weight: bolder; line-height: 10pt; } .h4{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#BBBBBB; padding-top:0px; padding-bottom:0px; line-height: 20px; } .h6 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555555; line-height: 30px; font-weight: bold; text-align: left; padding-bottom:0px; padding-top:0px; } .style2 { font-family:georgia, serif; font-size:13px; color:#888888; line-height: 25px; text-align: left; text-decoration:none; padding-bottom:0px; padding-top:0px; margin: 0; } .style2 small { color:#888888; font-size:9px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; left:4px; top:0px; margin: 0; } .style2 small:hover{ color:#ffffff; font-size:9px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; left:4px; top:0px; } .style2 hover { text-decoration:none; color:#ffffff; } .style3 { font-family:georgia, serif; font-size:13px; color:#BBBBBB; line-height: 15px; text-align: left; text-decoration:none; padding-bottom:2px; padding-top:2px; } .style4 { font-family:georgia, serif; font-size:13px; color:#888888; line-height: 25px; text-align: center; text-decoration:none; padding-bottom:10px; padding-top:10px; } .style5 { color:#000000; } #container { float: right; ; width: 160px; height: 400px; margin: 0px; background-color: #000000; }

Thanks for tip Lee - I have added to my body and the paragraph style but it is still giving me too much space top and bottom - my links at the bottom all appear too far above my div class info dotted line and I want them to appear just above! My top heading is also too far from my menu bar. Any other ideas? many thanks

I have the following p class style on my web page (within a table) but for some reason it is leaving a huge space at the top and bottom of the paragraph. I have no padding in the style nor in the body style of my CSS - can anyone explain another reason why this would happen? I have attached my CSS and html page also .style2 { font-family:georgia, serif; font-size:13px; color:#888888; line-height: 25px; text-align: left; text-decoration:none; padding-bottom:0px; padding-top:0px; } artcommissions.html menu.css

Ive spent another few hours trying to figure out why this won;t work... please - anybody!?

hi, I have a page whereby I am using jquery for my menu bar and a jquery smooth images scroll. The problem i have is getting them both to work on the same page! The menu bar was working fine until I included the scrollable images and now my lava lamp images and hover no longer works. Is there some compatibility problem with using 2 different sets of jquery/css on the same page or is there something I am missing from my page - I'm a novice at this! Ive included my page and both sets of css, any advice would be appreciated Thanks Nikki escape.html menu.css smoothDivScroll.css

I am having trouble positioning the images and text of the bottom 3 hover blocks, I want them to appear as they do in the top 3 but I cannot get the padding to work on the bottom! I also need the text to fill the boxes more. Can anyone help with these probably very simple queries! (Ive attached images also so you can see what i mean) Thanks index.html

wow that easy - thanks so much, I really need to grasp a better understanding of building websites, its all a bit haphazard as Im sure you can see!

The positioning of my web page has left aligned for some reason, I thought it is something to do with the wrapper in my CSS but I cannot fix - I am new to this so porbably something very simple! Could someone please help with this as i have been trying to fix for over an hour now I have attached my index and css - how it should look is here www.artandescape.com It is also happening on the new index page I am trying to create, which I have also attached - I presume the same issue is with the CSS I hope someone can help! index.html style.css index2.html

Thanks for the response James, i had included my stylesheets though. It is because I am using tables on some (using the style.css) which I have created. The gallery pages however I have downloaded (using the galleria.css) so Im not sure how these have positioned the "information" footer due to my knowledge of building websites not being very advanced!

Hi, its the positioning of the information / contact details at the bottom of each page that I am having trouble with