• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support SmugMug Customization Dropdown Navbar help thread

FAQtoid

Ever wanted to create an Avatar? Creating an Avatar!

Searching Dgrin with Google Searching with Google

Dgrin Challenges

Congratulations to the Winner of DSS #128 (Sunrise or Sunset), ShootingStar.

The next Dgrin Challenge DSS #129 (Silhouette Revisited ) is open for entries through May 27th, 2013 at 8:00pm PDT.

As always, we look forward to your participation but please do take a moment to read through the rules before posting your entry.

Past DSS Challenge Winners, DSS Challenge Rules, and other important DSS Challenge information is here.

Need some help with Accessories?

Tutorials

Ever find yourself wondering just how someone managed to create an image using different effects?

Here are three simple tutorials we hope will encourage you to try something new.

The Hot Seat

A lifelong interest in landscape photography has led Eyal Oren to make a study of his adopted hometown of Marblehead, MA. As you can see, his dedication is paying off!

Africa!

Dgrinners Harryb, Pathfinder, and others joined Andy Williams and Marc Muench on Safari in East Africa recently. Here are some awesome threads to check out!

 
Thread Tools Display Modes
Page 100  of  125
Old Jul-18-2012, 07:53 PM
#1981
Allen is online now Allen OP
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by Lemur Lover View Post
I'm really trying to understand what you're saying here Al, but I'm stuck in confusion right now. I can't seem to find the page you're referring to where you see these the double quotation marks. And the fact that you're saying you see them on every one of my targets perplexes me all the more.

Which page did you pull the following from?

HTML Code:
<div class="myPhoto2"> 
<a href="http://natureimpressions.smugmug.com/Animals/Predators-Thailand/22266257_c8rNNq" 
target=”_blank”><img src="/photos/i-kFHhtxs/0/M/i-kFHhtxs-M.jpg" width="300" height="200" /> 
This page.
http://natureimpressions.smugmug.com...4175332_SngHzR
All these div's myPhoto2 > myPhoto16
I posted only one example.
Old Jul-18-2012, 08:06 PM
#1982
Lemur Lover is offline Lemur Lover
Wildlife Photographer
Lemur Lover's Avatar
Quote:
Originally Posted by Allen View Post
This page.
http://natureimpressions.smugmug.com...4175332_SngHzR
All these div's myPhoto2 > myPhoto16
I posted only one example.
OK, I think I'm on the verge of an "AH HA!" moment

What you're saying is that all the photos on my info (old journal style) pages I have the link code written like this:

<div class="myPhoto2">
<a href="http://natureimpressions.smugmug.com/Animals/Predators-Thailand/22266257_c8rNNq" target=_blank><img src="/photos/i-kFHhtxs/0/M/i-kFHhtxs-M.jpg" width="300" height="200" />
</a>
</div>

when it should read like this:

<div class="myPhoto2">
<a href="http://natureimpressions.smugmug.com/Animals/Predators-Thailand/22266257_c8rNNq" target="_blank"><img src="/photos/i-kFHhtxs/0/M/i-kFHhtxs-M.jpg" width="300" height="200" />
</a>
</div>

And I'm assuming this is why the first page of gallery that photo links to comes up instead of directing to the photo itself in that gallery. Am I correct in my assumptions?

Following up on this, I changed one of the links accordingly from a pair of this to a pair of this " but when clicking on the picture I notice nothing different from how it was before; it still takes me to the same gallery I wanted it to.

I haven't yet changed all the others, as I'm still wondering whether perhaps I'm missing the point. Naturally it's a little disconcerting to see anything come up like: Warning: <a> attribute "target" has invalid value "”_blank”" even if I don't see anything broken or not working as it should, and I don't mind spending the time changing every single link I have with the " to but I'm just wondering whether you're seeing something different from what I'm seeing when you click on small photos with what appears to be these mis-coded links?

I guess what I'm asking is: How important is it that I make these changes Al?
__________________
Ashley

http://NatureImpressions.smugmug.com

Last edited by Lemur Lover; Jul-19-2012 at 02:29 AM.
Old Jul-19-2012, 11:18 AM
#1983
Jamesbjenkins is offline Jamesbjenkins
Live, shoot, post, repeat
Jamesbjenkins's Avatar
IE7 issues
Hey all,

I've been running the dropdown navbar for several months without any issues (that I knew of). I run FF 13.0.1 currently, and I've also tested my site on Safari and Chrome with no issues. However, I recently had a prospective client complain that they couldn't navigate my site, or even see my navbar. Turns out they're using IE7, and apparently my whole navbar just shows up as a blacked out box.

