PDA

View Full Version : Remove grey line from HTML only page


a2theb
Oct-10-2008, 11:45 AM
Hello - first post here but long time lurker trying to customize my site. I've recently created some HTML only pages and made minor CSS changes for each page but a grey line appears along the top just below my red header line. Can anyone help me to get rid of it? I can't quite figure out what attribute is putting it in. My other pages like my "About me" and "Guestbook" pages don't seem to have this problem but they each have an image in it. I don't know if that makes a difference or not. Thanks in advance! :D

My site: http://www.photosbyalfredb.com/
One of the gallery pages in question: http://www.photosbyalfredb.com/gallery/6198362_dV8AE

CSS specific code for this page:
.gallery_6198362 .nophotos {display: none;}
.gallery_6198362 #breadCrumbTrail {display: none;}
.gallery_6198362 .pageNav {display: none;}
.gallery_6198362 #galDescText {font-size: 100%; text-align: top; margin-top: -30px;}
.gallery_6198362 #galDescText h2 {color: #940f04 !important;}

denisegoldberg
Oct-10-2008, 12:40 PM
I've recently created some HTML only pages and made minor CSS changes for each page but a grey line appears along the top just below my red header line. Can anyone help me to get rid of it? I can't quite figure out what attribute is putting it in. My other pages like my "About me" and "Guestbook" pages don't seem to have this problem but they each have an image in it.
Actually, that gray line is there in your "about me" and "guestbook" galleries too. This will remove that line for all galleries:

#albumDescription {
border: none !important;
}
Or use this for the specific gallery only:

.gallery_6198362 #albumDescription {
border: none !important;
}
--- Denise

a2theb
Oct-10-2008, 01:16 PM
Actually, that gray line is there in your "about me" and "guestbook" galleries too. This will remove that line for all galleries:

#albumDescription {
border: none !important;
}
Or use this for the specific gallery only:

.gallery_6198362 #albumDescription {
border: none !important;
}
--- Denise

Thanks Denise! That did it! :clap

a2theb
Oct-10-2008, 02:23 PM
So it appears that everything works on Safari and FF. I'm on a Mac btw. However the lines still exist only on the About and Guestbook pages on IE on the PC.

Actually, that gray line is there in your "about me" and "guestbook" galleries too.

When Denise mentioned the above that got me thinking to check on the PC side where I found a few other problems. Any ideas?

jfriend
Oct-11-2008, 01:58 AM
So it appears that everything works on Safari and FF. I'm on a Mac btw. However the lines still exist only on the About and Guestbook pages on IE on the PC.



When Denise mentioned the above that got me thinking to check on the PC side where I found a few other problems. Any ideas?

The grey line in those galleries is coming from the top border of the journal_entry DIV. You can make it go away with this CSS:

.gallery_5056450 .journal_entry {border-top-width: 0;}

I can't find what you mean by your About page, but you can fix that page too with a copy of this same CSS rule where you substitute in the gallery number for the about page.