How much help will I need to get a site like: [Sitemap]

DJKennedy

Sep-14-2006, 06:32 AM

http://www.jrinaldiphotography.com/

The header I can do (and have, I just haven't created a good one yet).

I Like several things about his site:
The header - but like I mentioned, I can do that so no help for that needed
The nav bar - but I have one, so I shouldn't need any help there iether
How he has the bio text on the left with link to his gallery page
The slideshow (but I find his changes a little too fast)
No Gallery page on main page, but you can link to it

Item 3: Pure HTML? (no bio selected, but have html to post the text/links?
Item 4: Pure HTML to add a slide show?

My coding skills are pretty much -zero-

Any one want to spend some time getting frusterated with me and helpingme out? (purty pls!)

If you live close to me - free slaps to the back of the my head if I frusterate you badly (Come on - even Smugmug doesn't offer you a deal like that!)

Thanks for any help (and slaps to the backof my head)

Derek

(Thank you Sir, may I have another)

SteveM

Sep-14-2006, 07:22 AM

http://www.jrinaldiphotography.com/ (http://www.jrinaldiphotography.com/)
Jav is actually pretty active at Dgrin and is a great help!

First, if you haven't already, get Firefox with the Developer Plugin. It's a MUST HAVE. Afterwards, visit Jav's site and click on "CSS>Edit CSS" and pick his custom .css file from the tabs at the top of the window. There you can see, through his fantastic code comments and annotations, exactly how he accomplished all of his CSS. If there are aspects of the HTML you also need, right-click and View Source. These will give you an idea of what you're in for. Heh! None of it is super difficult, but it's all very time consuming and it'll be a long time to achieve such a refined, elegant page like his, but it's a fun process.

http://www.mozilla.com/firefox/ For Firefox.
https://addons.mozilla.org/firefox/60/ For the Web Developer add-on.

How he has the bio text on the left with link to his gallery page
The slideshow (but I find his changes a little too fast)
No Gallery page on main page, but you can link to it
Be sure to check out Andy's Customization FAQ: http://www.dgrin.com/showthread.php?t=26043

You want #79, #81

http://www.dgrin.com/showthread.php?t=28348&highlight=slideshow for the slideshow.

The biobox is probably best left til after you get the rest done and best fielded by Jav himself, but if you get familiar with Firefox and the Dev Tool, you can view how he did this in his CSS.

EDIT: Actually Jav JUST got done replying to the biobox/slideshow question. See his replies in http://www.dgrin.com/showthread.php?t=42646

Good luck!

Steve
http://www.downriverphotography.com

Andy

Sep-14-2006, 07:41 AM

(Thank you Sir, may I have another)
:rofl

We'll help you, sure :) Do what Steve's posted, then come back and let us know where you are...

javier.rinaldi

Sep-14-2006, 07:53 AM

:rofl

We'll help you, sure :) Do what Steve's posted, then come back and let us know where you are...

hi Derek,
yup, we're all here to help.

PS. I had a nice long post going and I made FF crash, :scratch, but in essence we'll get you sorted.

You should be able to remove the galleries from your front page by using the "display: show hide" link on top of your galleries box, if you can't see it then there's probbly some css hiding it.

DJKennedy

Sep-14-2006, 08:00 AM

:rofl

We'll help you, sure :) Do what Steve's posted, then come back and let us know where you are...

Actually, I grabbed his code already - and as Steve mentioned, it's a daunting task even with the code (I was looking for a quick way out heh).

I know it's been asked, but I sure wish we could get a test site to test things out or whatever. I've found when doing my nav bar that it wouldn't work on the computer, so I didn't want to post it - but when I did - it worked as it should (thats when you want to slap your self a few times)

Well, heck - I'm at work, I have lots of time to muddle my way thru this.

Thanks Steve for the link (and which #'s I need). That will get me started.

Derek

Andy

Sep-14-2006, 08:04 AM

I know it's been asked, but I sure wish we could get a test site to test things out or whatever.
Firefox, and the FF Web Dev Tool. Both Free, and both linked in my signature. And then, we give you a tutorial and all the help you need to really use it!

Also, there's a web-dev tool bar for IE6:
http://www.nils.org.au/ais/web/resources/toolbar/documentation_v2en.html

:deal

javier.rinaldi

Sep-14-2006, 08:09 AM

Actually, I grabbed his code already - and as Steve mentioned, it's a daunting task even with the code (I was looking for a quick way out heh).

I know it's been asked, but I sure wish we could get a test site to test things out or whatever. I've found when doing my nav bar that it wouldn't work on the computer, so I didn't want to post it - but when I did - it worked as it should (thats when you want to slap your self a few times)

Well, heck - I'm at work, I have lots of time to muddle my way thru this.

Thanks Steve for the link (and which #'s I need). That will get me started.

Derek
Hi Derek,
I went through your navbar code,
[try the following code and let me know how you like it.

/*********************************/
/*Drop-Down/ Fly-Out Nav. Buttons*/
/*********************************/
/*_size the navbar*/
.menu {
width: 714px;
padding: 10px 0px 30px 0px;
margin: auto;
background: transparent;
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
}

/*_get rid of the default padding, margin and bullets*/
.menu ul {
padding: 0px;
margin: 0px;
list-style-type: none;
}

/*_make menu horizontal*/
.menu ul li {
float: left;
position: relative;
text-align: center;
}

/*_set up the default top level links*/
.menu ul li a,
.menu ul li a:visited {
display: block;
width: 100px;
height: 15px;
padding: 0px 1px 0px 1px;
color: #4F94CD;
line-height: 12px;
text-decoration: none;
}

/*_hide the drop down menu*/
.menu ul li ul {
display: none;
}

/*_remove all table style so it does not interfere with the menu*/
.menu table {
border-collapse: collapse;
font-size: 12px;
}

/*_style the top level hover*/
.menu ul li:hover a,
.menu ul li a:hover {
color: white;
}

/*_make the drop down menu show and correctly position it*/
.menu ul li:hover ul,
.menu ul li a:hover ul {
display: block;
width: 100px;
position: absolute;
top: 15px;
_top: 14px;
left: 0px;
border: 1px solid #4F94CD;
background: #333333;
}

/*_style the drop down links with no hover*/
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display: block;
width: 90px;
height: auto;
padding: 5px;
border: none;
color: #4F94CD;
line-height: 12px;
font-weight: normal;
}

/*_style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
color: white;
background: #4F4F4F;
}

DJKennedy

Sep-14-2006, 08:21 AM

Jav:

After loading to the site, the new code works well - I like them both, but I like yours better - the box around the drop down choices looks better.

Seems that after loading the page, and when you go to choose a drop down, the entire page drops about 1 line (in FF and IE) - odd...thats ok tho. The nav bar still looks cool. Your code is better. Thanks :)

Derek

DJKennedy

Sep-14-2006, 08:35 AM

You should be able to remove the galleries from your front page by using the "display: show hide" link on top of your galleries box, if you can't see it then there's probbly some css hiding it.

Yeah, I don't have the choice to hide it - never saw any choice other than to show the catagories, or galleries but not hide it.

Maybe I have some CSS over riding it? <shrug> dunno.

javier.rinaldi

Sep-14-2006, 08:41 AM

Jav:

After loading to the site, the new code works well - I like them both, but I like yours better - the box around the drop down choices looks better.

Seems that after loading the page, and when you go to choose a drop down, the entire page drops about 1 line (in FF and IE) - odd...thats ok tho. The nav bar still looks cool. Your code is better. Thanks :)

Derek
hmm, i see what you mean, at least in IE6, i couldn't replicate in FF.
the only thing that come to mind is changind this

/*_size the navbar*/
.menu {
width: 714px;
padding: 10px 0px 30px 0px;
margin: 0px auto;
background: transparent;
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
}

to view the missing links for you galleries delete this from your css

#categoriesBox .boxTop { display: none; }

DJKennedy

Sep-14-2006, 08:45 AM

hmm, i see what you mean, at least in IE6, i couldn't replicate in FF.
the only thing that come to mind is changind this

/*_size the navbar*/
.menu {
width: 714px;
padding: 10px 0px 30px 0px;
margin: 0px auto;
background: transparent;
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
}

to view the missing links for you galleries delete this from your css

#categoriesBox .boxTop { display: none; }

It seems to me, if you leave the site, and come back - it still drops one line, in IE6 and FF - but if you just navigate around the site, onceit drops that one line, it stays there: but again, leave the site (or even close the browser and reload the stite), it drops the one line.

EDIT: Doesn't do it anymore in FF (I use FF so it works fine for ME, but 45% of my visitors still use IE)

javier.rinaldi

Sep-14-2006, 09:12 AM

It seems to me, if you leave the site, and come back - it still drops one line, in IE6 and FF - but if you just navigate around the site, onceit drops that one line, it stays there: but again, leave the site (or even close the browser and reload the stite), it drops the one line.

EDIT: Doesn't do it anymore in FF (I use FF so it works fine for ME, but 45% of my visitors still use IE)
interesting as this doesn't happen in my pages, I took a look at your navbar HTML, there were a lot of extra closed tags, i took the liberty to correct and here is the code, maybe this is the problem

<div class="menu">
<ul>
<li><a href="http://www.djkennedy.com">Home</a></li>
<li><a href="http://www.djkennedy.com/Friends%20and%20Family">People Photos

</a>

<table><tr><td>
<ul>
<li><a href="http://www.djkennedy.com/gallery/1334813">Friends & Family</a></li>
<li><a href="http://www.djkennedy.com/gallery/1334856">Johns Baptism</a></li>
<li><a href="http://www.djkennedy.com/gallery/1337749">Surgery Story</a></li>
<li><a href="http://www.djkennedy.com/gallery/1334915">Surgery Photos</a></li>
</ul>
</td></tr></table>

</li>


<li><a href="http://www.djkennedy.com/Diary Entries">Diary Entries

</a>

<table><tr><td>
<ul>
<li><a href="http://www.djkennedy.com/gallery/1869345">Latest Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179720">2006 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179728">2005 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179729">2004 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179730">2003 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179731">2002 Entries</a></li>
</ul>
</td></tr></table>

</li>


<li><a href="http://www.djkennedy.com/gallery/1334780">Aircraft Photos</a></li>


<li><a href="http://www.djkennedy.com/gallery/1334806">Rail Photos</a></li>


<li><a href="http://djkennedy.com/Scenic%20Photos">Scenic Photos

</a>

<table><tr><td>
<ul>
<li><a href="http://www.djkennedy.com/gallery/1829246">Infrared Photos</a></li>
<li><a href="http://www.djkennedy.com/gallery/1846060">Star Trail Photos</a></li>
<li><a href="http://djkennedy.com/gallery/1334937">Scenic Photos</a></li>
<li><a href="http://djkennedy.com/gallery/1871034">Northern Lights</a></li>
<li><a href="http://djkennedy.com/gallery/1335000">Flower Photos</a></li>
<li><a href="http://djkennedy.com/gallery/1871046">Macro Photos</a></li>
</ul>
</td></tr></table>

</li>


<li><a href="mailto:dj_kennedy@yahoo.com?">Contact Us</a></li>

</ul>
</div>

DJKennedy

Sep-14-2006, 09:25 AM

I added/updated that code.

Meanwhile, I was trying add another button (maybe after 'menu'?) for Gallerys/Galleries (my eyes are crossing now).

I was going to add that button (as you did in your text)..would I add a button with:<li><a href="http://www.djkennedy.com/Galleries">Galleries</a></li> or is that wrong?

Didn't do anything...niether did <li><a href="/Galleries" title="">Galleries</a></li>
Plus it ruins the navbar

javier.rinaldi

Sep-14-2006, 09:30 AM

I added/updated that code.

Meanwhile, I was trying add another button (maybe after 'menu'?) for Gallerys/Galleries (my eyes are crossing now).

I was going to add that button (as you did in your text)..would I add a button with:<li><a href="http://www.djkennedy.com/Galleries">Galleries</a></li> or is that wrong?
just use this then, I added it for you,

<div class="menu">
<ul>
<li><a href="http://www.djkennedy.com">Home</a></li>
<li><a href="http://www.djkennedy.com/Galleries">Galleries</a></li>
<li><a href="http://www.djkennedy.com/Friends%20and%20Family">People Photos

</a>

<table><tr><td>
<ul>
<li><a href="http://www.djkennedy.com/gallery/1334813">Friends & Family</a></li>
<li><a href="http://www.djkennedy.com/gallery/1334856">Johns Baptism</a></li>
<li><a href="http://www.djkennedy.com/gallery/1337749">Surgery Story</a></li>
<li><a href="http://www.djkennedy.com/gallery/1334915">Surgery Photos</a></li>
</ul>
</td></tr></table>

</li>


<li><a href="http://www.djkennedy.com/Diary Entries">Diary Entries

</a>

<table><tr><td>
<ul>
<li><a href="http://www.djkennedy.com/gallery/1869345">Latest Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179720">2006 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179728">2005 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179729">2004 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179730">2003 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179731">2002 Entries</a></li>
</ul>
</td></tr></table>

</li>


<li><a href="http://www.djkennedy.com/gallery/1334780">Aircraft Photos</a></li>


<li><a href="http://www.djkennedy.com/gallery/1334806">Rail Photos</a></li>


<li><a href="http://djkennedy.com/Scenic%20Photos">Scenic Photos

</a>

<table><tr><td>
<ul>
<li><a href="http://www.djkennedy.com/gallery/1829246">Infrared Photos</a></li>
<li><a href="http://www.djkennedy.com/gallery/1846060">Star Trail Photos</a></li>
<li><a href="http://djkennedy.com/gallery/1334937">Scenic Photos</a></li>
<li><a href="http://djkennedy.com/gallery/1871034">Northern Lights</a></li>
<li><a href="http://djkennedy.com/gallery/1335000">Flower Photos</a></li>
<li><a href="http://djkennedy.com/gallery/1871046">Macro Photos</a></li>
</ul>
</td></tr></table>

</li>


<li><a href="mailto:dj_kennedy@yahoo.com?">Contact Us</a></li>

</ul>
</div>

you might also have to change your menu width like so

.menu {
width: 830px;
padding: 10px 0px 30px 0px;
margin: 0px auto;
background: transparent;
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
}

by the way, you no longer need this in you header <div id="mynavbar">

DJKennedy

Sep-14-2006, 09:46 AM

Changing the width to 830, seems to be too much almost (mostof my viewers have a screen res of 800)

Any way to make the 'Home' button appear not so wide?

Hitting Galleries button, doesn't seem to do anything, we must be missing something there.

(have any hair left?) :):

javier.rinaldi

Sep-14-2006, 09:57 AM

Changing the width to 830, seems to be too much almost (mostof my viewers have a screen res of 800)

Any way to make the 'Home' button appear not so wide?

Hitting Galleries button, doesn't seem to do anything, we must be missing something there.

(have any hair left?) :):

ok, we can reduce your font size to make it all fit,
try this
/*********************************/
/*Drop-Down/ Fly-Out Nav. Buttons*/
/*********************************/
/*_size the navbar*/
.menu {
width: 740px;
padding: 10px 0px 30px 0px;
margin: 0px auto;
background: transparent;
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
font-size: 10px;
}

/*_get rid of the default padding, margin and bullets*/
.menu ul {
padding: 0px;
margin: 0px;
list-style-type: none;
font-size: 10px;
}

/*_make menu horizontal*/
.menu ul li {
float: left;
position: relative;
text-align: center;
}

/*_set up the default top level links*/
.menu ul li a,
.menu ul li a:visited {
display: block;
width: 90px;
height: 15px;
padding: 0px 1px 0px 1px;
color: #4F94CD;
line-height: 12px;
text-decoration: none;
}

/*_hide the drop down menu*/
.menu ul li ul {
display: none;
}

/*_remove all table style so it does not interfere with the menu*/
.menu table {
border-collapse: collapse;
font-size: 10px;
}

/*_style the top level hover*/
.menu ul li:hover a,
.menu ul li a:hover {
color: white;
}

/*_make the drop down menu show and correctly position it*/
.menu ul li:hover ul,
.menu ul li a:hover ul {
display: block;
width: 90px;
position: absolute;
top: 15px;
_top: 14px;
left: 0px;
border: 1px solid #4F94CD;
background: #333333;
}

/*_style the drop down links with no hover*/
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display: block;
width: 80px;
height: auto;
padding: 5px;
border: none;
color: #4F94CD;
line-height: 12px;
font-weight: normal;
}

/*_style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
color: white;
background: #4F4F4F;
}

do you have your gallleries in a category named 'galleries'?, that's the way mine are set up, you might not need this link if you organize your photos differently.

you can try a three level drop down, but that's beyond my current knowledge.

if you don''t want it just remove that one line item and set your width to what it was before.

last i checked I had all my hair :)

DJKennedy

Sep-14-2006, 10:28 AM

do you have your gallleries in a category named 'galleries'?, that's the way mine are set up, you might not need this link if you organize your photos differently.

Didn't think of that - I would have thought so.

I would have thought you had been tearing your hair out - I know I'm about to hehe

DJKennedy

Sep-14-2006, 11:01 AM

At least in IE, I lost the drop downs for People Photos and Diary Entries and now scenic photos...works fine in FF

Tried to change things back, but for some reasonin IE it's still loosing the drop downs...arg...

javier.rinaldi

Sep-14-2006, 11:42 AM

At least in IE, I lost the drop downs for People Photos and Diary Entries and now scenic photos...works fine in FF

Tried to change things back, but for some reasonin IE it's still loosing the drop downs...arg...
you took out too much ;)

paste this into your header... in fact, delete all html from your header, then paste this.

<div class="menu">
<ul>
<li><a href="http://www.djkennedy.com">Home</a></li>
<li><a href="http://www.djkennedy.com/Friends%20and%20Family">People Photos

</a>

<table><tr><td>
<ul>
<li><a href="http://www.djkennedy.com/gallery/1334813">Friends & Family</a></li>
<li><a href="http://www.djkennedy.com/gallery/1334856">Johns Baptism</a></li>
<li><a href="http://www.djkennedy.com/gallery/1337749">Surgery Story</a></li>
<li><a href="http://www.djkennedy.com/gallery/1334915">Surgery Photos</a></li>
</ul>
</td></tr></table>

</li>


<li><a href="http://www.djkennedy.com/Diary Entries">Diary Entries

</a>

<table><tr><td>
<ul>
<li><a href="http://www.djkennedy.com/gallery/1869345">Latest Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179720">2006 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179728">2005 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179729">2004 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179730">2003 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179731">2002 Entries</a></li>
</ul>
</td></tr></table>

</li>


<li><a href="http://www.djkennedy.com/gallery/1334780">Aircraft Photos</a></li>


<li><a href="http://www.djkennedy.com/gallery/1334806">Rail Photos</a></li>


<li><a href="http://djkennedy.com/Scenic%20Photos">Scenic Photos

</a>

<table><tr><td>
<ul>
<li><a href="http://www.djkennedy.com/gallery/1829246">Infrared Photos</a></li>
<li><a href="http://www.djkennedy.com/gallery/1846060">Star Trail Photos</a></li>
<li><a href="http://djkennedy.com/gallery/1334937">Scenic Photos</a></li>
<li><a href="http://djkennedy.com/gallery/1871034">Northern Lights</a></li>
<li><a href="http://djkennedy.com/gallery/1335000">Flower Photos</a></li>
<li><a href="http://djkennedy.com/gallery/1871046">Macro Photos</a></li>
</ul>
</td></tr></table>

</li>


<li><a href="mailto:dj_kennedy@yahoo.com?">Contact Us</a></li>

</ul>
</div>

DJKennedy

Sep-14-2006, 11:57 AM

We got Scenic photos drop down back in IE, but not the rest.

One problem of the way I'm doing this (using the customisation area and NOT using FF with web dev), is after you update, you cant <ctrl> 'Z' to undo!

javier.rinaldi

Sep-14-2006, 12:07 PM

We got Scenic photos drop down back in IE, but not the rest.

One problem of the way I'm doing this (using the customisation area and NOT using FF with web dev), is after you update, you cant <ctrl> 'Z' to undo!

I can see you entire navbar fine, except it still has problems making the content drop.
maybe it's someting else... I'll take a look later on after work and see.
by the way, what do you have in your head / javascript / body / footer / css customization boxes?

DJKennedy

Sep-14-2006, 12:19 PM

I can see you entire navbar fine, except it still has problems making the content drop.
maybe it's someting else... I'll take a look later on after work and see.
by the way, what do you have in your head / javascript / body / footer / css customization boxes?

CSS:

#feeds { display: none; }

.cartlink_footer { display: none; }

#photoKeywords { display: none; }

.play_slideshow { display: none; }

#userHome { display: none; }

.possess { display: none; }

.miniBox .albumTitle a {color:lightgray;}

#userName {color: #4F94CD
;}

.homepage p.description {display:none;}

.title { color: #4F94CD

; }

#breadcrumb {display:none;}
.loggedIn #breadcrumb {display:block;}

#categoriesBox .boxTop { display: none; }

.category_Diary_Entries .miniBox {width:122px; text-align:center; height:210px; margin:0 28px;}
.category_Diary_Entries .miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
.category_Diary_Entries .miniBox .albumTitle {width:122px;}
.category_Diary_Entries .miniBox .description {width:122px;}
.category_Diary_Entries .miniBox .updated {width:122px;}

.loggedIn .category_Diary_Entries .miniBox {height:auto; min-height:300px;}
.loggedIn .category_Diary_Entries .miniBox .smbuttons {margin:0 auto; width:122px;}
.loggedIn .category_Diary_Entries .miniBox input {width:122px;}
.loggedIn .category_Diary_Entries .miniBox textarea {width:112px;}

.category_Diary_Entries .boxBottom .albumLarge {width:192px; height:200px; text-align:center; margin:0 24px;}
.category_Diary_Entries .albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
.category_Diary_Entries .albumLarge .albumTitle {width:192px;}
.category_Diary_Entries .albumLarge .description {width:192px;}
.category_Diary_Entries .albumLarge .updated {width:192px;}

.loggedIn .category_Diary_Entries .boxBottom .albumLarge {height:auto; min-height:200px;}
.loggedIn .category_Diary_Entries .albumLarge .smbuttons {margin:0 auto; width:192px;}
.loggedIn .category_Diary_Entries .albumLarge input {width:192px;}
.loggedIn .category_Diary_Entries .albumLarge textarea {width:182px;}

.category_Scenic_Photos .miniBox {width:122px; text-align:center; height:210px; margin:0 28px;}
.category_Scenic_Photos .miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
.category_Scenic_Photos .miniBox .albumTitle {width:122px;}
.category_Scenic_Photos .miniBox .description {width:122px;}
.category_Scenic_Photos .miniBox .updated {width:122px;}

.loggedIn .category_Scenic_Photos .miniBox {height:auto; min-height:300px;}
.loggedIn .category_Scenic_Photos .miniBox .smbuttons {margin:0 auto; width:122px;}
.loggedIn .category_Scenic_Photos .miniBox input {width:122px;}
.loggedIn .category_Scenic_Photos .miniBox textarea {width:112px;}

.category_Scenic_Photos .boxBottom .albumLarge {width:192px; height:220px; text-align:center; margin:0 24px;}
.category_Scenic_Photos .albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
.category_Scenic_Photos .albumLarge .albumTitle {width:192px;}
.category_Scenic_Photos .albumLarge .description {width:192px;}
.category_Scenic_Photos .albumLarge .updated {width:192px;}

.loggedIn .category_Scenic_Photos .boxBottom .albumLarge {height:auto; min-height:200px;}
.loggedIn .category_Scenic_Photos .albumLarge .smbuttons {margin:0 auto; width:192px;}
.loggedIn .category_Scenic_Photos .albumLarge input {width:192px;}
.loggedIn .category_Scenic_Photos .albumLarge textarea {width:182px;}

/*********************************/
/*Drop-Down/ Fly-Out Nav. Buttons*/
/*********************************/
/*_size the navbar*/
.menu {
width: 714px;
padding: 10px 0px 30px 0px;
margin: auto;
background: transparent;
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
}

/*_get rid of the default padding, margin and bullets*/
.menu ul {
padding: 0px;
margin: 0px;
list-style-type: none;
}

/*_make menu horizontal*/
.menu ul li {
float: left;
position: relative;
text-align: center;
}

/*_set up the default top level links*/
.menu ul li a,
.menu ul li a:visited {
display: block;
width: 100px;
height: 15px;
padding: 0px 1px 0px 1px;
color: #4F94CD;
line-height: 12px;
text-decoration: none;
}

/*_hide the drop down menu*/
.menu ul li ul {
display: none;
}

/*_remove all table style so it does not interfere with the menu*/
.menu table {
border-collapse: collapse;
font-size: 12px;
}

/*_style the top level hover*/
.menu ul li:hover a,
.menu ul li a:hover {
color: white;
}

/*_make the drop down menu show and correctly position it*/
.menu ul li:hover ul,
.menu ul li a:hover ul {
display: block;
width: 100px;
position: absolute;
top: 15px;
_top: 14px;
left: 0px;
border: 1px solid #4F94CD;
background: #333333;
}

/*_style the drop down links with no hover*/
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display: block;
width: 90px;
height: auto;
padding: 5px;
border: none;
color: #4F94CD;
line-height: 12px;
font-weight: normal;
}

/*_style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
color: white;
background: #4F4F4F;
}

JAVASCRIPT:

function delHover() {
imgTags = document.getElementsByTagName("img");
for (i=0; i<imgTags.length; i++) {
imgTags[i].title = "";
imgTags[i].alt = "";
}
}

Head:

****** name="keywords" content="Derek, Kennedy, Wendy, John, Dryden">
****** name="author" content="Derek Kennedy">

********>

HEADER:

<div class="menu">
<ul>
<li><a href="http://www.djkennedy.com">Home</a></li>
<li><a href="http://www.djkennedy.com/Friends%20and%20Family">People Photos

</a>

<table><tr><td>
<ul>
<li><a href="http://www.djkennedy.com/gallery/1334813">Friends & Family</a></li>
<li><a href="http://www.djkennedy.com/gallery/1334856">Johns Baptism</a></li>
<li><a href="http://www.djkennedy.com/gallery/1337749">Surgery Story</a></li>
<li><a href="http://www.djkennedy.com/gallery/1334915">Surgery Photos</a></li>
</ul>
</td></tr></table>

</li>


<li><a href="http://www.djkennedy.com/Diary Entries">Diary Entries

</a>

<table><tr><td>
<ul>
<li><a href="http://www.djkennedy.com/gallery/1869345">Latest Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179720">2006 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179728">2005 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179729">2004 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179730">2003 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179731">2002 Entries</a></li>
</ul>
</td></tr></table>

</li>


<li><a href="http://www.djkennedy.com/gallery/1334780">Aircraft Photos</a></li>


<li><a href="http://www.djkennedy.com/gallery/1334806">Rail Photos</a></li>


<li><a href="http://djkennedy.com/Scenic%20Photos">Scenic Photos

</a>

<table><tr><td>
<ul>
<li><a href="http://www.djkennedy.com/gallery/1829246">Infrared Photos</a></li>
<li><a href="http://www.djkennedy.com/gallery/1846060">Star Trail Photos</a></li>
<li><a href="http://djkennedy.com/gallery/1334937">Scenic Photos</a></li>
<li><a href="http://djkennedy.com/gallery/1871034">Northern Lights</a></li>
<li><a href="http://djkennedy.com/gallery/1335000">Flower Photos</a></li>
<li><a href="http://djkennedy.com/gallery/1871046">Macro Photos</a></li>
</ul>
</td></tr></table>

</li>


<li><a href="mailto:dj_kennedy@yahoo.com?">Contact Us</a></li>

</ul>
</div>

BODY TAG:<body onload="delHover();">

FOOTER:

<br><br><br><br>
<center/>
<br><br>

<br><br>
<font color="#FF0000"><div style="text-align: center">All content copyright © 1993-2006 Derek Kennedy</div></font>
<br>

<div style="text-align: center">Contact me:

<a href="mailto:dj_kennedy@yahoo.com?subject=A comment from your SmugMug site"> Mr. Kennedy</a></div>

</font>

<BR>


<a target="_top" href="http://extremetracking.com/open?login=djk219">
<img src="http://t1.extreme-dm.com/i.gif" height=38
border=0 width=41 alt=""></a>******** language="javascript1.2">
</**************** language="javascript">
</********<noscript><img height=1 width=1 alt=""
src="http://t0.extreme-dm.com/0.gif?tag=djk219&j=n"></noscript>





******** type="text/javascript" language="javascript1.2">
</**************** type="text/javascript">
</********<noscript><img height="1" width="1" alt=""
src="http://e1.extreme-dm.com/s10.g?login=blog219&j=n&jv=n"/>
</noscript>

DJKennedy

Sep-14-2006, 12:24 PM

"Somehow" it got messed up :)

Thanks for your effort and help, Jav - muchly appreciated.

javier.rinaldi

Sep-14-2006, 12:43 PM

"Somehow" it got messed up :)

Thanks for your effort and help, Jav - muchly appreciated.

I think it's something in the CSS, i'm taking a look

javier.rinaldi

Sep-14-2006, 02:05 PM

ok, I'm pretty sure I got it

place this in your header

<div id="navContainer">
<ul>
<li><a href="http://www.djkennedy.com">Home</a></li>
<li><a href="http://www.djkennedy.com/Friends%20and%20Family">People Photos

</a>

<table><tr><td>

<ul>
<li><a href="http://www.djkennedy.com/gallery/1334813">Friends & Family</a></li>
<li><a href="http://www.djkennedy.com/gallery/1334856">Johns Baptism</a></li>
<li><a href="http://www.djkennedy.com/gallery/1337749">Surgery Story</a></li>
<li><a href="http://www.djkennedy.com/gallery/1334915">Surgery Photos</a></li>
</ul>

</td></tr></table>

</li>


<li><a href="http://www.djkennedy.com/Diary Entries">Diary Entries

</a>

<table><tr><td>

<ul>
<li><a href="http://www.djkennedy.com/gallery/1869345">Latest Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179720">2006 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179728">2005 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179729">2004 Entries</a></li>
<li><a href="http://www.djkennedy.com/Diary%20Entries/179730">2003 Entries</a></li>

<li><a href="http://www.djkennedy.com/Diary%20Entries/179731">2002 Entries</a></li>
</ul>
</td></tr></table>

</li>


<li><a href="http://www.djkennedy.com/gallery/1334780">Aircraft Photos</a></li>


<li><a href="http://www.djkennedy.com/gallery/1334806">Rail Photos</a></li>


<li><a href="http://www.djkennedy.com/Scenic%20Photos">Scenic Photos

</a>

<table><tr><td>

<ul>
<li><a href="http://www.djkennedy.com/gallery/1829246">Infrared Photos</a></li>
<li><a href="http://www.djkennedy.com/gallery/1846060">Star Trail Photos</a></li>
<li><a href="http://www.djkennedy.com/gallery/1334937">Scenic Photos</a></li>
<li><a href="http://www.djkennedy.com/gallery/1871034">Northern Lights</a></li>
<li><a href="http://www.djkennedy.com/gallery/1335000">Flower Photos</a></li>

<li><a href="http://www.djkennedy.com/gallery/1871046">Macro Photos</a></li>
</ul>
</td></tr></table>

</li>


<li><a href="mailto:dj_kennedy@yahoo.com?">Contact Us</a></li>

</ul>
</div>

and this in your css

/*Configure the Navbar Size and Position*/
#navContainer {
z-index: 1;
width: 760px;
padding: 10px 0px 15px 0px;
margin: auto;
position: relative;
background: transparent;
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
}

