By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,692 Members | 1,482 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,692 IT Pros & Developers. It's quick & easy.

Links make a space and dissappear when clicked. [Video included]

P: 54
Okay, when I click the link it dissapears and makes a white space underneath it but the space is clickable. so when you click the space, the link actually works
Used Firefox 3.0 RC2 for this.
OS X 10.5
http://www.screencast.com/t/wgztYUrdN (Video)


http://www.jameswmann.com/music.htm (The actual page)
HTML [shortened]

Expand|Select|Wrap|Line Numbers
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <head>
  7. <title>James Mann - Projects</title>
  8. <link rel="stylesheet" href="default.css" type="text/css" title="green" />
  9. <link rel="alternate stylesheet" type="text/css" media="screen" title="blue" href="blue.css" />
  10. <link rel="alternate stylesheet" type="text/css" media="screen" title="red" href="red.css" />
  11. <link rel="shortcut icon" href="favicon.ico">
  12. <meta http-equiv="content-type" 
  13.         content="text/html;charset=utf-8" />
  14.     <meta http-equiv="Content-Style-Type" content="text/css" />
  15.     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  16. <meta name="keywords" content="Music, Digital, Internet, CSS, HTML, Profile, Design, Web, Photoshop, Dreamweaver, Flash" />
  17. <meta name="description" content="A website where I showcase the latest and greatest work that I've made. Music, Digital Art, Websites, It's all here.
  18. " />
  19.  
  20.  
  21. <script type="text/javascript" src="includes/styleswitcher.js"></script>
  22.  
  23. </head>
  24.  
  25. <body>
  26. <div id="topbar">
  27.     <div id="buttonconatiner">
  28.       <div id="buttons">
  29.  
  30.         <ul>
  31.           <li><a href="index.htm">Home</a></li>
  32.             <li><a href="media.htm">Media</a></li>
  33.             <li><a href="websites.htm">Websites</a></li>
  34.             <li class="selected"><a href="music.htm">Music</a></li>
  35.             <li><a href="about.htm">About Me</a></li>
  36.           </ul>
  37.         </div>
  38.     <meta name="keywords" content="Music, Digital, Internet, CSS, HTML, Profile, Design, Web, Photoshop, Dreamweaver, Flash" />
  39. <meta name="description" content="A website where I showcase the latest and greatest work that I've made. Music, Digital Art, Websites, It's all here.
  40. " />
  41. </div>
  42. </div>
  43. <div id="all">
  44.  
  45. <div id="wrapper">
  46. <div id="container">
  47. <div id="banner">
  48. <a href="#"></a>
  49. </div>
  50.  
  51.  
  52. <div id="flashtop">
  53.  
  54. <script type="text/javascript" src="includes/flashobject.js"></script>
  55.               <div id="flashban" style="width: 700px; height: 150px"></div>
  56.  
  57.       <script type="text/javascript" language="javascript">
  58.                 var fo = new FlashObject("images/flashbanner2.swf", "flashban", "700", "150", "7", "#000000, true");
  59.                 fo.addParam("allowScriptAccess", "sameDomain");
  60.                 fo.addParam("quality", "high");
  61.                 fo.addParam("scale", "noscale");
  62.                 fo.addParam("loop", "false");
  63.                 fo.addParam("wmode", "transparent");
  64.                 fo.write("flashban");
  65.               </script>
  66.     </div>
  67.  
  68.  
  69. <div id="content">
  70.  
  71.  
  72. <h1>Music</h1>
  73.  
  74.  
  75. <p align="center" class="bigz"> This is my favorite music that I've made sort of recently. Enjoy.</p>
  76. <p align="center" class="bigz"> As soon as I find a good embedable mp3 player that can parse .mp3 not just swf's with audio. They will be linked to last.fm</p>
  77.  
  78.  
  79.  
  80. <blockquote>
  81. <object width="13" height="13" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" allowNetworking="internal"> <param name="allowScriptAccess" value="sameDomain" /><param name="FlashVars" value="resourceID=202339754&flp=true" /> <param name="movie" value="http://static.last.fm/webclient/inline/6/inlinePlayer.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed wmode="transparent" src="http://static.last.fm/webclient/inline/6/inlinePlayer.swf" quality="high" FlashVars="resourceID=202339754&flp=true" bgcolor="#ffffff" width="13" height="13" name="inlinePlayer" allowNetworking="internal" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> 
  82. <a href="http://www.last.fm/music/Dj+GloStix">Dj GloStix</a>  <a href="http://www.last.fm/music/Dj+GloStix/_/Wrath+of+Aten">Wrath of Aten</a><br />
  83. Genre: Techno/Dance/Epic<br />
  84. Length: 4:28
  85. </blockquote>
  86.  
  87. <blockquote>
  88. <object width="13" height="13" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" allowNetworking="internal"> <param name="allowScriptAccess" value="sameDomain" /><param name="FlashVars" value="resourceID=202342635&flp=true" /> <param name="movie" value="http://static.last.fm/webclient/inline/6/inlinePlayer.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed wmode="transparent" src="http://static.last.fm/webclient/inline/6/inlinePlayer.swf" quality="high" FlashVars="resourceID=202342635&flp=true" bgcolor="#ffffff" width="13" height="13" name="inlinePlayer" allowNetworking="internal" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> 
  89. <a href="http://www.last.fm/music/Dj+GloStix">Dj GloStix</a>  <a href="http://www.last.fm/music/Dj+GloStix/_/The+Last+Stand">The Last Stand</a><br  />
  90. Genre: Epic Techno<br />
  91. Length: 5:32
  92. </blockquote>
  93.  
  94. <blockquote>
  95. <object width="13" height="13" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" allowNetworking="internal"> <param name="allowScriptAccess" value="sameDomain" /><param name="FlashVars" value="resourceID=202339757&flp=true" /> <param name="movie" value="http://static.last.fm/webclient/inline/6/inlinePlayer.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed wmode="transparent" src="http://static.last.fm/webclient/inline/6/inlinePlayer.swf" quality="high" FlashVars="resourceID=202339757&flp=true" bgcolor="#ffffff" width="13" height="13" name="inlinePlayer" allowNetworking="internal" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> 
  96. <a href="http://www.last.fm/music/Dj+GloStix">Dj GloStix</a>  <a href="http://www.last.fm/music/Dj+GloStix/_/Covert+Bass">Covert Bass</a><br  />
  97. Genre: Techno/Rave<br />
  98. Length: 5:51
  99. </blockquote>
  100.  
  101. <blockquote>
  102. <object width="13" height="13" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" allowNetworking="internal"> <param name="allowScriptAccess" value="sameDomain" /><param name="FlashVars" value="resourceID=202339756&flp=true" /> <param name="movie" value="http://static.last.fm/webclient/inline/6/inlinePlayer.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed wmode="transparent" src="http://static.last.fm/webclient/inline/6/inlinePlayer.swf" quality="high" FlashVars="resourceID=202339756&flp=true" bgcolor="#ffffff" width="13" height="13" name="inlinePlayer" allowNetworking="internal" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> 
  103. <a href="http://www.last.fm/music/Dj+GloStix">Dj GloStix</a>  <a href="http://www.last.fm/music/Dj+GloStix/_/System+Crash">System Crash</a><br />
  104. Genre: Hardstyle/Epic<br />
  105. Length: 5:12
  106. </blockquote>
  107.  
  108. <blockquote>
  109. <object width="13" height="13" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" allowNetworking="internal"> <param name="allowScriptAccess" value="sameDomain" /><param name="FlashVars" value="resourceID=202339758&flp=true" /> <param name="movie" value="http://static.last.fm/webclient/inline/6/inlinePlayer.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed wmode="transparent" src="http://static.last.fm/webclient/inline/6/inlinePlayer.swf" quality="high" FlashVars="resourceID=202339758&flp=true" bgcolor="#ffffff" width="13" height="13" name="inlinePlayer" allowNetworking="internal" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> 
  110. <a href="http://www.last.fm/music/Dj+GloStix">Dj GloStix</a>  <a href="http://www.last.fm/music/Dj+GloStix/_/Evil+Cookies">Evil Cookies</a><br />
  111. Genre: Techno<br />
  112. Length: 5:04
  113. </blockquote>
  114.  
  115.  
  116. </div>
  117. </div>
  118.  
  119.  
  120. </div>
  121.  
  122. </div>
  123. </div>
  124.  
  125. </body>
  126. </html>
  127.  
