472,982 Members | 2,308 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,982 software developers and data experts.

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

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
9 2050
eWish
971 Expert 512MB
Fix the 86 errors and then see if you still have the same problem.

--Kevin
Jun 7 '08 #2
GloStix
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
GloStix
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
GloStix
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
971 Expert 512MB
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
GloStix
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
5,390 Expert Mod 4TB
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
GloStix
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
5,390 Expert Mod 4TB
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

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

Similar topics

7
by: Chris | last post by:
I'm using eight links listed horizontally as a menu on my site. I'm using font-variant:small-caps and they are padded so that they mimic buttons. My gripe is with the way IE handles the focus...
0
by: Csaba Gabor | last post by:
There was a post in this newsgroup about a month back titled "DYNAMICALLY diable links with CSS", so I added two new words (plus a d) to reflect my interest... So I have a bunch of links...
20
by: Stephen Poley | last post by:
People in these groups, and on web-pages, not infrequently suggest that it is worthwhile cutting down on white-space and comments in HTML and CSS in order to reduce loading times. I and others have...
12
by: magmike | last post by:
When users of my site submit articles to our database (http://www.netterweb.com/articles/) they almost always have http:// addresses within the text. They are pasting that text into a box which...
1
by: eomer | last post by:
I have a lengthy page with several paragraphs. At the top of the page is a navigation bar with anchors to each of the paragraphs (the links). The problem is this: If I go to the page (after the...
1
by: chris_culley | last post by:
Hi there.. I've got an HTML newsletter which I knocked together, and I want to paste the whole lot into an email to send out to the rest of the team / department / company... There are a...
2
by: rn5a | last post by:
In a shopping cart app, assume that a user has placed 4 orders (each order has a corresponding OrderID which will be unique). When he comes to MyCart.aspx, by default, the details of his last order...
2
by: Paul Boddie | last post by:
QOTW: "c.l.python is just a small speck at the outer parts of the python universe. most python programmers don't even read this newsgroup, except, perhaps, when they stumble upon it via a search...
0
by: Gabriel Genellina | last post by:
QOTW: "If there were a protein that could only be folded by proving the Riemann Hypothesis, the gene that coded for it would quickly get weeded out of the gene pool." - Scott Aaaronson...
0
by: lllomh | last post by:
Define the method first this.state = { buttonBackgroundColor: 'green', isBlinking: false, // A new status is added to identify whether the button is blinking or not } autoStart=()=>{
2
by: DJRhino | last post by:
Was curious if anyone else was having this same issue or not.... I was just Up/Down graded to windows 11 and now my access combo boxes are not acting right. With win 10 I could start typing...
0
by: Aliciasmith | last post by:
In an age dominated by smartphones, having a mobile app for your business is no longer an option; it's a necessity. Whether you're a startup or an established enterprise, finding the right mobile app...
0
tracyyun
by: tracyyun | last post by:
Hello everyone, I have a question and would like some advice on network connectivity. I have one computer connected to my router via WiFi, but I have two other computers that I want to be able to...
4
NeoPa
by: NeoPa | last post by:
Hello everyone. I find myself stuck trying to find the VBA way to get Access to create a PDF of the currently-selected (and open) object (Form or Report). I know it can be done by selecting :...
1
by: Teri B | last post by:
Hi, I have created a sub-form Roles. In my course form the user selects the roles assigned to the course. 0ne-to-many. One course many roles. Then I created a report based on the Course form and...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 1 Nov 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM) Please note that the UK and Europe revert to winter time on...
3
by: nia12 | last post by:
Hi there, I am very new to Access so apologies if any of this is obvious/not clear. I am creating a data collection tool for health care employees to complete. It consists of a number of...
0
isladogs
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.