/*get rid of the default padding, margin and bullets*/
#navContainer ul {
padding: 0px;
margin: 0px;
list-style-type: none;
}

/*make menu horizontal*/
#navContainer ul li {
float: left;
position: relative;
text-align: center;
}

/*set up the default top level links*/
#navContainer ul li a,
#navContainer ul li a:visited {
display: block;
width: 100px;
height: 15px;
padding: 0px 1px 0px 1px;
border-bottom: 1px solid #000000;
color: #4F94CD;
line-height: 12px;
text-decoration: none;
}

/*hide the drop down menu*/
#navContainer ul li ul {
display: none;
}

/*remove all table style so it does not interfere with the menu*/
#navContainer table {
border-collapse: collapse;
font-size: 12px;
}

/*style the top level hover*/
#navContainer ul li:hover a,
#navContainer ul li a:hover {
border-bottom: 1px solid #4F94CD;
color: #FFFFFF;
}

/*make the drop down menu show and correctly position it*/
#navContainer ul li:hover ul,
#navContainer ul li a:hover ul {
display: block;
width: 100px;
position: absolute;
top: 15px;
_top: 14px;
left: 0px;
border: 1px solid #4F94CD;
background: #333333;
opacity: 1.0;
filter: alpha(opacity=100);
}

/*style the drop down links with no hover*/
#navContainer ul li:hover ul li a,
#navContainer ul li a:hover ul li a {
display: block;
width: 90px;
height: auto;
padding: 5px;
border: none;
color: #4F94CD;
line-height: 12px;
font-weight: normal;
}

