473,545 Members | 937 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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

54 New Member
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 2088
eWish
971 Recognized Expert Contributor
Fix the 86 errors and then see if you still have the same problem.

--Kevin
Jun 7 '08 #2
GloStix
54 New Member
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 New Member
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 New Member
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 Recognized Expert Contributor
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 New Member
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 Recognized Expert Moderator Expert
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 New Member
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 Recognized Expert Moderator Expert
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
10544
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 rectangle on these links. It insists on drawing this crazy shape that traces the text, which with small caps looks rather assinine. Firefox handles...
0
2298
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 (comprising a class) with a certain onClick behaviour (they are Edit links). If the user clicks one, the others should be REALLY disabled. Turns out I...
20
1001
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 more than once doubted this, given the data-compression in the HTTP protocol. Having seen it suggested again a couple of times in the last few...
12
2044
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 saves to a memo field. When displayed through results on a webpage, the links are inactive, unless the user was knowledgable enough to use html within...
1
1621
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 cache and history have been cleared) the links are blue because I haven't clicked any of the links (this is expected). Now, if I click to another...
1
1170
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 couple of links in there in the introduction which point to other places in the document... for example: <a href="#intro">
2
3214
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 he had placed will be displayed in a DataList. Also assume that the OrderID of the last order is 13. The details of the earlier orders placed by...
2
1450
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 engine." -- Fredrik Lundh (on comp.lang.python, prompting the editor to offer greetings to those of you who are not reading Python-URL! via that...
0
975
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 http://scottaaronson.com/blog/?p=266 "We read Knuth so you don't have to." - Tim Peters The first Python 3000 release is out -- Python 3.0a1....
0
7467
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
7656
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. ...
0
7807
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...
1
7419
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...
0
7756
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the...
1
5326
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes...
0
4944
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
0
3450
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in...
0
3442
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?

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.