inline links with css

Eddy Long · Nov 9, 2004

Greetings all,
The following code snippet is for testing.

When mousing over the first name in the first line - Narrowsburg - only the
_first_ character of the word changes color - however the complete word is
an active link.

I'd like to have the complete word change color as well.

I am baffled.

Any help would be greatly appreciated.

Thanks a million,
E.
-----------------------------------------

//for testing

<html>

<head>
<style>

body {background:#FFFFFF;
border:3px solid #404040;
}

p.1{font-family:verdana;
font-size:18px;
text-align:center;
letter-spacing:.25em;

a:link{color:yellow;text-decoration:none;}
a:visited{color:#EAEAEA;text-decoration:none;}
a:focus{color

live;text-decoration:none;}
a:hover{color:green;}
a:active{color:blue;text-decoration:none;}

}

p.2{font-family:verdana;
font-size:18px;
text-align:center;
letter-spacing:.6em;
}

....etc.

</style>
</head>

<body>

<div id="first">

<a
href="http://www.letslink.com">.narrowsburg</a>.whitelake.</a>jeffersonville.

.roscoe.callicoon.barryville.
</div>

</body>
</html>

David Dorward · Nov 9, 2004

Eddy said:
The following code snippet is for testing.

Your HTML is invalid, and isn't well formed (this is probably the reason for
your problem).

http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you

Its way too much trouble top copy/paste your source into a file in order to
test it. Provide a URL next time please.

You haven't specified browsing environments you have tried your code in, or
which of them fail.

On a side note:

Pixels are not a good idea for font sizes.
http://css-discuss.incutio.com/?page=FontSize

 is deprecated and should not be used.

brucie · Nov 9, 2004

In alt.html Eddy Long said:

The following code snippet is for testing.

<quote>
Avoid posting multiple lines of markup, it wastes peoples time having to
reconstruct it before testing and often the markup posted is incomplete
and doesn't help identify the problem. Supply a link, it makes it much
easier for people to help you.
</quote> http://alt-html.info/

Starshine Moonbeam · Nov 10, 2004

Eddy Long said:
Greetings all,
The following code snippet is for testing.

When mousing over the first name in the first line - Narrowsburg - only the
_first_ character of the word changes color - however the complete word is
an active link.

I'd like to have the complete word change color as well.

I am baffled.

I bet you is.

<style>

p <-- affects all tags, er, elements

a <-- affects all.....<a> elements

..whatever <-- class you can use using 

</style>

You don't need to have a zillion font tags each with the same type of
font and with a size in them.

<style>

p {font-family: verdana; font-size: 150%/x-large/1.3em (pick *one*)
font-weight: bold;}

</style>

Not really sure how to get the multi-color effect without a bunch of
 ta...er...elements and a bunch of classes to use with them, which
for me, personally would be more effort than it's worth but maybe
someone has a better way for you.

Close your p elements

You don't really need the divs either (assuming that you're not just
posting the portion you need help on)

<a href="whatever.html">Narrowsburg</a>

Why do you have a border around the page? That's what your browser's
for.

Hopefully, this gets you closer.

Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
Slideshow not working properly	2	Jan 7, 2023
How to position the tooltip comment on these buttons?	9	Nov 4, 2023
Positioning CSS components	1	Nov 16, 2023
Text does not display correctly to glow	2	Sep 16, 2022
Need assistance finetuning HTML, CSS, Javascript - sticky header issue	3	Feb 25, 2022
Help with my responsive home page	2	Dec 14, 2022
I need help making a zooming function	11	Dec 14, 2021

inline links with css

Eddy Long

David Dorward

brucie

Starshine Moonbeam

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads