rufus

thanks for your suggestion.. after endless hours of pulling my hair out i was able to sort the toggle. it was because i wasnt declaring the javascript scripts in the right order.. stupid eh. now, i have another problem though! bad times. thanks for helping out! rufus

hey guys, iv been doing this new site for my uncle and i want to toggle the text box on the page to show and hide the picture behind. iv been stuck on this for ages and im getting a bit frustrated so i wondered if anyone can help! the web address is www.yunitube.co.uk i hope someone can shed some light for me. i have used this bit of simple code as well as referring to the jquery library at the start of the page: $(document).ready(function() { $("#v_toggle").click(function() { $("#vertical_slide").toggle(); }); }); for some reason i cant get it to work. basically, i would like the user to click the question mark on the page and it shows and hides the text box.. ok im repeating myself now. please help! THANKS

stardog, i really like your idea. Dont know why i didnt think of that! It worked perfectly aswell. still annoyed that i cant grasp my problems with float and clear functions in IE but hopefully it will come! Its working .. so thank you very much!

before you buy some have you checked out sxc.hu ... or something like that. loads of cool freebies, check it out. where abouts in devon are you by the way?

no sorry, the lines above and below the container div are supposed to be spaced evenly.. and are in every browser. it is only minor but it is really bugging me. basically at the moment, in IE8 the top one appears a lot closer to the content than the bottom one is.. does that make more sense? sorry if i am not being clear. thanks for any help!

silly silly me. no its not that but thanks for letting me know anyway. should have checked that before i put it on here, i have been messing around with it so much! thanks for that john

im so reluctant to post this because i have had so much previous help on this issue.. i dont want everyone thinking im not trying to learn from these posts and just riding on your expertise. But after a couple of days .. the last resort is here. i think it is a float problem, basically i have 4 'main' divs on my page.. two displaying simple (*cough) lines and two that hold the content.. a bit of text and a picture. it is actually the lines i am having problems with. They are displaying with different margins despite them both being set to the same height.. that is the main problem. basically, the top line is showing up closer to the container than the bottom one. (let me know if you want me to post some code, im sort of assuming you have firebug or an equivalent....) i cant believe i am struggling on such a simple design but this one is just not liking me. as always it is fine on safari and firefox.. sorry guys. any help would be much appreciated! www.rufus-denne.co.uk/pages/subs/tupping.html (and yes this is going to be a thrilling site when its done! )

if this helps... design. first on a peice of paper. put it in photoshop.. code. i html the main div elements first. then normally style some of the divs just to see basic heights widths floats.. etc. making them funny colors so that they show up when i preview in browsers and then go from there really.. im still a novice, but i do find it really helpful making divs funny colors so i can see what is going on!

im so reluctant to post this because i have had so much previous help on this issue.. i dont want everyone thinking im not trying to learn from these posts and just riding on your expertise. But after a couple of days .. the last resort is here. i think it is a float problem, basically i have 4 'main' divs on my page.. two displaying simple (*cough) lines and two that hold the content.. a bit of text and a picture. it is actually the lines i am having problems with. They are displaying with different margins despite them both being set to the same height.. that is the main problem. basically, the top line is showing up closer to the container than the bottom one. (let me know if you want me to post some code, im sort of assuming you have firebug or an equivalent....) i cant believe i am struggling on such a simple design but this one is just not liking me. as always it is fine on safari and firefox.. sorry guys. any help would be much appreciated! www.rufus-denne.co.uk/pages/subs/tupping.html (and yes this is going to be a thrilling site when its done! )

that does help loads thank you very much. id never heard of that before. however, the navigation doesn't work at all and the .line class has been made very fat instead of 1 px. also in my subscribe div.. nothing is looking right, the buttons etc. very frustrating! can anyone help?

As always, im having more problems with internet expplorer.. it sails through the w3c validator both the httml and the css, however it is struggling still with IE. www.rufus-denne.co.uk/pages/home.html could anyone please advise me as to what i could be doing wrong.. with reference to the navigation and the text and subscribe divs. as you can probably see they are not enjoying life under my rule in internet explorer. p.s. every other browser is displaying the page fine! thanks.

i really dont like it sorry.

i would like to see it centered.. i dont like it aligned to the left! apart from that. awsome job, especially for 14!!

got it! thanks for all your help!

i really like it.. layout and color scheme are coooool! i dont like the look of the navigation though. i think it could do with being a bit bolder and i have never been a fan of capitalization! despite how 'grammatically correct' it is! i think uppercase might be a nice touch! i had to try and find something!

