trying to create a page of links using an html gallery [Sitemap]

richturk

Aug-29-2009, 10:31 PM

i created html code using web page maker and pasted it into the description box of this gallery

http://thepuffinman.smugmug.com/Other/link-gallery/9420134_JqZ3P

I read a tutorial on how to make html gallery and pasted this code into the CSS box in control panel

/* html only page for gallery 9420134 */
.gallery_9420134 .nophotos {
display: none;
}
.gallery_9420134 .pageNav {
display: none;
}

I thought that would turn off all the other navbars etc on the gallery leaving me only w/the html stuff

My gallery was created w/the ez customizer.

What steps did I do wrong?

thanks

jfriend

Aug-29-2009, 10:45 PM

i created html code using web page maker and pasted it into the description box of this gallery

http://thepuffinman.smugmug.com/Other/link-gallery/9420134_JqZ3P

I read a tutorial on how to make html gallery and pasted this code into the CSS box in control panel

/* html only page for gallery 9420134 */
.gallery_9420134 .nophotos {
display: none;
}
.gallery_9420134 .pageNav {
display: none;
}

I thought that would turn off all the other navbars etc on the gallery leaving me only w/the html stuff

My gallery was created w/the ez customizer.

What steps did I do wrong?

thanks That CSS turns off the empty gallery and gallery navigation in the page, leaving your custom header and footer. You then put your own HTML in the albumDescription. You can turn off the custom header and footer too if you want.

richturk

Aug-29-2009, 11:25 PM

That CSS turns off the empty gallery and gallery navigation in the page, leaving your custom header and footer. You then put your own HTML in the albumDescription. You can turn off the custom header and footer too if you want.

tx for the info. Can you or someone tell me how to turn that stuff off?

what I want to ideally do is

leave the WELCOME TO PUFFIN MAN and navbar,
get rid of the smugmu footer, and
try to get my "custom footer" A celebration of....to come out UNDER the HTML text.

or in the alternative, get every thing completely off except the html text I entered. That was what I thought I was doing figured that I could just retype everything, but I know it would look crappy, but I can't deal w/this csshttp://thepuffinman.smugmug.com/Other/link-gallery/9420134_JqZ3P

tx

jfriend

Aug-29-2009, 11:43 PM

tx for the info. Can you or someone tell me how to turn that stuff off?

what I want to ideally do is
leave the WELCOME TO PUFFIN MAN and navbar,
get rid of the smugmu footer, and
try to get my "custom footer" A celebration of....to come out UNDER the HTML text.
or in the alternative, get every thing completely off except the html text I entered. That was what I thought I was doing figured that I could just retype everything, but I know it would look crappy, but I can't deal w/this csshttp://thepuffinman.smugmug.com/Other/link-gallery/9420134_JqZ3P

tx First, you need to learn a bit about how you would put HTML into the albumDescription field. A Smugmug page already has a template around it. There's already a <body> tag, already a <head> tag, already <meta> tags. You don't put any of those in an albumDescription field. You JUST put your body HTML. If you have to put styles in there, you put them in their own <style> tags, but styles could also go more efficiently into your global CSS customization too.

So, right away you need to remove your <body> tags and <meta> tags.

Then, you probably don't want to position everything on your page with absolute positioning. It is rare that you do a whole page that way as it doesn't take advantage of any of the typical layout capabilities of HTML and it certainly won't play nicely with anything else in the page.

If you have a pro account, you can turn off the Smugmug footer. If not, then you aren't supposed to turn it off.

This CSS will make it go away for just that gallery.

.gallery_9420134 #cobrand_footer {display:none !important;}

Your custom footer will come out under your HTML text if you stop using absolute positioning for your HTML text and just let the HTML flow.

richturk

Aug-30-2009, 08:59 AM

I made some progress by switching to another HTML editor that wasn't putting CSS tags in and did a very quick copy and paste

http://thepuffinman.smugmug.com/My-html-galle/test-html/9457626_Ts2eh

I know this sounds silly, but are graphics/.gif files out of the question on an HTML gallery? Can I get graphic formatting and images in here if I produce them in my html editor?

rt

First, you need to learn a bit about how you would put HTML into the albumDescription field. A Smugmug page already has a template around it. There's already a <body> tag, already a <head> tag, already <meta> tags. You don't put any of those in an albumDescription field. You JUST put your body HTML. If you have to put styles in there, you put them in their own <style> tags, but styles could also go more efficiently into your global CSS customization too.

So, right away you need to remove your <body> tags and <meta> tags.

Then, you probably don't want to position everything on your page with absolute positioning. It is rare that you do a whole page that way as it doesn't take advantage of any of the typical layout capabilities of HTML and it certainly won't play nicely with anything else in the page.

If you have a pro account, you can turn off the Smugmug footer. If not, then you aren't supposed to turn it off.

This CSS will make it go away for just that gallery.

.gallery_9420134 #cobrand_footer {display:none !important;}

Your custom footer will come out under your HTML text if you stop using absolute positioning for your HTML text and just let the HTML flow.

richturk

Aug-30-2009, 09:11 AM

http://thepuffinman.smugmug.com/My-html-galle/test-html/9457626_Ts2eh

Why is the last link, when being clicked on, giving me my a page w/in this site http://thepuffinman.smugmug.com/My-html-galle

rather than the page I have typed in as the link?
<p>OTHER PHOTO SITES</p>
<p><a href="www.richturkphotos.com">Rich Turk
Photography</a></p>

end this post

I made some progress by switching to another HTML editor that wasn't putting CSS tags in and did a very quick copy and paste

http://thepuffinman.smugmug.com/My-html-galle/test-html/9457626_Ts2eh

I know this sounds silly, but are graphics/.gif files out of the question on an HTML gallery? Can I get graphic formatting and images in here if I produce them in my html editor?

rt

denisegoldberg

Aug-30-2009, 09:35 AM

... (http://thepuffinman.smugmug.com/My-html-galle/test-html/9457626_Ts2eh)rather than the page I have typed in as the link?
<p>OTHER PHOTO SITES</p>
<p><a href="www.richturkphotos.com">Rich Turk Photography</a></p>
Because your html is incorrect. A URL must either be a relative URL - within the current site - or it must start with http://.

Change your statment to

<a href="http://www.richturkphotos.com">Rich Turk Photography</a>
--- Denise

richturk

Aug-30-2009, 10:09 AM

Denise thank you, I fixed it. I don't know why this one was generated differently than the others.