stewlewis

Hi I'm learning. My site is http://www.wavespeech.co.uk It doesn't work right in IE yet, I use Chrome and test in Chrome, I'm trying to get that right before ensuring other browsers are OK. That's not the issue though. When I click my accordion heading, and they go blue, I'd like them to scroll and stop at top of view, or view to align to top of blue header once activated. I've used various freebie sources for the java etc and pieced it together as best I can, by trial and error mainly as I'm no coder. The icons on the headers will then be used to open all sections with same icon category etc. For now, they're just there, that's another days problem. I know the site has many issues, solid footer graphic, massive header etc. I'm just tinkering for now. I also don't know if each section loads in the background and is a lot to load, more so when I have lots of sections. Maybe it just loads once activated, again another days problem. I'm happy to post code if required, or use Chrome developer tools. Any ideas? Thanks.

http://www.wavespeech.co.uk I've started using iframe instead of object to insert the 'entries'. I can keep my entries in separate HTML files and just insert a new section into the index. A bit of formatting with CSS boxes, confusing! I'm not fussed about SEO as this is a 'play' site for me, and I'll just point people to articles to show off. I will edit the header and footer when I finalise. My next task will be to get the 'entries' to slide up to near the top on activation and show a smaller header once done so. I will also get the latest entry to show expanded under the header when landing at the homepage. I'm going to place icons on the entry bars to show/hide any entries in a certain category, that's what the icons in the header will be for. Tech and I.T./Web design/Trad. art/Photography/Digital Art. Love the Chrome, Inspect Element, editor, nice tip to use that.

Thanks very much Chris for the detailed response. I'll address those details and have another 'play'. You're correct in what you are saying, I don't wish to start off on the wrong foot. Its so easy to try different layouts and effects and miss the basics, dive in! My vision is to create separate HTML pages, that then are the 'entries' on each of those drop down bars. With the top bar expanded, being the most recent and the first the reader will see. I want to minimise my editing of the main page. The buttons in the header will expand the 'entries' based on the readers preference, artwork, I.T. work, graphics etc. The entries will be tagged with the category of the content and all expand when that button is pressed. My separate 'entries' would also be available to link to as an item on their own, and be PDF exportable. eg. Check out my item on bicycle restoration, 'link'/'pdf' Did I say dive in? At the deep end!! And I haven't even started on my many, "millionaires Rodders millionaires", app/site ideas! Ideas-a-plenty, knowledge and time to learn is not, must be an age thing! Thanks again. Stew.

Hi Forum, new starter here. I've jumped in at the deep end, with no training or reading of resources, just winging it! I've knocked up a site: http://www.wavespeech.co.uk/ To test some ideas. It's only in very very early draft so most of it doesn't 'work' I'm hoping to knock up separate HTML pages, that I can insert into this site with minimal editing. The white bars will be my entries. 1st question, of which there'll be many no doubt. Any idea where my 'test object' entry is getting it's scaling from? The entry page http://www.wavespeech.co.uk/entry0001.html This is how I'm inserting my entries: <section> <div class="actog">1991 Raleigh Cameo</div> <div class="accon"> <object type="text/html" data="entry0001.html"></object> </div> </section> <section> <div class="actog">1991 Raleigh Courier</div> <div class="accon"> <object width="952px" type="text/html" data="entry0002.html"></object> </div> </section> <section> <div class="actog">1997 GT Zaskar</div> <div class="accon" id="entry_001" style="display: block;"> <img src="images/1997_GT_Zaskar_LE.JPG" width="952"></div> </section> Thanks in advance.