CSS coding for image not working properly

[longsfishography]

longsfishography.com

"my services" gallery

The image for this gallery isn't reponding to the coding that I've put in my CSS box. Specifcally, I'm trying to move the image down a little to be level with the text and also put a border around the image.

Here is the coding as it reads:

.gallery_3372160 #galDescImg {
position: relative;
height: 300px;
width: 400px;
margin-top: 20px;
margin-left: 20px;
border:4px double #cccccc;



Also, I have this code below in my CSS but my website name still shows up on the homepage. Any ideas?

#userName {
display: none;
}


Your help would be greatly appreciated as always!

[scwalter]

You've got at least one, maybe two extra }'s in your code. Delete those and it should work.

-Scott

[scwalter]

Three actually. Here's your code with the extra ones highlighted.

#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 2em;
color: #fff;
background-color: #696969;
}

#navcontainer ul li a:hover {
color: #fff;
background-color: #A9A9A9;
}

#feeds {
display:none;
}

#userBio {
width: 550px;
display: inline;
float: left;
position: relative;

}

#bioBox {
text-align: center;
background: none;
}

#bioBox .photo {
display: none;
}

.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}

.galleries #bioBox {
display: none;
}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}

.gallery_3371657 #galDescImg {
position: relative;
height: 300px;
width: 195px;
margin-top: 20px;
margin-left: 60px;
border:4px double #cccccc;
}

.gallery_3371657 #galDescText {
position: relative;
font-size: 1.0em;
font-weight: normal;
color: #ccc;
text-align: left;
width: 340px;
margin-top: -310px;
margin-left: 320px;
}

.gallery_3371657 #albumDescription {
height: 575px;
}

.gallery_3371657 .nophotos h3 {display: none;}
.gallery_3371657 #searchBox {display:none;}
.gallery_3371657 #breadcrumb {display: none;}
.gallery_3371657 .journal_entry {display:none;}
.gallery_3371657 .pageNav {display: none;}
.gallery_3371657 #albumNav_top {display: none;}
.gallery_3371657 #albumNav_bottom {display: none;}
.gallery_3371657 .play_slideshow {display: none;}

}

#userName {
display: none;
}

#userHome {
display: none;
}

.possess {
display: none;
}

.gallery_3374520 #myText {
margin: 0 auto;
width: 400px;
color: #ccc;
padding: 0 20px 5px 20px;
height: 475px;
}

.gallery_3374520 #myText p {
color: #ccc;
font-family: arial;
text-align: justify;
font-size: 1.0em;
font-weight: normal;
color: #ccc;
}

/* hide things not needed on page */
.gallery_3374520 .nophotos {display: none;}
.gallery_3374520 #breadcrumb {display: none;}
.gallery_3374520 .journal_entry {display:none;}
.gallery_3374520 #albumNav_top {display: none;}
.gallery_3374520 #albumNav_bottom {display: none;}

.gallery_3374778 #myText {
margin: 0 auto;
width: 400px;
color: #ccc;
padding: 0 20px 5px 20px;
height: 750px;
}

.gallery_3374778 #myText p {
color: #ccc;
font-family: arial;
text-align: justify;
font-size: 1.0em;
font-weight: normal;
color: #ccc;

}

/* hide things not needed on page */
.gallery_3374778 .nophotos {display: none;}
.gallery_3374778 #breadcrumb {display: none;}
.gallery_3374778 .journal_entry {display:none;}
.gallery_3374778 #albumNav_top {display: none;}
.gallery_3374778 #albumNav_bottom {display: none;}

}

.gallery_3372160 #galDescImg {
position: relative;
height: 300px;
width: 400px;
margin-top: 20px;
margin-left: 20px;
border:4px double #cccccc;

}

.gallery_3372160 #galDescText {
position: relative;
font-size: 1.0em;
font-weight: normal;
color: #ccc;
text-align: left;
width: 280px;
margin-top: -275px;
margin-left: 448px;

}

.gallery_3372160 #albumDescription {
height: 750px;

}

