<UL> not working in Journal gallery [Sitemap] - Digital Grin Photography Forum

IDIC Photo

Aug-29-2008, 11:01 AM

Hi guys,
I'm trying to setup a pricing page here: http://www.idic-photo.com/gallery/5820991_jLoUq

As you can see,
is not working in the first photo's comment -- its working fine in the 2nd photo and the bullets are showing. THis is the exact same code I have in both comments:

Wedding Package - Bronze

This is a test

very cool photos
CD
DVD

ivar

Aug-29-2008, 02:13 PM

Make sure you start the code with <html> and end with </html>. Give that a try and let us know if it works :thumb

IDIC Photo

Aug-29-2008, 02:18 PM

Make sure you start the code with <html> and end with </html>. Give that a try and let us know if it works :thumb

Hmm...tried that but no go. The html tags should be there in the template already, no?

Thanks
AJ

ivar

Aug-29-2008, 02:23 PM

Hmm...tried that but no go. The html tags should be there in the template already, no?

Thanks
AJNo, they need to be added manually for each captions where you add html code.

It seems to be working now?

jfriend

Aug-29-2008, 02:28 PM

Hmm...tried that but no go. The html tags should be there in the template already, no?

Thanks
AJ

The <html> tag you enter manually tells Smugmug to leave your text alone so it can be processed as real HTML. If you don't have the <html> tag, then Smugmug does all sorts of things to process the text. It turns carriage returns into <BR> tags, it escapes things like < and > so they appear as you would expect when you type text, etc...

If you want it to be processed as HTML, you have to tell Smugmug to leave it alone with <html></html>

IDIC Photo

Aug-29-2008, 02:39 PM

The tag you enter manually tells Smugmug to leave your text alone so it can be processed as real HTML. If you don't have the tag, then Smugmug does all sorts of things to process the text. It turns carriage returns into
tags, it escapes things like < and > so they appear as you would expect when you type text, etc...

If you want it to be processed as HTML, you have to tell Smugmug to leave it alone with

I did add the html start and end tags but still no ul li bullets :(

jfriend

Aug-29-2008, 02:39 PM

I did add the html start and end tags but still no ul li bullets :(

We see the bullets now. Perhaps you need to clear you browser cache or do a refresh on the page.

ivar

Aug-29-2008, 02:41 PM

I did add the html start and end tags but still no ul li bullets :(Did you refresh the page? I see bullets:
http://img.skitch.com/20080829-fp2rp4tfem8pgksu5sq41f9ww4.jpg

IDIC Photo

Aug-29-2008, 02:53 PM

Interesting: I can see the bullets in IE but not Firefox 3.0 or Safari! What's the lowest common denominator? I guess its IE....?

Did you refresh the page? I see bullets:
http://img.skitch.com/20080829-fp2rp4tfem8pgksu5sq41f9ww4.jpg

ivar

Aug-29-2008, 02:57 PM

Interesting: I can see the bullets in IE but not Firefox 3.0 or Safari! What's the lowest common denominator? I guess its IE....?
The screengrab is from FF3. This one is from Safari:
http://img.skitch.com/20080829-panmj6jb58ha7k13yahiw75i14.jpg

IDIC Photo

Aug-29-2008, 02:59 PM

Thanks guys!

The screengrab is from FF3. This one is from Safari:
http://img.skitch.com/20080829-panmj6jb58ha7k13yahiw75i14.jpg

IDIC Photo

Aug-29-2008, 03:14 PM

Did you guys try the 'Journal' view in FF and Safari?

Thanks guys!

jfriend

Aug-29-2008, 04:05 PM

Did you guys try the 'Journal' view in FF and Safari?

You have some mismatched tags in your HTML (unclosed DIV, maybe others) that are causing you problems. Safari shows your page as completely blank. Firefox shows it properly in Smugmug view - I don't know about Journal view.

You just need to fix the HTML so it's proper and it will probably work everywhere.

You can run your page through the W3C validator (http://validator.w3.org/) if you want to see what your errors are - just put the URL of your page into that tool and understand the results. I see at least one unclosed DIV.

IDIC Photo

Aug-29-2008, 05:01 PM

Thanks, I'll do that. But that is still really strange -- the rest of the site works fine and the only thing I've changed in this page is this fragment with an unordered list.

You have some mismatched tags in your HTML (unclosed DIV, maybe others) that are causing you problems. Safari shows your page as completely blank. Firefox shows it properly in Smugmug view - I don't know about Journal view.

You just need to fix the HTML so it's proper and it will probably work everywhere.

You can run your page through the W3C validator (http://validator.w3.org/) if you want to see what your errors are - just put the URL of your page into that tool and understand the results. I see at least one unclosed DIV.

jfriend

Aug-29-2008, 05:10 PM

Thanks, I'll do that. But that is still really strange -- the rest of the site works fine and the only thing I've changed in this page is this fragment with an unordered list.

It's not really that strange. When you have an unmatched DIV or other unmatched tags, the behavior is completley undefined. Anything can happen and it will likely be different in every browser and it's not surprising that it's different in some views.

It's even possible that Smugmug could change some of their HTML (unbeknownst to you) and that would suddenly cause a browser to freak out because of your HTML error.

IDIC Photo

Aug-29-2008, 10:25 PM

All right guys, so I've checked again and again in my custom html and header/footer but there is no danlging div tag. Could this be due to a Smugmug Bug?

In Journal view the first picture's unordered list items are not showing the bullets :/

It's not really that strange. When you have an unmatched DIV or other unmatched tags, the behavior is completley undefined. Anything can happen and it will likely be different in every browser and it's not surprising that it's different in some views.

It's even possible that Smugmug could change some of their HTML (unbeknownst to you) and that would suddenly cause a browser to freak out because of your HTML error.

richW

Aug-29-2008, 11:00 PM

Maybe this? .journal_entry .caption {_float: left; display: table;}

http://www.dgrin.com/showpost.php?p=532195&postcount=2

I took a look in the caption, close up the list too.

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

Allen

Aug-30-2008, 07:58 AM

...
The bullets will be hidden under the photo on all left photos.
Add this to CSS

.gallery_5820991 .photo.left {
padding-right: 30px;
}

jfriend

Aug-30-2008, 08:52 AM

All right guys, so I've checked again and again in my custom html and header/footer but there is no danlging div tag. Could this be due to a Smugmug Bug?

In Journal view the first picture's unordered list items are not showing the bullets :/

Maybe the HTML errors I see aren't affecting your particular issue and perhaps Allen and Rich have figured it out, but you probably should clean them up anyway. Here's what I see:

On line 301 in your StatCounter code, you have an unmatched DIV in the < noscript > section of code. There's a DIV tag but no /DIV tag inside the < noscript > section.

On line 245, you have a BR tag inside of your UL tag before your LI. It looks like the W3C validator says you can't have the BR tag before the LI tag.

IDIC Photo

Sep-01-2008, 01:52 PM

Thanks Allen and RIch that worked!

jfriend, I think I fixed the missing div tag in statcounter as well. Thanks!

Maybe the HTML errors I see aren't affecting your particular issue and perhaps Allen and Rich have figured it out, but you probably should clean them up anyway. Here's what I see:

On line 301 in your StatCounter code, you have an unmatched DIV in the < noscript > section of code. There's a DIV tag but no /DIV tag inside the < noscript > section.

On line 245, you have a BR tag inside of your UL tag before your LI. It looks like the W3C validator says you can't have the BR tag before the LI tag.