CSS (short)
CSS Full ( http://www.jameswmann.com/default.css )
Expand|Select|Wrap|Line Numbers
  1. /*
  2. //////////////Music Galley//////////
  3. */
  4.  
  5. blockquote {
  6.     border:solid #999999 1px;
  7.     margin-right:30px;
  8.     padding:5px;
  9.     width:250px;
  10.     float:left;
  11. }
  12.  
  13.  

You've probably seen my website like 5times now just by fixing my problems xD

I assume this will be a small fix though.

Thanx again guys :D
Jun 6 '08 #1
Share this Question
Share on Google+
9 Replies


eWish
Expert 100+
P: 971
Fix the 86 errors and then see if you still have the same problem.

--Kevin
Jun 7 '08 #2

P: 54
Fix the 86 errors and then see if you still have the same problem.

--Kevin
Wow I was so focused on validating my CSS that I forgot about my HTML.
This is going to take forever to fix for 5 pages. Any fast ways to do it other than manually?
Jun 7 '08 #3

P: 54
Wow, last.fm made most of my errors with it's stupid embed code. I have to freaking fix everyone! AhhH!
Jun 7 '08 #4

P: 54
Okay used the HTML Tidy up thing the vaildater has, and got all of the errors out that I could possible get out.
It has 18 errors now, All relating to the flash thing last.fm I can't fix them because I don't know if it'll screw it up or not.


Problem is still there by the way..
Jun 8 '08 #5

eWish
Expert 100+
P: 971
I write all of my markup and code from scratch. So, manually is the only why I do it. Taking care of it as you go would be better.

--Kevin
Jun 8 '08 #6

P: 54
I write all of my markup and code from scratch. So, manually is the only why I do it. Taking care of it as you go would be better.

--Kevin
I just went through every page on my website.

3 out of 5 are error free and completed validated.

Website's page has 1 error because I used a target="_blank" attribute, apparently XHTML doesn't use that >__> go figure.

Music page has 17 errors, all are from the flash player code that last.fm gave me...

Do you have any idea what the links are doing?
It's weird.
Jun 8 '08 #7

gits
Expert Mod 5K+
P: 5,390
you current problem comes from this css-declaration:

Expand|Select|Wrap|Line Numbers
  1. ul a,a:visited,a:focus {
  2.     color:#ffffff;
  3.     text-decoration:none;
  4.     cursor:pointer;
  5.     display:block;
  6. }
have a look at the color and display properties :)