.gallery_3372160 .nophotos h3 {display: none;}
.gallery_3372160 #searchBox {display:none;}
.gallery_3372160 #breadcrumb {display: none;}
.gallery_3372160 .journal_entry {display:none;}
.gallery_3372160 .pageNav {display: none;}
.gallery_3372160 #albumNav_top {display: none;}
.gallery_3372160 #albumNav_bottom {display: none;}
.gallery_3372160 .play_slideshow {display: none;}

}
/* hides your name (including any 's) */
#userName {
display: none;
}

[longsfishography]

Three actually. Here's your code with the extra ones highlighted.

#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 2em;
color: #fff;
background-color: #696969;
}

#navcontainer ul li a:hover {
color: #fff;
background-color: #A9A9A9;
}

#feeds {
display:none;
}

#userBio {
width: 550px;
display: inline;
float: left;
position: relative;

}

#bioBox {
text-align: center;
background: none;
}

#bioBox .photo {
display: none;
}

.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}

.galleries #bioBox {
display: none;
}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}

.gallery_3371657 #galDescImg {
position: relative;
height: 300px;
width: 195px;
margin-top: 20px;
margin-left: 60px;
border:4px double #cccccc;
}

.gallery_3371657 #galDescText {
position: relative;
font-size: 1.0em;
font-weight: normal;
color: #ccc;
text-align: left;
width: 340px;
margin-top: -310px;
margin-left: 320px;
}

.gallery_3371657 #albumDescription {
height: 575px;
}

.gallery_3371657 .nophotos h3 {display: none;}
.gallery_3371657 #searchBox {display:none;}
.gallery_3371657 #breadcrumb {display: none;}
.gallery_3371657 .journal_entry {display:none;}
.gallery_3371657 .pageNav {display: none;}
.gallery_3371657 #albumNav_top {display: none;}
.gallery_3371657 #albumNav_bottom {display: none;}
.gallery_3371657 .play_slideshow {display: none;}

}

#userName {
display: none;
}

#userHome {
display: none;
}

.possess {
display: none;
}

.gallery_3374520 #myText {
margin: 0 auto;
width: 400px;
color: #ccc;
padding: 0 20px 5px 20px;
height: 475px;
}

.gallery_3374520 #myText p {
color: #ccc;
font-family: arial;
text-align: justify;
font-size: 1.0em;
font-weight: normal;
color: #ccc;
}

/* hide things not needed on page */
.gallery_3374520 .nophotos {display: none;}
.gallery_3374520 #breadcrumb {display: none;}
.gallery_3374520 .journal_entry {display:none;}
.gallery_3374520 #albumNav_top {display: none;}
.gallery_3374520 #albumNav_bottom {display: none;}

.gallery_3374778 #myText {
margin: 0 auto;
width: 400px;
color: #ccc;
padding: 0 20px 5px 20px;
height: 750px;
}

.gallery_3374778 #myText p {
color: #ccc;
font-family: arial;
text-align: justify;
font-size: 1.0em;
font-weight: normal;
color: #ccc;

}

/* hide things not needed on page */
.gallery_3374778 .nophotos {display: none;}
.gallery_3374778 #breadcrumb {display: none;}
.gallery_3374778 .journal_entry {display:none;}
.gallery_3374778 #albumNav_top {display: none;}
.gallery_3374778 #albumNav_bottom {display: none;}

}

.gallery_3372160 #galDescImg {
position: relative;
height: 300px;
width: 400px;
margin-top: 20px;
margin-left: 20px;
border:4px double #cccccc;

}

.gallery_3372160 #galDescText {
position: relative;
font-size: 1.0em;
font-weight: normal;
color: #ccc;
text-align: left;
width: 280px;
margin-top: -275px;
margin-left: 448px;

}

.gallery_3372160 #albumDescription {
height: 750px;

}

.gallery_3372160 .nophotos h3 {display: none;}
.gallery_3372160 #searchBox {display:none;}
.gallery_3372160 #breadcrumb {display: none;}
.gallery_3372160 .journal_entry {display:none;}
.gallery_3372160 .pageNav {display: none;}
.gallery_3372160 #albumNav_top {display: none;}
.gallery_3372160 #albumNav_bottom {display: none;}
.gallery_3372160 .play_slideshow {display: none;}

}
/* hides your name (including any 's) */
#userName {
display: none;
}

Awesome Scott. Thank you very much for your help. It looks great now. =)