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

Home Posts Topics Members FAQ

home > topics > html / css > questions > links make a space and dissappear when clicked. [video included]

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
IE Focus Rectangles on Links
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...
HTML / CSS
0
DYNAMICALLY simulate disabled links appearance with CSS?
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...
HTML / CSS
20
Don't bother saving white-space
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...
HTML / CSS
12
Database results - activating links within memo fields
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...
Microsoft Access / VBA
1
IE 6: Links to Anchors in the Same Page
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...
HTML / CSS
1
bookmark links lost when paste-ing...
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...
HTML / CSS
2
Enable/Disable Links
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...
ASP.NET
2
Python-URL! - weekly Python news and links (Dec 18)
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...
Python
0
Python-URL! - weekly Python news and links (Sep 3)
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...
Python
0
React to native button blinking effect
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=()=>{
Software Development
2
Windows 11 and Access Combo Box Issue
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...
Microsoft Access / VBA
0
How to find best mobile app development company in usa
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...
Mobile Development
0
tracyyun
Can faster file sharing be achieved by connecting computers simultaneously via WiFi and LAN cables
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...
Networking - Hardware / Configuration
4
NeoPa
Send Current Object to PDF
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 :...
Microsoft Access / VBA
1
Report value list
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...
Microsoft Access / VBA
0
isladogs
Access Europe Meeting - Wed 1 Nov - Using SQL Server skills to extend Access
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...
Microsoft Access / VBA
3
Finding a record, and then saving a new record after the record has been amended.
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...
Microsoft Access / VBA
0
isladogs
Access Europe Meeting - Wed 6 Dec - Streamline Your Import/Export Spec Workflow with VBA Classes
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...
Microsoft Access / VBA

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.

BYTES.COM © 2023
About Bytes
Terms Of Use
Privacy Policy
Sitemap
Advertise on Bytes:
Post a Job
Sponsored Posts
Platinum & Gold Sponsors
Hire Now!