/*style the drop down menu links when hovered */
#navContainer ul li:hover ul li a:hover,
#navContainer ul li a:hover ul li a:hover {
color: #FFFFFF;
background: #4F4F4F;
}

took a while, but it works great in my test gallery
http://www.jrinaldiphotography.com/gallery/1397128

let me know how it turns out.

DJKennedy

Sep-14-2006, 02:45 PM

Ok, in the process of updating the code, my net connection dropped, so maybe half got uploaded...that was freaking me out!!

THIS code works awesome (and looks even better!)...maybe we (I) shouldn't mess with the nav bar any more lol :P

Thanks Jav

javier.rinaldi

Sep-14-2006, 03:26 PM

Ok, in the process of updating the code, my net connection dropped, so maybe half got uploaded...that was freaking me out!!

THIS code works awesome (and looks even better!)...maybe we (I) shouldn't mess with the nav bar any more lol :P

Thanks Jav

You're welcome, I'm glad it finally worked out. This one was a doozy of a challenge.
Good luck with the rest of your site

DJKennedy

Sep-14-2006, 06:58 PM

:rofl

We'll help you, sure :) Do what Steve's posted, then come back and let us know where you are...

Andy:

I've changed my mind slightly (what mind I have left anyway).

I like the way you have your Moon River Photography site:

Sweet header (to be created still)
totally cool nav bar (in place - thanks Jav)
NO galleries, just the slide show.

(i add a gallery button, but it ruined the nav bar formatting, so dunno about that idea)

Jav and I tried a gallery button with link, but it didn't work (using /galleries anyway). So that idea may have to wait.

So, I assume I would have to 'hide' galleries for a start - ?

Derek