Berteldk
Members
-
Joined
-
Last visited
-
Nobody knows about this ?
-
Your welcome
-
What would not work? This is the way all developers create navigation... Ofcause you need to style the links etc. more through CSS, but if you didnt know that, i think what you need to do, is take look at some html/css guides and learn the basics ? This was merely a way to have different buttons showed with a hover function that showed another picture instead.
-
-
here is another version with sorting aswell http://isotope.metafizzy.co/
-
why didnt you just make it all in html/CSS3? Just curious
-
First you need to float it left and not right! then remove the clear:both and set the width to auto instead of 500px. then go to your script and wrap it so that you can get the desired with through there instead, that should solve your problem. also add a <div> footer with clear:both instead.
-
Thank you for your answer. However its not making a picture doing full width of the browser window, i can set this up easy with jquery - the trick here is that there is content under the picture wihich it ignores on load and knows that only the picture needs to fill the entire window.
-
If you want to use photoshop for buttons you must first find a layout. Then simply just use it as background images in your navigation <div> and use text in your html, so that its SEO friendly. html: <div id="navigation"> <ul> <a href="#"><li>button1</li></a> <a href="#"><li>button2</li></a> <a href="#"><li>button3</li></a> </ul> </div> CSS: here the picture showed untill hovered #navigation ul li { background-image:url('your path to picture'); background-repeat:no-repeat; width:picture width in px; height:picture height in px; color:#FFF; } here the picture you want to be showed when hoover #navigation ul li:hover { background-image:url('your path to picture'); background-repeat:no-repeat; } Not sure if this is what you wanted, but thats how i would set it up
-
Hey everyone. I saw this awesome effect at: http://www.wearetheweather.co.uk/ I want to be able to do this myself. See how the screens background picture fits the screen size no matter how big it is AND still you have content beneath the picture but is never visible untill you scroll down. Hope someone can help me out. thank you.
