|
 |
Style Sheets 104
No-underline Links - compatability: IE4+ and NN4+ One of the very first indicators that CSS had arrived was when people browsing the web began reporting a strange phenomena on some sites they surfed -- the text links on those sites did not have an underline! We now know that this is enabled by CSS, and below is the code you can use to achieve the same effect. Add it to the <head> section of your page: <style> Rollover Text Links - compatability: IE4+ With the huge popularity surrounding rollover image effects, it's no wonder people ask how to create rollover text links. IE4+ supports CSS-P, a modified version of CSS that allows you to easily give your text links a rollover personality. The link changes color when the mouse cursor hovers over it. Here's the source code for this effect: <style> Like the first code, this should be inserted in the <head> section of your page. You can change the keyword "green" to your liking. Here's an example of a rollover link. Refer back to the changestyle style declaration id in your block element: <p id="changestyle">Hover your mouse cursor . . . </p> Hover your mouse cursor over this text if you're using IE 4+ Highlight Text - compatability: IE4+ and NN4+ As you've noticed throughout our site, Internet Brothers likes to use this technique to assist with page layout. It's a nice effect that works in both 4+ browsers, and won't have a negative effect on those not capable of CSS. Since we want to emphasize the words "Internet Brothers likes to use this", we use style attributes to give that portion of the text a background color of yellow. Here's the source code we used:
<span
style="background-color:yellow"> As you can see, just surround the text you want to highlight with the part in bold. Continue With Fancier Tricks
|
|
Register domain names at: |
||
|
The Internet Brothers have implemented hierarchical menus for navigation. Easier done than said. The hierarchical menus were created using Peter Belesis' © Dynomat DHTML scripting tool from Webreference. Give them a visit, you'll like what you learn.
HTML Utopia:
Designing Without Tables Using CSS chapters free! Read more info
Was this site useful
to you?
|
CSS, or Cascading Style Sheets, is a newer
technology that gives site builders enhanced control over the look of elements
on a web page. Objects once considered unchangeable, such as the underline beneath
links, the color of form elements, the spacing between text, and more, can now all
be altered, thanks to CSS. As good as this technology sounds, its use by web authors
is actually very limited at this point. The problem is not CSS, but rather, the
browsers used to render CSS. No browser on the Net presently fully supports CSS
(including both Internet Explorer 4 and Netscape Navigator 4). Until IE and NN comply
with standards and embrace CSS so it will function as designed by the
