PicnicTutorials
-
Posts
1,108 -
Joined
-
Last visited
-
Days Won
1
Content Type
Profiles
Forums
Events
Downloads
Gallery
Store
Posts posted by PicnicTutorials
-
-
Hello
, thought I'd add to the list...
-
These are all the rules that should fix that. Pick which ever one applies to your code. Each work in some situations while each don't work in others. I just messed with it in firebug - font-size:0; on the menu seems to fix the menu, and overflow:hidden on the footer seems to fix the footer. But test all in each.
img {
vertical-align:bottom;
}
img {
display:block;
}
div {
font-size:0;
}
div {
overflow:hidden;
}
-
Probably needs...
html, body {
height:100%;
}
-
It's often done with javascript; here's one:-
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm'>http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
Ultimate Fade-In Slideshow (v1.51): copyright Dynamic Drive (http://www.dynamicdrive.com)
This one pauses when you hold the mouse over an image, but none show if javascript is disabled.
Search for "Lightbox" which has more complicated versions which show a static image if javascript is disabled.
Can't go wrong with Dynamicdrive!
-
-
congrats.
Thanks - it was your video that did it for me.
-
This original article can also be found here on my website. Below I've compiled the three easiest ways to highlight the current page that your on. All three are coded clean and very simple to implement into your own project. The method that you choose to use simply comes down to the project at hand and your preferred coding style. Each are pretty self explanatory, so I'll just let the code explain itself. That's usually the way I learn best anyway!
OPTION #1
Here is a working example.
This one is the easiest and most basic of the three options listed. If you have a small site (1 to 5 pages) and your running .html extensions, and/or you don't want or need to use PHP Includes, then this method is the one for you!
#nav {width:150px;
list-style:none;
margin:150px auto;
}
#nav a {
color:black;
text-decoration:none;
}
#nav a:active, #nav a:focus, #nav a:hover {
color:red;
}
a#current {
color:red;
}
a#current:active, a#current:focus, a#current:hover {
color:blue;
}
OPTION #2
Here is a working example.
If you use, or want to use PHP Includes on your website, then the simple code shone above will not suffice. Therefore, you'll need to get a little more creative and use this method (Option #2) or the next method (Option #3) instead. This method shone here, is usually my code of choice for the job at hand!
#nav {width:150px;
list-style:none;
margin:150px auto;
}
#nav a {
color:black;
text-decoration:none;
}
#nav a:active, #nav a:focus, #nav a:hover {
color:red;
}
#home a#homenav, #about a#aboutnav, #contact a#contactnav {
color:red;
}
#home a#homenav:hover, #about a#aboutnav:hover, #contact a#contactnav:hover {
color:blue; /* add :active and :focus styles here also */
}
OPTION #3
Here is a working example.
And the final way of going about highlighting the current page's navigation link is to use a bit of PHP. A little explanation: This bit here in bold <?php $pageName = "Home"; ?> (which tells the PHP code which page your currently on) can be placed just about anywhere on the page, that is, as long as it's sitting above the #nav using it. In this case, and partly for simplicity purposes, I just placed it inside the body tag as you can see. However, and unless proven otherwise, I think I like it there! And I'd like to thank Ben Falk and John Beatrice for helping me to get this last one working.
#nav {width:150px;
list-style:none;
margin:150px auto;
}
#nav a {
color:black;
text-decoration:none;
}
#nav a:active, #nav a:focus, #nav a:hover {
color:red;
}
a#current {
color:red;
}
a#current:active, a#current:focus, a#current:hover {
color:blue;
}
-
YES - the day has finally arrived!!! Photoshop has "fiiiiiiiiiiiiiiiiiiiinally" clicked for me. I remember when CSS did that about a year ago. This is much better. Off - off - and - away...
:lol: :lol: -
Merry Christmas Everybody! For New Years, just me, my wife, and my two sons are going up to Big Bear California where there's lots of snow. We got a nice little room that I've been to a couple times. It has a hot-tub in the room, with a fireplace in touching distance, and sits right on the lake. Lots of sledding, drinking, (or rather drinking then sledding), and fun. I'm looking forward to it!
-
Thanks for your help all. Still looking at the info...Just a quick note -Eric- your site is a great help. I bookmark it as a reference for myself!
Thanks bro!
-
If you want to condense your style sheets do this...
#home #whatever {
color:#000;
}
-
This should get you up and running. http://www.visibilityinherit.com/code/swap-panels.php
-
Would it be possible to lose the redirect screen after posting? It would be so much nicer if the page just reloaded without the delay.
Thanks,
JBall
Agreed - that would be better. Are you new JBall or did you just change your name?
-
Also I think 180 seconds between post's seems a bit excessive.
That is a bit long. I've already been blocked by it.
-
Ahhh... I just can't PM myself. Well that makes sense.
-
How did you guys put the PM link next to your website link? Can't find it...
-
These are both free screencast programs that run in the browser (no software download required). I looked into all of them, and these two seem to be the easiest and most appropriate for forum questions. I believe either of these services would cut down on the confusion we've all experienced with some of the more visual based questions. See for yourself. I made a test video for each. They were both equally easy to produce.
-
1
-
-
Just Looking
Dependent Dropdowns
in Dreamweaver
Posted
Stu1
Stu2