No one has voted on any posts yet. Votes from other community members are used to determine a member's reputation amongst their peers.
16 Posted Topics
If I was you I wouldn't bother about IE6, Microsoft doesn't support the browser anymore, so why should we as designers worry about it?
the slide function in jQuery won't allow you to slide horizontally, only veritcally.. to slide horizontally you must use the animate function let's say you have a link and when you click it you want an image that is a child of the <a> tag to toggle slide.. here is …
I copy/paste the code and when I resize it the scroll bar is there.
that is a heavy code to something simple as a dropdown menu with slide.... [CODE]$(function(){ $('li.topLink ul').hide(); // DROP MENU $('li.topLink').hover(function(){ $(this).find('ul').slideDown().css({'left':left}); },function(){ $(this).find('ul').hide(); }); });[/CODE] that's how I would write a dropdown menu with hover... to add a background to the parent link just add in the first hover …
so basically what you want is a drop down on click? JavaScript is still a bit tricky for me, but here is what I would do with jQuery html [code] <ul id='dropDown'> <li><a href="#"> section A </a> <ul id='subMenu'> <li><a href="#"> section B </a></li> <li><a href="#"> section C </a></li> <li><a …
is this your website [url]http://shadowscape.co.uk/[/url] ? cause if it is, you already have a navigation on it.
take the eq() out? that way you'll have all three paragraphs. if you only want the first two to show up, just write. [CODE] $('p:last').hide(); [/CODE] if you want the middle one to hide, write [CODE] <div id="content"><p>aaa</p><p>bbb</p><p>ccc</p></div> $('div#content').find('p').eq(1).hide(); [/CODE] you can go [URL="http://www.jsfiddle.net/VzZfJ/"]here[/URL] and play with this. hope this …
This makes no sense. CSS is a web designing language.. You mean CS5 and distributing CS5 without permission is illegal. So I don't think this is the best place to come asking for this.
[CODE]width: 30px;[/CODE] that's the problem
have you tried setting a margin-top on the css?
Best contrasting colors are colors oposite in the Color Wheel.. so yes, blue and orange are good contrasting colors
The effects must be set up after the prepend and make sure the you set the class in the prepend function I.E. [CODE] $('body').prepend("<div class='className'>blah blah blah </div>"); $('div.className').... [/CODE]
Have you tried adding the fonts via CSS? if not, do it like this: [CODE] @font-face { font-family: Arial; font-style: normal; font-weight: normal; src:url(http://www.SiteAddress.htm/EOTfileName.eot); } [/CODE] the only bad thing about using external fonts is that the user will have to wait until the font is downloaded before he/she can …
maybe set up a height for the input? I just looked at the webpage in Safari, firefox and chrome (i'm on a Mac so no IE) and it looks just fine...
this is why I don't even bother with JavaScript.... this is a simple effect that could be achieved by using jQuery. You might want to try that
[CODE] <ul> <li>home</li> <li class='downservices'><a href="#">Dropdown link</a> <ul> <li>links</li> <li>links</li> </ul> </li> </ul> [/CODE] jQuery [CODE] $(function(){ $('li.downservices').find('ul').hide(); $('li.downservices').hover(function(){ this.next('ul').slideDown(); }, function(){ this.next('ul').hide(); }); }); [/CODE] if you want a more detailed tutorial, I wrote a blog post [URL="http://onebiginternet.com/2011/01/how-to-create-a-drop-down-menu-using-jquery-and-css/"]here[/URL]
The End.
bvelez352