Digital Grin Photography Forum - Dropdown Navbar help thread

Page 55 of 125

« First < 5 45 51 52 53 54 55 56 57 58 59 65 105 > Last »

Show 40 post(s) from this thread on one page

Digital Grin Photography Forum (http://www.dgrin.com/index.php)

- SmugMug Customization (http://www.dgrin.com/forumdisplay.php?f=31)

- - Dropdown Navbar help thread (http://www.dgrin.com/showthread.php?t=168571)

sharkdigger

Jun-01-2011 11:26 PM

Quote:

Originally Posted by Allen (Post 1621616)

Try this

Code:

      /* style the outer div to give it width */

.menu {

   z-index:99;

   position:relative;    /* Make the container moveable */

   margin: 0 auto 20px;  /* top R/L bottom */

   width:660px;          /* Main bar total width, minimize to not wrap to two lines*/

}



      /* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {

   visibility:hidden;

   position:absolute;

   height:0;

   top:20px;       /* move drop vertically */

   left:-30px;         /* move drop horizontally   */

   width:220px;    /* Size of the daughter cells */

}



      /* style the second level links */

.menu ul ul a, .menu ul ul a:visited {

   color:white;

   background:#161616;

   height:auto; 

   line-height:20px; 

   width:220px;

   padding:0 5px;

}

I've made the changes you marked red but apparently that doesn't change anything. The nav bar is not spaced out any more than before and although the drop down menus are centered as a group they are not centered below Galleries but below and slightly to the right.

AustinKaseman

Jun-02-2011 10:59 AM

Okay I believe this will be my last request for help regarding the nav bar. Everything is where it wants to be, I just can't seem to get rid of the extra space on the right when looking at pages other than the homescreen. You gave me the code in your last post to me which worked for a little, but then more tweaking of mine brought back the extra space.

Thanks ahead, you've been great.

knilsson

Jun-02-2011 11:45 AM

Hi there, I've been trying to work with the navbar on my page and I'm having two problems...

1) for the life of me I can't get it to center on my page.
2) my drop down menus go behind the sideshow. Does anyone know how to fix this?

I am very new to css and html and am trying to figure it out on my own. I would appreciate any help! Thank you so much in advance. Here is what my current code looks like...

(Full Code removed by Moderator, those that can help can see the code on your site.)

a123	Jun-02-2011 07:24 PM

Fly out portion

First, let me say THANK YOU for all of the help on this forum, it's gotten me so far in setting this up! Now I'm trying to fine tune my site and am having a little trouble..

I really like the menu on this site: http://www.bednarczykphotography.com/
and would like to get mine to look like this...

My site is at: www.shotbytom.smugmug.com

I have two questions...first, how can I position the menu so that is on the right margin of the screen?

2nd. If you hover over 'Galleries', then 'Portraits' you will see that the 2nd fly out menue is obscured by the 2nd level menu 'Events'. I'm sure it's an easy fix, but I haven't been able to find it! I adjusted the size of the menu items so the text would fit inside the box, so maybe that has something to do with it..?

Thank you again, and I appreciate any help you might be able to provide!

Allen

Jun-02-2011 08:39 PM

Quote:

Originally Posted by sharkdigger (Post 1621868)

This will spread it out. I had this but forgot to post with the other changes.

Code:

      /* style the links for the top level */

.menu a, .menu a:visited {

   display:block;

   text-decoration:none;  /* none, overline, underline */

   color:white;

   background:#161616;

   font-size:11pt;

   font-family: arial, verdana, Comic Sans MS, tahoma;

   width:auto;         /* Defines the main box dimensions. */

   height:20px;        /* How tall your cells are */

   line-height:20px;   /* vertical text alignment in cell */ 

   padding: 0 40px;    /* top/bottom R/L */

   min-width: 60px;    /* set to smallest text and use R/L padding above to space out */

}

Allen

Jun-02-2011 08:41 PM

Quote:

Originally Posted by AustinKaseman (Post 1622178)

Saw that but couldn't get rid of the space on right of your header.

Allen

Jun-02-2011 08:45 PM

Quote:

Originally Posted by knilsson (Post 1622212)

Got a link to your site? Sounds like you need a z-index added and the main width adjusted.

Please don't post your code, it takes up a lot of room and helpers can see it on your site.

sharkdigger

Jun-03-2011 12:10 AM

Quote:

Originally Posted by Allen (Post 1622512)

This will spread it out. I had this but forgot to post with the other changes.

Code:

      /* style the links for the top level */

.menu a, .menu a:visited {

   display:block;

   text-decoration:none;  /* none, overline, underline */

   color:white;

   background:#161616;

   font-size:11pt;

   font-family: arial, verdana, Comic Sans MS, tahoma;

   width:auto;         /* Defines the main box dimensions. */

   height:20px;        /* How tall your cells are */

   line-height:20px;   /* vertical text alignment in cell */ 

   padding: 0 40px;    /* top/bottom R/L */

   min-width: 60px;    /* set to smallest text and use R/L padding above to space out */

}

Great! Thanks, Allen!

Allen

Jun-03-2011 10:11 AM

Quote:

