|
| |
|
|
funk theory
Posts: 51
Joined: 11/6/2006
From: Kent, UK
Status: offline
 |
Menu fixed but Gallery scrolls - 12/7/2009 9:46:35
Hi, I have a new photography site I am designing and the gallery scrolls from left to right. I would like the gallery to scroll but the css menu and my logo to stay fixed and not move at all. I have tried position:fixed and a few others but cant get it work. This is my code, so frar, not finished, any help much appreciated 
#nav {
width: 100%;
float: left;
margin: 0 0 3em 0;
padding: 0;
list-style: none;
background-color: #f2f2f2;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
#nav li {
float: left; }
#nav li a {
display: block;
padding: 8px 15px;
text-decoration: none;
font-family:Eurostile;;
font-weight: bold;
color: #000000;
border-right: 1px solid #ccc; }
#nav li a:hover {
color: #c00;
background-color: #fff; }
|
|
|
|
treetopsranch
Posts: 1649
From: Cottage Grove, OR, USA
Status: offline
|
RE: Menu fixed but Gallery scrolls - 12/7/2009 12:01:54
You have two semi-colons after Eurostile. Try removing one and test again. If that doesn't fix it then post a link to the website. One of our experts will have a look.
_____________________________
Don from TreeTops Ranch, Oregon
"I've got a taste for quality and luxury"
| |
|
|
|
funk theory
Posts: 51
Joined: 11/6/2006
From: Kent, UK
Status: offline
|
RE: Menu fixed but Gallery scrolls - 12/7/2009 12:10:16
quote:
ORIGINAL: treetopsranch
You have two semi-colons after Eurostile. Try removing one and test again. If that doesn't fix it then post a link to the website. One of our experts will have a look.
I have removed the extra semi colon and still the same. I cant really post a link yet as its a glamour site eg topless
| |
|
|
|
funk theory
Posts: 51
Joined: 11/6/2006
From: Kent, UK
Status: offline
|
RE: Menu fixed but Gallery scrolls - 12/7/2009 13:23:24
This is the code of my web page that links to the css:
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Fashion</a></li>
<li><a href="#">Beauty</a></li>
<li><a href="#">Glamour</a></li>
<li><a href="#">Portfolios</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Credits/Misc</a></li>
</ul>
<div style="overflow: auto; white-space: nowrap; width: 4000px; height: 680px;">
<div>
<div>
<div>
<img border="0" src="images/glam1.jpg" width="454" height="600">
<img border="0" src="images/glam2.jpg" width="454" height="600">
<img border="0" src="images/glam3.jpg" width="454" height="600">
<img border="0" src="images/glam4.jpg" width="454" height="600">
<img border="0" src="images/glam5.jpg" width="454" height="600">
<img border="0" src="images/glam6.jpg" width="454" height="600">
<img border="0" src="images/glam7.jpg" width="454" height="600">
<img border="0" src="images/glam8.jpg" width="454" height="600">
</div
| |
|
|
|
treetopsranch
Posts: 1649
From: Cottage Grove, OR, USA
Status: offline
|
RE: Menu fixed but Gallery scrolls - 12/7/2009 16:58:14
Are you using a gallery script? If so post a link to the script URL. If you can't get your script to work, there are many others at http://www.dynamicdrive.com/
Most are free.
_____________________________
Don from TreeTops Ranch, Oregon
"I've got a taste for quality and luxury"
| |
|
|
|
funk theory
Posts: 51
Joined: 11/6/2006
From: Kent, UK
Status: offline
|
RE: Menu fixed but Gallery scrolls - 12/7/2009 17:23:31
quote:
ORIGINAL: treetopsranch
Are you using a gallery script? If so post a link to the script URL. If you can't get your script to work, there are many others at http://www.dynamicdrive.com/
Most are free.
Hi, no im not using a script, im just using a gallery with a scroll bar to slide along the bottom of the screen. Actually I have been playing with this most of the day and I think I have resolved it partly in firefox. How would I do the same for IE8 as it still moves in that?
This is my new css code which works:
#nav {
width: 795px;
float: left;
margin: 0 5em 3em 0;
padding: 0;
list-style: none;
background-color: #f2f2f2;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
position:fixed;
}
#nav li {
float: left;
}
#nav li a {
display: block;
text-decoration: none;
padding: 8px 15px;
font-family:Eurostile;
font-weight: bold;
color: #000000;
border-right: 1px solid #ccc; }
#nav li a:hover {
color: #c00;
background-color: #fff; }
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