kind regards
Jun 8 '08 #8

P: 54
you current problem comes from this css-declaration:

Expand|Select|Wrap|Line Numbers
  1. ul a,a:visited,a:focus {
  2.     color:#ffffff;
  3.     text-decoration:none;
  4.     cursor:pointer;
  5.     display:block;
  6. }
have a look at the color and display properties :)

kind regards
I changed it from:
Expand|Select|Wrap|Line Numbers
  1. ul a,a:visited,a:focus {
  2.     color:#ffffff;
  3.     text-decoration:none;
  4.     cursor:pointer;
  5.     display:block;
  6. }
to
Expand|Select|Wrap|Line Numbers
  1.  
  2. ul a,ul a:visited,ul a:focus {
  3.     color:#ffffff;
  4.     text-decoration:none;
  5.     cursor:pointer;
  6.     display:block;
  7. }
  8.  
Works now.
Thanx Man:)
That's the quick fix I was looking for.
Good eye :P
Jun 8 '08 #9

gits
Expert Mod 5K+
P: 5,390
hi ... glad to hear you got it working ;) ... it was quite easy to find with firebug's css-inspector ... a nice firefox-webdeveloper-plugin that i would strongly recommend for such purposes ...

kind regards
Jun 8 '08 #10

Post your reply

Sign in to post your reply or Sign up for a free account.