displays fine on my screen! (13 ") good stuff!

i think i know what you are talking about. the nav text slips down.. nothing drastic. have you looked at it in IE? (not as easy to fix!) im no expert! but have you tried setting the line height for paragraphs? eg. p { line-height: 12px; } I think the site looks nice... professional looking. the layout of the site on the computer screen is more to my taste though! (on the homepage.) also.. from my point of view the quotation marks (top left) are not closed. that just jumps out at me.. just thought i would let you know! hope this is constructive! rufus

THAT WORKED FANTASTICLY! thank you very much! also im really interested in ( margin: 0 auto 5px; ) this obviously replaced all my messy padding. could you go through how it worked because everytime i have tried to do auto margins, it never worked.. what is the 0 defining? and the 5px? and the auto for that matter? thanks again Pedro.

THAT WORKED FANTASTICLY! thank you very much! for future reference and in answer to your question.. i know no better. why should i not be using display:inline; ? probably an obvious question but it would be good to have it cleared up. also im really interested in ( margin: 0 auto 5px; ) this obviously replaced all my messy padding. could you go through how it worked because everytime i have tried to do auto margins, it never worked.. what is the 0 defining? and the 5px? and the auto for that matter? thanks again Pedro.

thanks for your help guys. i have fiddled for a bit.. there is a IE whitespace error, but every time i try to solve it it shows it worse where the text over rides the navigation so i will leave it like this. im happy that it is still useable now and it shows right in firefox and safari! if you could however lend a hand with the logo. i have highlighted the container div in a strange blue color.. i dont quite understand why there seems to be 2 divs showing.. and the logo is not displaying correctly.. it is under the div and aligned to the left... again its only doing this in IE. any help again would be much appreciated! im really hating IE at the moment! the site is loaded on www.rufus-denne.co.uk

as a typical 'beginner' i failed to check regularly how my site looked in different browsers. i work on a mac so throughout the design of my site i was viewing my site in firefox, safari and opera. all of which display my website as i want them to. I have just realised however that IE is not showing my site correctly. The navigation is floored, with text overlapping etc. the slideshow is not working however i understand that is down to the 'z-index' problem... THE ONLY 'COMPATABILITY ERROR' TO BE HIGHLIGHTED WITH DREAMWEAVER. and the logo seems to be displaying outside its div.. v strange. so yeh, safari, firefox and opera are displaying it correctly.. but IE is not enjoying itself! the website is situated on www.rufus-denne.co.uk any help on how i can solve these issues.. mainly the navigation and logo would be much appreciated! p.s. any comments / constructive criticism (as long as it is constructive ) on design / layout .. let me know!

TUTVID.com do some awsome tutorials! really indepth.. they do one with flash and AS3 so you will need a little more than dreamweaver.. sounds a bit like what you are talking about though. x

basically i have used about every lightbox plugin under the sun.. or tried to.. mootools seems to be the one i have settled on but i still cannot get it to work.. i have downloaded the one modified by phatfusion which looks awsome and should be easy(ish) to set up... well i have been trying for days... now i am new to all this so sorry if i sound like a complete idiot! i cannot work out for the life of me what is meant by "The following code needs to be called onDomReady or inline after the images. Lightbox.init();" and i am hoping this piece of information will rid me of my worries. any input.. experience ... or help would be much appreciated. rufus p.s. here is the whole lot of notes that they show on the website if that helps anyone. im sure you may need to know a lot more so please bombard me with questions, its all part of the learning curve... :S ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ Add the rel="lightbox" attribute to the links pointing to your full-sized images. Use the optional title attribute if you want to show a caption: <a href="image.jpg" rel="lightbox" title="my image">image 1</a> For sets of related images that you want to group and make navigable, add a group name to the rel attribute after “lightbox”, inside square brackets: <a href="/images/image-1.jpg" rel="lightbox[phatfusion]">image 1</a> <a href="/images/image-2.jpg" rel="lightbox[phatfusion]">image 2</a> <a href="/images/image-3.jpg" rel="lightbox[phatfusion]">image 3</a> The following code needs to be called onDomReady or inline after the images. Lightbox.init(); To add an html description to the image, create a div and give it a two classnames, one to say that it is a description and the other should be the id of the a tag: <a href="image.jpg" rel="lightbox" title="my image" id="image1"></a> <div class="lightboxDesc image1">my html description</div> Then when you initialise the lightbox, set the description option: Lightbox.init({descriptions: '.lightboxDesc') Alternatively, you can also launch the Lightbox effect using Javascript to display a single image. Just call the following method, passing the URL of the image as first parameter and optionally a title as second parameter: Lightbox.show('images/image-1.jpg', 'Spheres in construction'); LINK = http://www.phatfusion.net/lightbox/

surfing the web lead me to this great website the other day. I am quite new to web design and am eager to learn, i would really love to know how they do the popups on this page. http://www.templatemonster.com/category/dynamic-swish/.... could anyone point me in the right direction... thanks