<UL> not working in Journal gallery

IDIC Photo · August 29, 2008

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 · August 29, 2008

Make sure you start the code with

[b]<[/b]html>

and end with

[b]<[/b]/html>

. Give that a try and let us know if it works <img src="https://us.v-cdn.net/6029383/emoji/thumb.gif" border="0" alt="" >

IDIC Photo · August 29, 2008

ivar wrote:
Make sure you start the code with
[B]<[/B]html>
and end with
[B]<[/B]/html>
. Give that a try and let us know if it works <img src="https://us.v-cdn.net/6029383/emoji/thumb.gif" border="0" alt="" >

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

Thanks
AJ

ivar · August 29, 2008

IDIC Photo wrote:

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

Thanks
AJ

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

It seems to be working now?

jfriend · August 29, 2008

IDIC Photo wrote:

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 · August 29, 2008

jfriend wrote:

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 · August 29, 2008

IDIC Photo wrote:

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 · August 29, 2008

IDIC Photo wrote:

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

Did you refresh the page? I see bullets:

IDIC Photo · August 29, 2008

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....?

ivar wrote:

Did you refresh the page? I see bullets:

ivar · August 29, 2008

IDIC Photo wrote:

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:

IDIC Photo · August 29, 2008

Thanks guys!

ivar wrote:

The screengrab is from FF3. This one is from Safari:

IDIC Photo · August 29, 2008

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

IDIC Photo wrote:

Thanks guys!

jfriend · August 29, 2008

IDIC Photo wrote:

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 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 · August 29, 2008

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.

jfriend wrote:

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 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 · August 29, 2008

IDIC Photo wrote:

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 · August 30, 2008

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

jfriend wrote:

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 · August 30, 2008

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.

[PHP]<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>[/PHP]

Allen · August 30, 2008

IDIC Photo wrote:

...

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

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

jfriend · August 30, 2008

IDIC Photo wrote:

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 · September 1, 2008

Thanks Allen and RIch that worked!

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

jfriend wrote:

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.

<UL> not working in Journal gallery

Comments