I know this is a bit of a hot topic right now but ... the layout doesn't work so well, will probably get worse once things start to pile up in there. See attached screen snap. This is with Safari 5.0.3.
Also of note, when clicking the Like link the javascript that handles it should probably end in a "return false" so we don't get redirected back to the top of the page (due to it trying to load a blank hash link at the end of the url , i.e. "#").
Also of note, when clicking the Like link the javascript that handles it should probably end in a "return false" so we don't get redirected back to the top of the page (due to it trying to load a blank hash link at the end of the url , i.e. "#").
I retract this part of the bug, it already seems to be fixed
I agree the layout in the member profile area is awful and needs to be changed.
The other one which I think will be the first thing, is ability to turn off notifications, or someway to modify that part.
Yep that would be welcome
The issue with this particular layout is the HTML it is generating, if you look into it you'll see that it seems to have unmatched li tags within that area and is missing either ul or ol around them (which are likely what is causing the increasing indents). The layout issue would probably be the same in chrome and any other webkit based browser. It only seems to be an issue within the new Likes tab from what I can tell, but I didn't dig too heavily into it.
I take that back, they are enclosed by ol, but there are li tags and div tags not properly closed until the very end of all the code (i.e. all the </div> and </li> tags are at the very end. I highlighted the missing parts as well as the parent tags that they belong to in red within the code block for ease of explanation.
<ol class="alt1 block_row list_no_decoration" id="likes_list">
<li class="floatcontainer" id="like_1060852">
<div class="fixed_width_avatar">
<a href="http://www.ehmac.ca/members/krs.html" class="avatarlink"><img class="alt2 avatar" border="0" src="http://www.ehmac.ca/avatars/krs.gif?dateline=1154917840" alt="krs" width="60px" height="60px" title="krs"></a>
</div>
<div class="visitor_message_avatar_margin">
<div class="tborder info_bar">
<div class="alt2 smallfont">
krs liked post by <a href="http://www.ehmac.ca/members/mguertin.html">mguertin</a> On thread : <strong>"Likes Received" layout issues and Like bug</strong>
</div>
</div>
<div class="visitor_message_body">
<a href="http://www.ehmac.ca/info-centre/93037-likes-received-layout-issues-like-bug.html#post1060852">I know this is a bit of a hot topic right now but ... the layout doesn't work so well, will probably get worse once things start to pile up in there. See attached screen snap. This is with Safari...</a>
<div class="smallfont">
Liked On: Today, <span class="time">05:00 PM</span>
<br>Posted On: Today, <span class="time">04:38 PM</span>
</div>
</div>
(missing </div> and </li> here)
<li class="floatcontainer" id="like_1060597">
<div class="fixed_width_avatar">
<a href="http://www.ehmac.ca/members/diveman.html" class="avatarlink"><img class="alt2 avatar" border="0" src="http://www.ehmac.ca/avatars/diveman.gif?dateline=1289918932" alt="diveman" width="60px" height="60px" title="diveman"></a>
</div>
<div class="visitor_message_avatar_margin">
<div class="tborder info_bar">
<div class="alt2 smallfont">
diveman liked post by <a href="http://www.ehmac.ca/members/mguertin.html">mguertin</a> On thread : <strong>Vintage Traynor Speaker Identification</strong>
</div>
</div>
<div class="visitor_message_body">
<a href="http://www.ehmac.ca/everything-else-eh/93012-vintage-traynor-speaker-identification.html#post1060597">For your usage as long as they don't sound too rough they would likely work out pretty well for you. They might be a bit underpowered depending on the size of the room but bang for the buck they...</a>
<div class="smallfont">
Liked On: Today, <span class="time">04:26 PM</span>
<br>Posted On: Yesterday, <span class="time">11:09 PM</span>
</div>
</div>
(missing </div> and </li> here)
<li class="floatcontainer" id="like_1060599">
<div class="fixed_width_avatar">
<a href="http://www.ehmac.ca/members/pm-r.html" class="avatarlink"><img class="alt2 avatar" border="0" src="http://www.ehmac.ca/avatars/pm-r.gif?dateline=1249413965" alt="pm-r" width="60px" height="60px" title="pm-r"></a>
</div>
<div class="visitor_message_avatar_margin">
<div class="tborder info_bar">
<div class="alt2 smallfont">
pm-r liked post by <a href="http://www.ehmac.ca/members/mguertin.html">mguertin</a> On thread : <strong>mac repair in Sudbury, ON?</strong>
</div>
</div>
<div class="visitor_message_body">
<a href="http://www.ehmac.ca/mac-ipod-help-troubleshooting/93019-mac-repair-sudbury-post1060599.html">Avoid North Star like the plague ... I had the misfortune of having to deal with them, and later having to clean up after them. My last visit to their shop I stood un-noticed for a few minutes in...</a>
<div class="smallfont">
Liked On: Yesterday, <span class="time">11:27 PM</span>
<br>Posted On: Yesterday, <span class="time">11:16 PM</span>
</div>
</div>
(missing </div> and </li> here)
<li class="floatcontainer" id="like_1060449">
<div class="fixed_width_avatar">
<a href="http://www.ehmac.ca/members/diveman.html" class="avatarlink"><img class="alt2 avatar" border="0" src="http://www.ehmac.ca/avatars/diveman.gif?dateline=1289918932" alt="diveman" width="60px" height="60px" title="diveman"></a>
</div>
<div class="visitor_message_avatar_margin">
<div class="tborder info_bar">
<div class="alt2 smallfont">
diveman liked post by <a href="http://www.ehmac.ca/members/mguertin.html">mguertin</a> On thread : <strong>Vintage Traynor Speaker Identification</strong>
</div>
</div>
<div class="visitor_message_body">
<a href="http://www.ehmac.ca/everything-else-eh/93012-vintage-traynor-speaker-identification.html#post1060449">L&M would be the best place to get them identified for sure. Worst case they can pop them open and tell you at least what the components can handle power wise.
Just guessing but they are probably...</a>
<div class="smallfont">
Liked On: Yesterday, <span class="time">02:59 PM</span>
<br>Posted On: Yesterday, <span class="time">01:43 PM</span>
</div>
</div>
(missing </div> and </li> here)
(All the missing </div>'s and </li>'s are here)
</div>
</li></div></li></div></li></div></li></ol>
Also the Likes Received tab is missing unless you specifically follow a link that goes to that tab. If you just got to the main profile there is no Likes Received tab at all.
Was this a VB addon or something that someone worked up custom? Just curious.
This will be fixed hopefully in the next couple of weeks.
----
Just wanted to mention one other thing about the like feature. There's a rumour floating around that I paid lots of money for this feature, and that's why I was holding onto it so tight.
Truth is, this feature was a completely free add-on to the software I already own for a long time called vBSEO. My tech just installed a free security update, and this feature was available in beta to try out. I saw it on several other forums that were trying it out, and well... I liked it.
There is an update to it coming out "Soon", which I'm hoping will address some of the bugs and annoyances. If it doesn't come out in the next couple of weeks, I will temporarily disable.
__________________ Not a member of ehMac? Click here to join the community for Free!