vBulletin SEO Forums

SEO

vBulletin Search Engine Optimization

Buy vBSEO Now! HACKER SAFE certified sites prevent over 99.9% of hacker crime.
ne nw
New vBSEO Discount Level for Network Builders Meet vBSEO Team in New York (Nov. 3rd & 4th) vBSEO 3.2.0 GOLD Has Landed Success with vBSEO = 600ore Web Visitors + $1400 in a Day! Crawlability Inc. Files for SEO Technology Patent
se sw

Do you know how to fix this error?

This is a discussion on Do you know how to fix this error? within the Off-Topic & Chit Chat forums, part of the Focus on Members category; [Invalid] Markup Validation of http://malesopranos.com/forums - W3C Markup Validator I had a coder make a 'Latest Videos' module in my ...

Go Back   vBulletin SEO Forums > Focus on Members > Off-Topic & Chit Chat

Enhancing 80 million pages.

Register FAQ Members List Social Groups Calendar Search Today's Posts Mark Forums Read
  #1  
Old 09-27-2008, 09:14 PM
Senior Member
 
Real Name: Arkidas
Join Date: Feb 2008
Posts: 200
Do you know how to fix this error?

[Invalid] Markup Validation of http://malesopranos.com/forums - W3C Markup Validator

I had a coder make a 'Latest Videos' module in my sidebar. However, he made one error ( it says 15 because there are 15 thumbnails. It's not really an error but it makes my site non-xhtml validated everywhere ).

I guess it's an easy fix but I know very little about this. Here's the template:

HTML Code:
<div class="videoBox">
<a href="$tube[link]"><div style="position: relative"><img width="60" height="45" alt="$tube[title]" src="$tube[link1img]" /><div style="position: absolute; width: 60px; height: 60px; top: 0px; left: 0px; background: url(/images/styles/sopranos/style/corners_vid.png) no-repeat;"></div></div></a>
</div> 
Note that a dummy image is used to make thumbnails rounded and that's why there are two divs.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on Facebook!
Reply With Quote
  #2  
Old 09-28-2008, 02:50 AM
Shadab's Avatar
Senior Member
 
Real Name: Shadab
Join Date: Oct 2007
Location: Bhopal
Posts: 279
Blog Entries: 12
Send a message via ICQ to Shadab Send a message via MSN to Shadab Send a message via Yahoo to Shadab Send a message via Skype™ to Shadab
A <div> can't be put inside an anchor <a href="">.

So, try this :
HTML Code:
<div class="videoBox">
   <div style="position: relative">
      <a href="$tube[link]">
         <img width="60" height="45" alt="$tube[title]" src="$tube[link1img]" />
      </a>
      <div style="position:absolute;width:60px;height:60px;top:0px;left:0px;
         background: url(/images/styles/sopranos/style/corners_vid.png) no-repeat;">
      </div>
   </div>
</div> 
or this :
HTML Code:
<div class="videoBox">
   <a href="$tube[link]">
      <img width="60" height="45" alt="$tube[title]" src="$tube[link1img]" />
   </a>
</div> 
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on Facebook!
Reply With Quote
  #3  
Old 09-28-2008, 03:27 AM
briansol's Avatar
Senior Member
vBSEO Pre-Release TeamDesign for SEOBig Board Administrator
 
Real Name: Brian
Join Date: Apr 2006
Location: Central CT, USA
Posts: 5,521
yup... you can't put a block-level element (the div) into an inline element (the a)


I think the best way to mark that up would be:

Code:
<div class="videoBox">
    <a href="$tube[link]" class="tubeanchor"><img src="$tube[link1img]" width="60" height="45" alt="$tube[title]" /></a>
</div> 


.tubeanchor {
    width: 60px;
    height: 60px;
    background: url(/images/styles/sopranos/style/corners_vid.png) no-repeat;
    padding: 7px 0;
    margin: 0;
    border: 0;
}
Obviously, place the CSS class into your MAIN CSS extras box (at the bottom), not in the template itself.

untested- might need a tweak.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on Facebook!
Reply With Quote
  #4  
Old 09-28-2008, 08:44 AM
Senior Member
 
Real Name: Arkidas
Join Date: Feb 2008
Posts: 200
Thanks to both of you !

Brian's solution would probably be cleanest if it'd work but for some reason the corners weren't smooth with it.

The solution below ( Shadab's first solution ) seems to work perfectly but I'd still like to use Brian's if he can figure out what's wrong with it since it's a bit cleaner.

HTML Code:
<div class="videoBox">
   <div style="position: relative">
      <a href="$tube[link]">
         <img width="60" height="45" alt="$tube[title]" src="$tube[link1img]" />
      </a>
      <div style="position:absolute;width:60px;height:60px;top:0px;left:0px;
         background: url(/images/styles/sopranos/style/corners_vid.png) no-repeat;">
      </div>
   </div>
</div> 
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on Facebook!
Reply With Quote
  #5  
Old 10-06-2008, 08:04 PM
Senior Member
 
Real Name: Arkidas
Join Date: Feb 2008
Posts: 200
Apparently, this solution above doesn't really work. it removes the link on the image, making it the thumbnails quite useless. I'm quite surprised I just noticed this now. Any suggestions?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on Facebook!
Reply With Quote
  #6  
Old 10-17-2008, 04:40 PM
Senior Member
 
Real Name: Arkidas
Join Date: Feb 2008
Posts: 200
Any way to remove the error without removing any functionality?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on Facebook!
Reply With Quote
  #7  
Old 10-27-2008, 01:31 PM
Senior Member
 
Real Name: Arkidas
Join Date: Feb 2008
Posts: 200
Last try .
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on Facebook!
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads

Thread Thread Starter Forum Replies Last Post
Parse error: syntax error, unexpected T_CONSTANT_ENCAPSED_STRING muhakeme Türkçe 9 09-15-2008 02:05 PM
[Error] xhtml coding error on my part - please help jbartle Template Modifications 3 01-24-2008 11:50 PM
Internal Server error - Log error posted here candg Troubleshooting 2 08-06-2007 06:46 AM
vBSEO error in error log Mert Gökçeimam Troubleshooting 5 02-26-2007 11:41 AM


All times are GMT -4. The time now is 11:31 AM.


Powered by vBulletin Version 3.8.0 Beta 4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.2.5 ©2008, Crawlability, Inc.