I'd love some help on getting my navbar to display properly in Internet Explorer. It works great everywhere else. Thanks in advance!
__________________
Website: www.captured-photos.com
Proofing: clients.captured-photos.com
Facebook: Like Me || Twitter: Follow Me
Gear: Lots of Nikon bodies & glass, an office full of tools and toys
Old Jul-19-2012, 11:39 AM
#1984
Dez is offline Dez
Big grins
Allen,
I've come to the point where i think it might be best for me to start from scratch with my navbar, I've tried on numerous ocasions and different threads to customise my navbar, I've got it partially where i want it but was copying this thread using your html and css code but it threw up an error and would not accept my changes.
So what I'm trying to do is align it to the right hand side of my homepage, and add in our customer banner on the left handside and the background all blend in one color (black). I think I may have pieces of code left in from various attempts of other customisation which may be causing conflict.

Would you be so kind as to view my current coding and advise if you can see anything glaringinly obvious to the expert eye which is correct and suggest add/remove/amend.

I've spent hours of trying and now resorted to grovel to you for help and assitance. I would like the homepage layout like Andy's Moon River website.

www.dcgphotography.smugmug.com

Cheers....Dez

Last edited by Allen; Jul-19-2012 at 07:36 PM. Reason: Remove full quote.
Old Jul-19-2012, 07:34 PM
#1985
Allen is online now Allen OP
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by Jamesbjenkins View Post
Hey all,

I've been running the dropdown navbar for several months without any issues (that I knew of). I run FF 13.0.1 currently, and I've also tested my site on Safari and Chrome with no issues. However, I recently had a prospective client complain that they couldn't navigate my site, or even see my navbar. Turns out they're using IE7, and apparently my whole navbar just shows up as a blacked out box.

I'd love some help on getting my navbar to display properly in Internet Explorer. It works great everywhere else. Thanks in advance!
Looks like your header shows a black background hiding the nav black text in IE7. So it has nothing to
do with your nav other then text color. I'd start a new thread as your question probably would not get noticed by those that could help in this thread.
Old Jul-19-2012, 07:47 PM
#1986
Allen is online now Allen OP
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by Dez View Post
Allen,
I've come to the point where i think it might be best for me to start from scratch with my navbar, I've tried on numerous ocasions and different threads to customise my navbar, I've got it partially where i want it but was copying this thread using your html and css code but it threw up an error and would not accept my changes.
So what I'm trying to do is align it to the right hand side of my homepage, and add in our customer banner on the left handside and the background all blend in one color (black). I think I may have pieces of code left in from various attempts of other customisation which may be causing conflict.

Would you be so kind as to view my current coding and advise if you can see anything glaringinly obvious to the expert eye which is correct and suggest add/remove/amend.

I've spent hours of trying and now resorted to grovel to you for help and assitance. I would like the homepage layout like Andy's Moon River website.

www.dcgphotography.smugmug.com

Cheers....Dez
The first thing I'd do is remove the red. It's messing up the whole page.
Code:
body {
font: 14px Arial, Helvetica, sans-serif;
    background: #eee;
    width: 1800px;
    margin: 25px auto;
    Strong color: white;
}
You have this at the top of your header with no closing div.
<div align="center">
Add a closing to the bottom of your header.
</div>
Old Jul-19-2012, 08:50 PM
#1987
Lemur Lover is offline Lemur Lover
Wildlife Photographer
Lemur Lover's Avatar
Quote:
Originally Posted by Allen View Post
This page.
http://natureimpressions.smugmug.com...4175332_SngHzR
All these div's myPhoto2 > myPhoto16
I posted only one example.
Quote:
Originally Posted by Lemur Lover View Post
OK, I think I'm on the verge of an "AH HA!" moment

What you're saying is that all the photos on my info (old journal style) pages I have the link code written like this:

<div class="myPhoto2">
<a href="http://natureimpressions.smugmug.com/Animals/Predators-Thailand/22266257_c8rNNq" target=_blank><img src="/photos/i-kFHhtxs/0/M/i-kFHhtxs-M.jpg" width="300" height="200" />
</a>
</div>

when it should read like this:

<div class="myPhoto2">
<a href="http://natureimpressions.smugmug.com/Animals/Predators-Thailand/22266257_c8rNNq" target="_blank"><img src="/photos/i-kFHhtxs/0/M/i-kFHhtxs-M.jpg" width="300" height="200" />
</a>
</div>

And I'm assuming this is why the first page of gallery that photo links to comes up instead of directing to the photo itself in that gallery. Am I correct in my assumptions?

Following up on this, I changed one of the links accordingly from a pair of this to a pair of this " but when clicking on the picture I notice nothing different from how it was before; it still takes me to the same gallery I wanted it to.

