Claire-ity
Jan-20-2009, 08:06 PM
how do i prevent it?:scratch
here is my site: claire-ity.com
thanks:lust
here is my current css box:
* .title {color:#660198;}
#my_banner {
display: block;
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://claire-ity.smugmug.com/photos/455631894_bYorH-M.png) no-repeat;
}.homepage #my_banner {
display: block;
}
/*NOTE: If you are using a PNG file with transparancy, Internet Explorer will not play nice. To make it play nice, it's possible to add some extra code, like this:*/
#my_banner {
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://claire-ity.smugmug.com/photos/455631894_bYorH-M.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,sizingmethod=image,src='http ://claire-ity.smugmug.com/photos/455631894_bYorH-M.png');
}
/*THIS changes the font type of albums*/
.albumTitle a.nav {
font-family: Helvetica;
}
/*THIS REMOVES THE GRAY LINE AROUND MY SLIDESHOW*/
#bioBox {border: none;}
/*this centers my homepage slideshow*/
#userBio {text-align: center !important;}
/* hides your name (including any 's) */
#userName {
display: none;
}/* hides the word home */
#userHome {
display: none;
}#photoKeywords {
display: none;
}#feeds {
display:none;
}#categoriesBox .boxTop {
display: none;
}/* turn off the login link on the minifooter */
.loginLink {
display: none;
}
/*----Line Up Galleries 4 Across----*/
.miniBox {width:122px; text-align:center; height:150px; margin:028px;}
.miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
.miniBox .albumTitle {width:122px;}
.miniBox .description {width:122px;}
.miniBox .updated {width:122px;}
.loggedIn .miniBox {height:auto; min-height:300px;}
.loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;}
.loggedIn .miniBox input {width:122px;}
.loggedIn .miniBox textarea {width:112px;}
.boxBottom .albumLarge {width:192px; height:350px; text-align:center;margin:0 24px;}
.albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
.albumLarge .albumTitle {width:192px;}
.albumLarge .description {width:192px;}
.albumLarge .updated {width:192px;}
.loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;}
.loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;}
.loggedIn .albumLarge input {width:192px;}
.loggedIn .albumLarge textarea {width:182px;}
/*NOTE, THIS DOESN'T WORK PROPERLY YET!!!!! GOAL: I created a gallery without any photos and added the code below, in order to create a Services" page. Problem is I don't have it pointing/recognizing the html code/page which I entered into the description box of the image-free gallery*/
/* html only page for gallery 7124148_CcxMW */
.gallery_7124148_CcxMW .nophotos {
display: none;
}
.gallery_7124148_CcxMW .pageNav {
display: none;
}
/*This increases ALBUM title (FONT) size*/
#categoriesBox .albumTitle a {font-size: 18px;}
/* Change color of links */
a:link {
color:#20B2AA;
}
a:visited {
color:#20B2AA;
}
a:hover {
color:#XXXXXX;
}
a:active {
color:#20B2AA;
}
.miniBox .albumTitle a {color:#20B2AA;}
.miniBox .galleryTitle a {color:#20B2AA;}
.miniBox .categoryTitle a {color:#20B2AA;}
/* NAVBAR */
#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #ADFF2F;
font-family: Helvetica;
font-size: 1.9em;
background-color: none;
}
#navcontainer ul li a:hover {
color: #7FFFD4;
background-color: none;
}
/*this moved my navbar below my slideshow*/
.homepage #navcontainer {
position: relative;
top: 500px;
}
.loggedIn .homepage #navcontainer {
top: 550px;
}
.galleries #navcontainer {
top: 0;
}
/*this removes the white lines from my chosen Smug Mug THEME*/
#bioBox,
.boxBottom,
.boxTop {
border: none !important;
}
/*this is my GALLERY 2 per setup tuturial for Navbar/homepage/slideshow combo*/
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}
.galleries #bioBox {
display: none;
}
.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}
here is my site: claire-ity.com
thanks:lust
here is my current css box:
* .title {color:#660198;}
#my_banner {
display: block;
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://claire-ity.smugmug.com/photos/455631894_bYorH-M.png) no-repeat;
}.homepage #my_banner {
display: block;
}
/*NOTE: If you are using a PNG file with transparancy, Internet Explorer will not play nice. To make it play nice, it's possible to add some extra code, like this:*/
#my_banner {
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://claire-ity.smugmug.com/photos/455631894_bYorH-M.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,sizingmethod=image,src='http ://claire-ity.smugmug.com/photos/455631894_bYorH-M.png');
}
/*THIS changes the font type of albums*/
.albumTitle a.nav {
font-family: Helvetica;
}
/*THIS REMOVES THE GRAY LINE AROUND MY SLIDESHOW*/
#bioBox {border: none;}
/*this centers my homepage slideshow*/
#userBio {text-align: center !important;}
/* hides your name (including any 's) */
#userName {
display: none;
}/* hides the word home */
#userHome {
display: none;
}#photoKeywords {
display: none;
}#feeds {
display:none;
}#categoriesBox .boxTop {
display: none;
}/* turn off the login link on the minifooter */
.loginLink {
display: none;
}
/*----Line Up Galleries 4 Across----*/
.miniBox {width:122px; text-align:center; height:150px; margin:028px;}
.miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
.miniBox .albumTitle {width:122px;}
.miniBox .description {width:122px;}
.miniBox .updated {width:122px;}
.loggedIn .miniBox {height:auto; min-height:300px;}
.loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;}
.loggedIn .miniBox input {width:122px;}
.loggedIn .miniBox textarea {width:112px;}
.boxBottom .albumLarge {width:192px; height:350px; text-align:center;margin:0 24px;}
.albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
.albumLarge .albumTitle {width:192px;}
.albumLarge .description {width:192px;}
.albumLarge .updated {width:192px;}
.loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;}
.loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;}
.loggedIn .albumLarge input {width:192px;}
.loggedIn .albumLarge textarea {width:182px;}
/*NOTE, THIS DOESN'T WORK PROPERLY YET!!!!! GOAL: I created a gallery without any photos and added the code below, in order to create a Services" page. Problem is I don't have it pointing/recognizing the html code/page which I entered into the description box of the image-free gallery*/
/* html only page for gallery 7124148_CcxMW */
.gallery_7124148_CcxMW .nophotos {
display: none;
}
.gallery_7124148_CcxMW .pageNav {
display: none;
}
/*This increases ALBUM title (FONT) size*/
#categoriesBox .albumTitle a {font-size: 18px;}
/* Change color of links */
a:link {
color:#20B2AA;
}
a:visited {
color:#20B2AA;
}
a:hover {
color:#XXXXXX;
}
a:active {
color:#20B2AA;
}
.miniBox .albumTitle a {color:#20B2AA;}
.miniBox .galleryTitle a {color:#20B2AA;}
.miniBox .categoryTitle a {color:#20B2AA;}
/* NAVBAR */
#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #ADFF2F;
font-family: Helvetica;
font-size: 1.9em;
background-color: none;
}
#navcontainer ul li a:hover {
color: #7FFFD4;
background-color: none;
}
/*this moved my navbar below my slideshow*/
.homepage #navcontainer {
position: relative;
top: 500px;
}
.loggedIn .homepage #navcontainer {
top: 550px;
}
.galleries #navcontainer {
top: 0;
}
/*this removes the white lines from my chosen Smug Mug THEME*/
#bioBox,
.boxBottom,
.boxTop {
border: none !important;
}
/*this is my GALLERY 2 per setup tuturial for Navbar/homepage/slideshow combo*/
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}
.galleries #bioBox {
display: none;
}
.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}