Hi - thanks for looking
This must be really simple - but I can't see it
I am adding a blog to my website but my links to it dont work
They show up as underlined but it doesn't hyperlink ???
Here is the code:
<P>
<span style="color:red;">WOW ! 25 Nov 2006</span><br>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"blog.php">Today I updated the system with a whole new ...</a>
<br><br>
<span style="color:red;">22 Nov 2006</span><br>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"blog.php#b25-11-06">Well I had some interest shown by some people who ...</a>
</P>
The first one is just a straight href - the second is supposed to go to an anchor (maybe that code is wrong )
The page can be seen at:
<!-- m --><a class="postlink" href="http://www.yodbod.com/">http://www.yodbod.com/</a><!-- m -->
If you look at the source - you will see the above code in there.
Please help as I can't see the problem.Neither link in "yoddy's blog" is behaving like a hyperlink. The pointer-tool is unaffecting by hovering over, and no action can be taken. That they are underlined doesn't necessarily mean that they are actually links.
Why the problem, I haven't figured that out yet...
You might want to focus here:
<div class="xboxcontent">
<h2 class="color_c" >Yoddy's Blog</h2>
<h3 class="h2" style="text-align:center; " ></h3>
<P>
<span style="color:red;">WOW ! 25 Nov 2006</span><br>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"blog.php">Today I updated the system with a whole new ...</a>
<br><br>
<span style="color:red;">22 Nov 2006</span><br>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"blog.php#b25-11-06">Well I had some interest shown by some people who ...</a>
</P>
</div>
Why have this 'vacant' h-tag? Is it merely intended to be a vertical spacer? Vertical spacing could be achieved by adding "margin-bottom:foo;" to the "h2" tag just above it.
And why style a h3 tag to a class called "h2"? Seems as if this would create confusion even if it turns out to be totally harmless. The worst that it could possible do is screw with a web 'bot/spider's indexing of the page (they search for all "h" tags in order of relevance, and screen-readers will 'jump to header' to help people using assistive technology to summerize the page's content albeit here, the "h3" will be 'blank'). But semanticly, it would be like making all "p" have "font-size:3.0em" which is perfectly allowable, -but it would make any <p> be larger than the default "h1" unless it too, were supersized...It looks like you have 2 (identical) divs, one on top of the other. In IE, the links work. In Firefox, the div that's over the links keeps them from being accessed.
This one is applied first, which holds your links.
<div style="width: 214px; position: absolute; left: 786px; top: 480px;" class="xsnazzy">
This one is applied later, and it lies on top of the one above... its height extends over the link div. It contains your bluehost ads.
<div style="width: 214px; position: absolute; left: 786px; top: 480px;" class="xsnazzy">
I used the Firebug extension for Firefox to detect this. It's an invaluable tool for complex layouts like this.Thanks Guys - I think you've pointed me in the right directionNow that totally makes sence. Haven't got Firebug on my Linux version of Fx yet... think I have to do that this weekend sometime... It's (Firebug) pretty awesome. It creates a bottom pane with all of the divs/elements on the page, even in nested order... which you can expand, and as you mouseover/select one, it highlights the div/element borders/location on the webpage/top pane so you can see where it is.
This must be really simple - but I can't see it
I am adding a blog to my website but my links to it dont work
They show up as underlined but it doesn't hyperlink ???
Here is the code:
<P>
<span style="color:red;">WOW ! 25 Nov 2006</span><br>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"blog.php">Today I updated the system with a whole new ...</a>
<br><br>
<span style="color:red;">22 Nov 2006</span><br>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"blog.php#b25-11-06">Well I had some interest shown by some people who ...</a>
</P>
The first one is just a straight href - the second is supposed to go to an anchor (maybe that code is wrong
)The page can be seen at:
<!-- m --><a class="postlink" href="http://www.yodbod.com/">http://www.yodbod.com/</a><!-- m -->
If you look at the source - you will see the above code in there.
Please help as I can't see the problem.Neither link in "yoddy's blog" is behaving like a hyperlink. The pointer-tool is unaffecting by hovering over, and no action can be taken. That they are underlined doesn't necessarily mean that they are actually links.
Why the problem, I haven't figured that out yet...
You might want to focus here:
<div class="xboxcontent">
<h2 class="color_c" >Yoddy's Blog</h2>
<h3 class="h2" style="text-align:center; " ></h3>
<P>
<span style="color:red;">WOW ! 25 Nov 2006</span><br>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"blog.php">Today I updated the system with a whole new ...</a>
<br><br>
<span style="color:red;">22 Nov 2006</span><br>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"blog.php#b25-11-06">Well I had some interest shown by some people who ...</a>
</P>
</div>
Why have this 'vacant' h-tag? Is it merely intended to be a vertical spacer? Vertical spacing could be achieved by adding "margin-bottom:foo;" to the "h2" tag just above it.
And why style a h3 tag to a class called "h2"? Seems as if this would create confusion even if it turns out to be totally harmless. The worst that it could possible do is screw with a web 'bot/spider's indexing of the page (they search for all "h" tags in order of relevance, and screen-readers will 'jump to header' to help people using assistive technology to summerize the page's content albeit here, the "h3" will be 'blank'). But semanticly, it would be like making all "p" have "font-size:3.0em" which is perfectly allowable, -but it would make any <p> be larger than the default "h1" unless it too, were supersized...It looks like you have 2 (identical) divs, one on top of the other. In IE, the links work. In Firefox, the div that's over the links keeps them from being accessed.
This one is applied first, which holds your links.
<div style="width: 214px; position: absolute; left: 786px; top: 480px;" class="xsnazzy">
This one is applied later, and it lies on top of the one above... its height extends over the link div. It contains your bluehost ads.
<div style="width: 214px; position: absolute; left: 786px; top: 480px;" class="xsnazzy">
I used the Firebug extension for Firefox to detect this. It's an invaluable tool for complex layouts like this.Thanks Guys - I think you've pointed me in the right direction
Now that totally makes sence. Haven't got Firebug on my Linux version of Fx yet... think I have to do that this weekend sometime... It's (Firebug) pretty awesome. It creates a bottom pane with all of the divs/elements on the page, even in nested order... which you can expand, and as you mouseover/select one, it highlights the div/element borders/location on the webpage/top pane so you can see where it is.