I haven't yet changed all the others, as I'm still wondering whether perhaps I'm missing the point. Naturally it's a little disconcerting to see anything come up like: Warning: <a> attribute "target" has invalid value "”_blank”" even if I don't see anything broken or not working as it should, and I don't mind spending the time changing every single link I have with the " to but I'm just wondering whether you're seeing something different from what I'm seeing when you click on small photos with what appears to be these mis-coded links?

I guess what I'm asking is: How important is it that I make these changes Al?
Sorry for posting this up again Al, but seeing you having replied to the next two posters and not my last one that came before theirs, I thought perhaps you might have missed it. Still seeking your answers if you still have the time and patience. Thanks in advance!
__________________
Ashley

http://NatureImpressions.smugmug.com
Old Jul-20-2012, 04:37 AM
#1988
Allen is online now Allen OP
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by Lemur Lover View Post
Sorry for posting this up again Al, but seeing you having replied to the next two posters and not my last one that came before theirs, I thought perhaps you might have missed it. Still seeking your answers if you still have the time and patience. Thanks in advance!
The fact is "bad characters" are bad. But how the many different browsers handle them I could only
speculate so I don't have a clue how to answer your question.
Old Jul-20-2012, 05:27 AM
#1989
Lemur Lover is offline Lemur Lover
Wildlife Photographer
Lemur Lover's Avatar
Quote:
Originally Posted by Allen View Post
The fact is "bad characters" are bad. But how the many different browsers handle them I could only
speculate so I don't have a clue how to answer your question.
Thanks for responding Al, hope I didn't sound like I was being argumentative about this, I guess I just wanted to know if even though everything appears well for me, whether perhaps you or other people were or were not seeing things appear because of these "bad characters".

It'll take me a while to go through and change them all now, but I will get on it ASAP, and thank you for steering me correct. Wishing you a great weekend ahead
__________________
Ashley

http://NatureImpressions.smugmug.com
Old Jul-20-2012, 05:34 AM
#1990
Allen is online now Allen OP
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by Lemur Lover View Post
Thanks for responding Al, hope I didn't sound like I was being argumentative about this, I guess I just wanted to know if even though everything appears well for me, whether perhaps you or other people were or were not seeing things appear because of these "bad characters".

It'll take me a while to go through and change them all now, but I will get on it ASAP, and thank you for steering me correct. Wishing you a great weekend ahead
Open edit description, copy all, paste into pure text editor, do a search and replace.
Old Jul-20-2012, 05:51 AM
#1991
Lemur Lover is offline Lemur Lover
Wildlife Photographer
Lemur Lover's Avatar
Quote:
Originally Posted by Allen View Post
Open edit description, copy all, paste into pure text editor, do a search and replace.
Just discovered that my Desktop Mac does indeed come with a pure text editor "TextEdit", but unfortunately I can't seem to find any way to do a search that would enable me to replace, I think this TextEdit is probably just a little too basic.

No worries, I know what I'm looking to change now so I'll take it manually.
__________________
Ashley

http://NatureImpressions.smugmug.com
Old Jul-20-2012, 05:55 AM
#1992
Lemur Lover is offline Lemur Lover
Wildlife Photographer
Lemur Lover's Avatar
Quote:
Originally Posted by Allen View Post
Open edit description, copy all, paste into pure text editor, do a search and replace.
Quote:
Originally Posted by Lemur Lover View Post
Just discovered that my Desktop Mac does indeed come with a pure text editor "TextEdit", but unfortunately I can't seem to find any way to do a search that would enable me to replace, I think this TextEdit is probably just a little too basic.

No worries, I know what I'm looking to change now so I'll take it manually.
Just to be clear (and in the hope of saving me a lot of time!), I'm assuming that it's not just link to photos that I need to read like this: target="_blank" but all links that I'm directing to any URL address, such as a website. Is that correct Al?
__________________
Ashley

http://NatureImpressions.smugmug.com
Old Jul-20-2012, 06:05 AM
#1993
Allen is online now Allen OP
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by Lemur Lover View Post
Just to be clear (and in the hope of saving me a lot of time!), I'm assuming that it's not just link to photos that I need to read like this: target="_blank" but all links that I'm directing to any URL address, such as a website. Is that correct Al?
Anywhere you've pasted in html or anything that comes from a processor. JavaScript is probably the most critical.
Old Jul-20-2012, 06:18 AM
#1994
Lemur Lover is offline Lemur Lover
Wildlife Photographer
Lemur Lover's Avatar
Quote:
Originally Posted by Allen View Post
Anywhere you've pasted in html or anything that comes from a processor. JavaScript is probably the most critical.
OK. Working my way through it all now, although no way I'm gonna' finish up tonight and I'm away tomorrow and possibly the next day, but I know what I'm looking to change and I'll get it all corrected. Thanks for your patience with me Al!
__________________
Ashley

