I'm sorry to hit you with a (probably stupid) question, but I'm using this particular stylesheet as of right now, but I got a question concerning the header nevigations. Right now the negivation links are presented in the form of a list. I want to make it so that they are presented in a row.
That is, instead of having them like this:
Previous 5 Entires Recent Calendar Friends
I want to have it like this:
Previous 5 Entires Recent Calendar Friends
I know you showed us the codes that define the menu position, but I still can't get it right. So, if you could point me in the right direction, I'd really appreciate it!
Sure but I don't have the original file anymore and I can't remove the your username at livejournal dot com. However, if you want, I can remove it with Photoshop and put your username instead or whatever you want... Let me know.
I've got one (stupid) question. I have a header in the size of 678x200, but I'd like to have the navigation like in the J. Flanigan layout. :) Do you have any idea on how to manage that?
Comments 37
Reply
That is, instead of having them like this:
Previous 5 Entires
Recent
Calendar
Friends
I want to have it like this:
Previous 5 Entires Recent Calendar Friends
I know you showed us the codes that define the menu position, but I still can't get it right. So, if you could point me in the right direction, I'd really appreciate it!
Thanks =)
Reply
/in TYPO LINKS/
.header-menu a, .header-menu a:visited { color: #8C0200; background-color: #D0EFA6; line-height: 12px; padding: 5px; margin-bottom: 5px; width: 120px; }
.header-menu a:hover { color: #FFFFFF; background-color: #CCCCCC; line-height: 12px; padding: 5px; margin-bottom: 5px; width: 120px; }
/in HEADER/
.header-menu li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
Reply
Reply
Thanks though for this layout! It's beautiful!
Reply
Reply
Reply
Reply
Reply
( ... )
Reply
Reply
/* TYPO - Links */
.header-menu a, .header-menu a:visited { color: #EEEEEE; background-color: #222222; line-height: 5px; padding: 5px; margin-right: 3px; text-align: right; }
.header-menu a:hover { color: #A30003; background-color: transparent; line-height: 5px; padding: 5px; margin-right: 3px; text-align: right; }
/* HEADER AND FOOTER */
.header-menu {
background-color: transparent;
background-image: url(header.jpg);
background-repeat: no-repeat;
background-position: 0px 7px;
padding: 7px;
margin-top: 10px;
height: 200px;
border: 1px solid #CCCCCC;
}
}
.header-menu li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
Reply
Leave a comment