Originally Posted by mobydick (Post 1622787)

Hi, a nervous newbie here, but here goes.

I'm new to all this and have a couple of questions. I've come to grips with making a "Header" and have played around and changed things a few times to get the feel of it.

I'd now like to have a "Nav-Bar on my home page, which seems to be within my skill range at the moment. My uncertainty revolves around; do I need to create new galleries to serve as clickable links in the Nav-bar and is this the first thing I should do?
Starting from the standard homepage, I would probably want links to Home, Galleries, Blog or About, and Contact pages. My objectives are to carry on and develop further, with a slideshow and the like. I just need to be pointed in the right direction
as to what to do first.

I apologize if this is in the wrong thread or these questions have been asked and answered but I would be very grateful for any help at all.

Martin.

I would start with Easy Customizer to create a simple navbar. Later when
you get a better idea how you'd like your site browsed maybe a drop navbar.

knilsson

Jun-03-2011 07:24 PM

Hi there, I've been trying to work with the navbar on my page and I'm having two problems...

1) for the life of me I can't get it to center on my page.
2) my drop down menus go behind the sideshow. Does anyone know how to fix this?

I am very new to css and html and am trying to figure it out on my own. I would appreciate any help! Thank you so much in advance!!

Sorry about the previous code post. I was worried people might get annoyed with it. My site is...
http://www.redpetalbykara.com

knilsson

Jun-03-2011 07:29 PM

Oh! I have one more question... So I've added a new page to my smug, "investment", but I can't seem to get rid of the SmugMug NavBar at the top of the page when the link is clicked into... the bar that gives links to "Kara > Other > Investment". Can you give any suggestions as to how I could possibly get rid of it??

http://www.redpetalbykara.com

Thank You!!!

Allen

Jun-03-2011 08:45 PM

Quote:

Originally Posted by knilsson (Post 1623111)

Change all the ones like this to the correct gallery not a photo type link.

.gallery_i-J35HqNq/0/O/i-J35HqNq.png #albumDescription { ...........

to like this

.gallery_17372617 #albumDescription { ...........

Add comment tags around this

/* >>>>> Investment Page */

knilsson

Jun-03-2011 09:07 PM

OH thank you, thank you, thank you, Allen!!! You are so wonderful :D It worked!

I had a question earlier about centering my drop down NavBar (I was the foolish one who posted my code). I have tried everything I can think of to center that thing and I just can't get it to work. Also, my drop down menus keep going behind my slide show. My code does have a z-index and I've tried playing with it but it doesn't help the problem. I've also tried playing with the margins and that doesn't work either. Maybe I'm not playing with the right margins. I'm new to html and css. Any suggestions?

http://www.redpetalbykara.com

Thank you a ton!!

Allen

Jun-03-2011 09:20 PM

Quote:

Originally Posted by knilsson (Post 1623150)

You can not put text in CSS without comments tags around it. Add the red.

/* >>>>> NAVBAR */
/* CSS Dropdown Nav Bar */

knilsson

Jun-03-2011 09:30 PM

Quote:

Originally Posted by Allen (Post 1623156)

You can not put text in CSS without comments tags around it. Add the red.

/* >>>>> NAVBAR */
/* CSS Dropdown Nav Bar */

Of course it worked!! Thank you again, Allen. You are a genius! I learned something new today, hurray!

a123	Jun-05-2011 04:45 PM

Quote:

Originally Posted by a123 (Post 1622469)

Any suggestions regarding this?

sharkdigger

Jun-05-2011 09:26 PM

Access to hidden photos and unlisted galleries

Hello Allen,

Since we've made the change of using a drop down menu on my homepage I don't have access to my unlisted galleries and hidden photos any more when I'm in Owner View. Can you help fix this?

Greatly appreciate your help,

Johannes

Butlerkid

Jun-06-2011 10:32 AM

Hey, Allen! I'd like to have Thailand and Cambodia at the same level as China under "Asia". Previously the Camdobia and Thailand (Bangkok) galleries were at a lower level using sub cat's....

I've ended up with 2 Cambodia galleries....this one:
Asia/Cambodia2/17416388_jqB3jx
is the one with my photos.

I may have really messed up the coding....sorry!

Allen

Jun-08-2011 08:13 AM

Quote:

Originally Posted by a123 (Post 1622469)

I'm at a loss what you mean in #2. Your site of the one you linked?

Did you try the code in post #1? If you do there is a CSS rule shown there
to hide it while it's in work. Do what you can and we'll help.

Allen

Jun-08-2011 08:14 AM

Quote:

Originally Posted by sharkdigger (Post 1624103)

What do you mean by "Owner View"? You should see all when logged in.

Edit: think I see you what mean, no general gallery box shown. Add red.
You will be able to see it logged in.

Code:

.homepage .notLoggedIn #galleriesBox,

.homepage .notLoggedIn #categoriesBox,

.homepage #featuredBox {

    display: none;

}

Times are GMT -8. It's 10:22 PM.

Page 55 of 125

« First < 5 45 51 52 53 54 55 56 57 58 59 65 105 > Last »

Show 40 post(s) from this thread on one page