PDA

View Full Version : Underlined menu, line separator, Hide buttons


jstuartstudios
Dec-17-2008, 03:45 AM
I thank you all in advance! I can't figure these out!
http://jstuartstudios.smugmug.com/

I don't want the words in my menu (top right) to be underlined. What do I need to do?

I would like the line under my menu to be extended across the whole page and underneath my logo in the top left of the page. How can this be done? I like the line that Andy at Moon River uses!

How can I hide "Gallery pages: 1" on both my Services and Bio/Contact pages? This appears twice on each page.

If you have any suggestions for look or content, please let me know!

Thank you again!

Justin

Allen
Dec-17-2008, 06:29 AM
I thank you all in advance! I can't figure these out!
http://jstuartstudios.smugmug.com/

I don't want the words in my menu (top right) to be underlined. What do I need to do?

I would like the line under my menu to be extended across the whole page and underneath my logo in the top left of the page. How can this be done? I like the line that Andy at Moon River uses!

How can I hide "Gallery pages: 1" on both my Services and Bio/Contact pages? This appears twice on each page.

If you have any suggestions for look or content, please let me know!

Thank you again!

Justin
Welcome to Dgrin :wave

Remove this from your head tag.

<img src="http://jstuartstudios.smugmug.com/photos/438324078_9J2sp-O.png">

Change you header html to this.

<div id="my_header">

<div id="my_banner"> </div>

<div id="navcontainer">
<ul>
<li><a href="/" title="Home">Home</a></li>
<li><a href="/share/F3yNirB6qP1HW" title="View Galleries">Galleries</a></li>
<li><a href="/gallery/6780767_NCgTP" title="At Your Service">Services</a></li>
<li><a href="/gallery/6854075_QfBdk" title="About Me &amp; Contact Information">Bio/Contact</a></li>
</ul>
</div> <!-- closes navcontainer -->

</div> <!-- closes my_header -->
Add these to CSS

#my_header {
height: 50px;
border-bottom: 1px solid #ccc;
margin: 0 40px 15px; /* top right/left bottom*/
padding: 0 20px;
}

#my_banner {
width: 337px;
height: 45px;
margin: 5px 0; /* top/bottom right/left */
background: url(/photos/438324078_9J2sp-O.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true,
sizingmethod=image, src='/photos/438324078_9J2sp-O.png');
}

#navcontainer {
float: right;
margin: -30px 0 0; /* top right/left bottom */
}

.notLoggedIn .gallery_6854075 #breadcrumb,
.notLoggedIn .gallery_6780767 #breadcrumb,
.gallery_6854075 .pageNav,
.gallery_6780767 .pageNav {display: none;}

Remove this from CSS

#navcontainer {position: absolute;
top: 10px;
_top: 10px;
right: 10px;
width: 580px;
}

jstuartstudios
Dec-17-2008, 06:00 PM
Thank you Allen! This worked perfectly! I appreciate your time that you spent on this and all of the other work you have done on the forum.

-Justin