http://NatureImpressions.smugmug.com
Old Jul-22-2012, 04:36 AM
#1995
Dez is offline Dez
Big grins
Thank you so much Allen, this small change fixed the problem, could you suggest how I would have the nav bar align to the right hand side so that I can have my custom banner align to the left. One other thing were would I change any of the coding to reduce the distance between the main menu and the drop down list in the portfolio list as it is too far apart, thank you once again for your help and advice, I'm getting there and will soon learn as I read more on this forum
Kind Regards
Dez
Old Jul-22-2012, 04:58 AM
#1996
Allen is online now Allen OP
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by Dez View Post
Thank you so much Allen, this small change fixed the problem, could you suggest how I would have the nav bar align to the right hand side so that I can have my custom banner align to the left. One other thing were would I change any of the coding to reduce the distance between the main menu and the drop down list in the portfolio list as it is too far apart, thank you once again for your help and advice, I'm getting there and will soon learn as I read more on this forum
Kind Regards
Dez
Change the red top here.
Code:
/* level 2 list */
#nav ul {
    display: none;
    margin: 0;
    padding: 0;
    width: 185px;
    position: absolute;
    top: 26px;
    left: 0;
    background: #ddd;
    border: solid 1px #b4b4b4;
}
Add red here.
Code:
#nav {
	position:relative;
	z-index:99;
	margin: 0;
	padding: 5px 1px 0;
	background: #000000;
	line-height: 100%;
	display: inline-block;
}
Old Jul-22-2012, 10:46 AM
#1997
pipercreekphotography is offline pipercreekphotography
Big grins
Drop down nav with image
Hi all,

I have been having issues with coding for the last couple of days. Really can't get the drop down nav, to work. I have attached a .jpeg of my original design work. I need CSS to work for the drop down but everything I have used doesn't work properly. Please help I am almost done with my site navigation.



Thank you for your help,
Brandon

www.pipercreekphotography.com
Old Jul-23-2012, 04:02 PM
#1998
pipercreekphotography is offline pipercreekphotography
Big grins
Dropdown Nav HELP!
Hey everyone,

I am having a major problem with my dropdown nav coding. Could someone please take a look at it and help me out. I would greatly appreciate it. Attached you will find a .jpeg of my website design. Now the code I have implemented appears to be doing something funky to the overall code. I have my original code saved. While I have the code using the drop down in use online. So any help would be greatly appreciated. www.pipercreekphotography.com

Sincerely,
Brandon
Old Jul-23-2012, 04:47 PM
#1999
Allen is online now Allen OP
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by pipercreekphotography View Post
Hey everyone,

I am having a major problem with my dropdown nav coding. Could someone please take a look at it and help me out. I would greatly appreciate it. Attached you will find a .jpeg of my website design. Now the code I have implemented appears to be doing something funky to the overall code. I have my original code saved. While I have the code using the drop down in use online. So any help would be greatly appreciated. www.pipercreekphotography.com

Sincerely,
Brandon
I don't have a clue with the nav code you are using but found this error. Also you reference "span" in your nav CSS but can find it no where in your html.
Code:
...
#menu a:hover span {
  display: block;
}
#navi
}
}
#menu ul {
 display: none;
...
Old Jul-23-2012, 06:08 PM
#2000
pipercreekphotography is offline pipercreekphotography
Big grins
Coding
Ok I seem to have part of the code working now...although it looks as if it is affecting other areas of my coding. However I am not able to see my dropdown links, they should all be image based. Could you please take a look and see if you understand where the gap is?

I sure do appreciate your help.
www.pipercreekphotography.com
Page 100  of  125
Tell The World!  
Tags
customizatation , navbar
Similar Threads Thread Starter Forum Replies Last Post
DropDown NavBar Positioning and Color CerebrusX SmugMug Customization 6 Aug-08-2012 09:42 AM
Please Help About Dropdown Navbar wangyunpeng SmugMug Customization 2 Jul-09-2011 10:51 AM
single dropdown navbar? dogwood SmugMug Customization 33 Jun-21-2010 08:57 PM
Dropdown Navbar juan14888 SmugMug Customization 7 Apr-19-2010 05:34 PM
navbar dropdown code errors? amyparsons SmugMug Customization 20 Jan-09-2009 07:53 AM


Thread Tools
Display Modes

Posting Rules  
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump