FAQtoid

asamuel · Nov-07-2007, 10:18 AM #1

I have gone and screwed up my contact page.

I asked if my contact page was too tall for smaller monitrs to easily reach the nav bar. I got the following response.

Quote:

I would lose the header part of the image on your contact page and go
with your regular header. That would shorten the page.

I didn't want to do this, I like the contact image. Instead I made it a smaller image size and then put it in its place. adjusting the source in the gallery description outlined in step 1.

this did not work and now its proving difficult to resolve. I've outline the process I originally undertook under Allens guidance and ask what parts do I need to amend?

thanks

step 1

Quote:

Add this to the gallery description.

<html>
<img src="/photos/212508846-L.jpg" />
</html>

Then will add some CSS to format plus below.

/* hide things not needed on page */
.gallery_3708057 .journal_entry,
.gallery_3708057 #albumNav_top,
.gallery_3708057 #albumNav_bottom {display: none;}

step2

Quote:

Replace the album description with this.
Code:

<html> <img src="/photos/212808372-L.jpg" /> <li><a href="mailto:mrsltbedford@gmail.com">. . . . . . . . . . . . . . . . . . . . . . . .</li> <li><a href="http://samuelbedford.blogspot.com">. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .</li> </html>

step3

Quote:

Add this to your CSS
Code:

.gallery_3708057 #albumDescription li { position: relative; margin: 0 auto; width: 500px; top: -78px; left: -29px; text-align: left !important; list-style-type: none; } .gallery_3708057 #albumDescription li a { text-decoration:none; font-size: 140%; line-height: 26px; color: black; opacity: .0; _filter: alpha(opacity=0); } .gallery_3708057 #albumDescription li a:hover { color: #ccc; background: #ccc; opacity: .2; _filter: alpha(opacity=20); }

step 4

Quote:

Remove the red parts.
Code:

<html> <img src="/photos/212808372-L.jpg"> <li><a href="mailto:mrsltbedford@gmail.com">. . . . . . . . . . . . . . . . . . . . . . . .</a></li> <li><a href="http://samuelbedford.blogspot.com">. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .</a></li> <a href="http://samuelbedford.blogspot.com"></a> </html>

step 5

Quote:

Add this to center photo.

.gallery_3708057 #albumDescription {
text-align: center;
}