View Full Version : Want to move slideshow closer to menu bar
b-grinner
Feb-01-2008, 09:50 AM
I am trying to get my Flash slide show move up closer to my menu bar.
Here is my NavBar code. How would I achieve this
#navbar {
width: 750px;
margin: 0 auto;
margin-top: 5px;
border-top: solid 1px #8A8A8A;
border-bottom: solid 1px #8A8A8A;
margin-bottom: 20px;
}
#navbar ul {
margin: 0;
padding: 0px;
list-style-type: none;
text-align: center;
margin-bottom: 5px;
margin-top: 5px;
}
#navbar ul li {
display: inline;
}
#navbar ul li a {
color: #FF8C00;
text-decoration: none;
font-weight: bold;
font-family: Trebuchet MS, Times New Roman, Helvetica, Sans-Serif;
font-size: 12px;
padding: 5px;
background-color: transparent;
}
Thank you...
...Bruce
b-grinner
Feb-01-2008, 08:26 PM
I am trying to get my Flash slide show move up closer to my menu bar.
Here is my NavBar code. How would I achieve this
#navbar {
width: 750px;
margin: 0 auto;
margin-top: 5px;
border-top: solid 1px #8A8A8A;
border-bottom: solid 1px #8A8A8A;
margin-bottom: 20px;
}
#navbar ul {
margin: 0;
padding: 0px;
list-style-type: none;
text-align: center;
margin-bottom: 5px;
margin-top: 5px;
}
#navbar ul li {
display: inline;
}
#navbar ul li a {
color: #FF8C00;
text-decoration: none;
font-weight: bold;
font-family: Trebuchet MS, Times New Roman, Helvetica, Sans-Serif;
font-size: 12px;
padding: 5px;
background-color: transparent;
}
Thank you...
...Bruce
Need some help. Want to move my slide show up a bit on my home page. Do not think the code I inserted above is where I will find my answer.
Can someone have a quick look at my site and let me know?
My site is www.cyberphotogs.com
Thanks and I look forward to hearing from you.
...Bruce
richW
Feb-01-2008, 08:41 PM
Try this:
.homepage #breadcrumb,
#bioBox .boxTop {display: none;}
This should move it up about 40px
If you need to 'see' those when logged in, add this too:
.loggedIn .homepage #breadcrumb,
.loggedIn #bioBox .boxTop {display: block;}
b-grinner
Feb-02-2008, 08:00 AM
Try this:
.homepage #breadcrumb,
#bioBox .boxTop {display: none;}
This should move it up about 40px
If you need to 'see' those when logged in, add this too:
.loggedIn .homepage #breadcrumb,
.loggedIn #bioBox .boxTop {display: block;}
Thanks Rich.
But I do not see a marked difference. Any way to move it up just a bit more?
denisegoldberg
Feb-02-2008, 08:04 AM
Thanks Rich.
But I do not see a marked difference. Any way to move it up just a bit more?
Try playing with the height specified in the createSWF call. You currently have createSWF(700,400,oParams, ...
You might try changing the 400 to a lower number. You'll need to verify that the height that you specify is large enough for the "tallest" photo in your slideshow.
--- Denise
b-grinner
Feb-03-2008, 12:28 PM
Try playing with the height specified in the createSWF call. You currently have createSWF(700,400,oParams, ...
You might try changing the 400 to a lower number. You'll need to verify that the height that you specify is large enough for the "tallest" photo in your slideshow.
--- Denise
Tried playing with the Create SWF size but no luck. If anything it crops the photo. Could there be some kind of code in my CSS that is pushing the slide show down.
Not being a CSS I am stumped on how to tweak the postioning of the objects on the screen. Your help would be appreciated.
Thanks and look forward to your replies.
...B
www.cyberphotogs.com
denisegoldberg
Feb-03-2008, 12:40 PM
Tried playing with the Create SWF size but no luck. If anything it crops the photo. Could there be some kind of code in my CSS that is pushing the slide show down.
Not being a CSS I am stumped on how to tweak the postioning of the objects on the screen. Your help would be appreciated.
Thanks and look forward to your replies.
...B
www.cyberphotogs.com (http://www.cyberphotogs.com)
I have no idea what this might break - but this will change where the top of the bio box (which is housing your slideshow) will fall. Play with the numbers:
#bioBox {margin-top: -25px}
Keep in mind that it might be a really bad idea, but it does move the slideshow up.
--- Denise
Oops! Bad idea. It looks like there is at least one photo in your slideshow that gets cut off with that margin-top value. It would be easier to create a margin that you like if all of the photos in the slideshow were the same size and orientation.
b-grinner
Feb-03-2008, 08:07 PM
I have no idea what this might break - but this will change where the top of the bio box (which is housing your slideshow) will fall. Play with the numbers:#bioBox {margin-top: -25px}
Keep in mind that it might be a really bad idea, but it does move the slideshow up.
--- Denise
Oops! Bad idea. It looks like there is at least one photo in your slideshow that gets cut off with that margin-top value. It would be easier to create a margin that you like if all of the photos in the slideshow were the same size and orientation.
Thanks Denise.
I just hid the pictures that get cut-off.
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.