Help please...

[Jonathan]

How can you make a link light up highlighted as if it were in a table cell?

[PeOfEo]

<style><!--a:hover{background-color:ff0000; }--></style> to actually make a cell flash you use
<td onMouseOver="style.backgroundColor='#006666';"
style.cursor='hand'"
onMouseOut="style.backgroundColor='#0099cc';" bgcolor="#0099cc">The link would be here</td>

Just mod the colors in both of these of cource

[Jonathan]

Thankyou, but... I was wondering how to make an entire cell light up in a table... the whole cell


The only thing is... I dont know how to do it without a table... i need the same effect

[PeOfEo]

<td onMouseOver="style.backgroundColor='#006666';"
style.cursor='hand'"
onMouseOut="style.backgroundColor='#0099cc';" bgcolor="#0099cc">The link would be here</td>
this does just that.

[Charles]

Originally posted by PeOfEo
<style><!--a:hover{background-color:ff0000; }--></style> That's wrong on two accounts. The "type" attribute is required as is the leading "#" in a color number.

<style type="text/css">
<!--
A:link { color: #ff0000 } /* unvisited links */
A:visited { color: #0000ff } /* visited links */
A:hover { color: #fff00 } /* user hovers */
A:active { color: #00ff00 } /* active links */
-->
</style>

And the order of the pseudo-classes is important. See http://www.w3.org/TR/REC-CSS2/selector.html#link-pseudo-classes.

[PeOfEo]

ahhhh fiddle sticks... He wants the table cell method anyway

[Jonathan]

Yes

[PeOfEo]

use this code please... it will do what you are looking for.

<td onMouseOver="style.backgroundColor='#006666';"
style.cursor='hand'"
onMouseOut="style.backgroundColor='#0099cc';" bgcolor="#0099cc">The link would be here</td>

[Jonathan]

So how would I do a table in a frame to the target frame... Becasue when I do a frame and a table with links within it the links dont work... even with the TARGET="b" thing... the frame names are right, but I can't figure it out... if I don't have the table it works just fine...

[PeOfEo]

well dont use a table, and just make them hovelinks and have them change colors or hylight traditionally then. It will still look good.

[Jonathan]

I don't think it would, because the links are all different sizes... check the website... www.crosspoint.org the frame wont work with tables

[PeOfEo]

Well that is very weird, but you can always use other link affects like a stright up color change or make them undeline of turn bold. hy are you using a frame anyway i think you can make your site look really nice if you were to use an iframe.

[nkaisare]

just add a {display: block}
This will make <a> as a block level element (just like <div>), except that it will still be a link.

So, if you have
Look how <a href="#" style="display: block; border: 1px solid #000">this link</a> displays

it will be displayed as:
Look how
----------------------------------------------------
| this link
----------------------------------------------------
displays
(note that "this link" appears on a separate line, and has width equal to that of its containing element.)

If you want this to happen with only specific set of links, use class selector:
HTML: <a class="this" href="#">...
CSS: a.this {display: block...}

[Jonathan]

Thanks, what is an iframe?

[PeOfEo]

An iframe Is like a frame but you dont use a frame set and it acts a lot like a table cell. It is like a scrolling window. To see one go to my site and look at the news feild, I used an iframe for that. If you go with nkaisare's code you can still use mine just put the


onMouseOver="style.backgroundColor='#006666';"
style.cursor='hand'"
onMouseOut="style.backgroundColor='#0099cc';" bgcolor="#0099cc" i

nside whatever element you are using.

[Jonathan]

I did just that... This is the code that I found works... Thanks! That helps a lot

<a href="#" style="display: block;" onMouseOver="style.backgroundColor='#6699ff';" style.cursor='hand'" onMouseOut="style.backgroundColor='#ffffff';">this link</a>

[PeOfEo]

good :) I wanna see when Its uploaded :)

[Jonathan]

Woh, that is a cool website!

[PeOfEo]

thanks. I need to redo it with css but im too lazy :(

[khaki]

Originally posted by PeOfEo
thanks. I need to redo it with css but im too lazy :( but that didn't stop you from telling JDM (just a second ago in a different thread) to use CSS to lay-out his site.

practice what you preach :)

;) k

[Jonathan]

lol... I need some suguestions... I don't know how to improve my site... besides... I am just a beginner, so please dont chew me out about my "messed up" html..

[khaki]

hey Jonathan...

did you keep (archive) the original site that you once linked us to?

I remember a site that looked really good...
and a bunch of us commented on it...
and then you made some changes to it.

well...
after you made the changes...
I had told you that the original looked better.
So... do you still have that?

If so...
I would try to emulate the look of that one as best as you can. It was really much better looking than what you have now (and I don't say that to be mean or anything... really :) )

just curious...
;) k

[Jonathan]

Do you mean the one with the table? The one where it had alll the links within it? Nope, it was too much work to go through and change all the links when they were broken, so I stuck with a frame

[PeOfEo]

khaki I do practice what I preach I am using css for all new sites I make. :)

[khaki]

noted

;)

[PeOfEo]

All I have made with css so far is some templates I have about 3 on my computer and one is uploaded. I like them but I dont know if I will be making any new sites for a while. I will probably redo my free radio paxon site with css in august though, but basically I am a lazy person :) .

[Jonathan]

Is css better than html? and if so, do you know of any css programs (freeware without experation date) that are like html-kit?

[PeOfEo]

css is what you use for your hoverlinks, its made to be used with html it goes with html its not a separate thing.

[spufi]

Originally posted by Jonathan
lol... I need some suguestions... I don't know how to improve my site... besides... I am just a beginner, so please dont chew me out about my "messed up" html..

Like khaki said, you changed your layout and thus gave me a new list of things that you need to work on, but the biggest error I saw you do is creating a new window when it isn't needed. In your frame.html code, you have links that have a target of "right." There is nothing defined as right. You have the frame on the right defined as "b." Change your code to target "b" and not "right."