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

Hi, I can anyone tell me how easiest to position my footer in the same place on each page? so these http://www.artandescape.com/stuartlandscape.html http://www.artandescape.com/stuartbio.html be in the same place as the home page www.artandescape.com Ive attached both stylesheets im using thanks galleria.css style.css

thanks Pat

Im new to this and even though I had my website looking quite good, or so Safari said, IE did not agree. So I tried validating my code last night and I've ended up with this! Can anyone give me an idea on where Ive gone wrong with this, I had saved a version down before I made changes but this version also looks like it does in the link which makes me believe it is the style sheet - I've attached this also - any ideas - anyone? www.artandescape.com The gallery pages are viewing fine http://www.artandescape.com/stuartfigurative.html#images/stuart/clown%201.jpg style.css

Hi all, I have created this website and am having trouble viewing my home page in IE due to my code being all over the place (my first site and am working on rectifying this!) What I don't understand though is why my image gallery cannot be viewed as I have included this gallery from someone understands the code a bit better than I do! http://www.artandescape.com/stuartlandscape.html Im finding this browser compatibility really frustrating, my website appears just as it should in Safari and Firefox but with internet explorer I just cannot get it to work and would really appreciate some feedback

Hi, I have downloaded this email form from here http://www.designerfreesolutions.com/resources/ajaxsignup/ and cannot see how to change the code so the 'join to our mailing list' email addresses come to my mailbox. Here is my website, can someone please shed any light as to why www.artandescape.com Thanks

can you try it again now please

can you try it again now please

Hi, Im just in the final throws of finishing my first website, I know the code is messy - ive only been doing this for a week and I am in the process of validating it (just thought id get that in there now! Something very confusing is going with uploading my site though. When i enter http://www.artandescape.com it brings it up as http://www.artandescape.com/# (note the #) and my drop down menus and links do not work, although if i enter http://www.artandescape.com/index it still brings the # but i can now view my drop down menus and my links all work perfectly. Can anyone please explain why this is happening! Thanks

A huge help, thankyou! Im just trying going through validating my code. Something very confusing is going with uploading my site though. When i enter http://www.artandescape.com it brings up as http://www.artandescape.com/# (note the #) and my links do not work, although if i enter http://www.artandescape.com/index it still brings the # but i can view my drop down menus and my links all work perfectly. Can anyone please explain why this is happening! Thanks

thanks for the tips guys but it still isn't picking up the links to the javascript files! please anybody got any suggestions with why these aren't linking, its very frustrating to have something ready and I cannot get it to upload!