Stoopid question bout HTML

Discussion in 'Web Design & Coding' started by Bootsy, Feb 13, 2003.

  1. Bootsy

    Bootsy Huh?

    Messages:
    1,124
    Location:
    Miami, Fl
    Ok, I followed the Active Desktop Tutorial to the T. I got everytrhing to work well and good BUT. Now I want to know how to change the font/color/and underline of the links I've made to the desktop (ie: solitaire). When doing the link, iot comes out blue and underlined. I would want it black and NOT underlined. BTW, thanks Matt for the tutorial and for the help you've given everyone. I'm kinda jumpin onboard this whole HTML boat a bit late but whatever. Thanks for the replies guys, I appreciate it.
     
  2. SPeedY_B

    SPeedY_B I may actually be insane.

    Messages:
    15,800
    Location:
    Midlands, England
    You'll need to use CSS for that. probably the easiest way would be to put this in your head tags...
    Code:
    <style type="text/css">
    a{text-decoration:none;}
    a:link {
      color:black;
      background: transparent
    
    }
    a:visited {
      color:black;
      background: transparent
    }
    a:active {
      color:blue;
      background: transparent
    }
    a:hover {
      color:blue;
      background: transparent
    }
    </style>
     
  3. Bootsy

    Bootsy Huh?

    Messages:
    1,124
    Location:
    Miami, Fl
    cool thanks a lot speedy, now how can I change the size of the fonts? and howbout the font type? thanks
     
  4. SPeedY_B

    SPeedY_B I may actually be insane.

    Messages:
    15,800
    Location:
    Midlands, England
    put the following just after your <body> tags.
    Code:
    <font face="Arial" Size="2">
    obviously change the name and size for your needs :)
     
  5. syn

    syn long live xp0!

    Messages:
    115
    Location:
    College Park, MD
    bootsy, you don't even need to go that in depth...just use a style tag with your href statement like this...

    <a href="..." style="color:'#000000'">Solitaire</a>

    save a lot of time and code.
     
  6. SPeedY_B

    SPeedY_B I may actually be insane.

    Messages:
    15,800
    Location:
    Midlands, England
    using that method requires EVERY href statement to be altered, using the css in the <head> will change all the links at once.
     
  7. Bootsy

    Bootsy Huh?

    Messages:
    1,124
    Location:
    Miami, Fl
    wow cool...now we're getting somewhere =]

    howbout underlining?
     
  8. SPeedY_B

    SPeedY_B I may actually be insane.

    Messages:
    15,800
    Location:
    Midlands, England
    <u>Underlined</u>
    <i>Italic</i>
    <b>Bold</b>
    :)
     
  9. Bootsy

    Bootsy Huh?

    Messages:
    1,124
    Location:
    Miami, Fl
    COOOOOOOOOOOOOOOOOOOOOOOOOOL!!!
    its coming along...next step will be slide menus...woot!
    thanx a lot bro
     
  10. Tabula Rasa

    Tabula Rasa Stranger Than Kindness Political User

    Messages:
    3,233
    Location:
    Israel
    you can also add the underlining to the CSS like this:

    Code:
    <style type="text/css">
    a{text-decoration:none;}
    a:link {
      color:black;
      background: transparent
    
    }
    a:visited {
      color:black;
      background: transparent
      [b]text-decoration: underline[/b]
    }
    a:active {
      color:blue;
      background: transparent
      [b]text-decoration: underline[/b]
    }
    a:hover {
      color:blue;
      background: transparent
      [b]text-decoration: underline[/b]
    }
    </style>
    you can add it to only hover for example, so that only when you hover over a link it will become underlined , you can add it pretty much any way you want.
     
  11. SPeedY_B

    SPeedY_B I may actually be insane.

    Messages:
    15,800
    Location:
    Midlands, England
    Benny is right, it's a flexible part of HTML.
    If you want to learn more about HTML and CSS then take a visit to the W3Schools site (http://www.w3schools.com/) and use the links in the top left, they're free tutorials which will give you a better idea about coding HTML.
     
  12. Nick M

    Nick M Moderator

    Messages:
    3,961
  13. jumpy

    jumpy Guest

    Or you could just use html
    Code:
    <body bgcolor=black text=white link=black vlink=black>
    None of that fancy CSS underlining stuff, but shorter none the less.
     
  14. SPeedY_B

    SPeedY_B I may actually be insane.

    Messages:
    15,800
    Location:
    Midlands, England
    It's the best way to learn HTML.
    Otherwise you end up using crap like frontpage and end up with pages and pages of completely un-compliant code.
     
  15. SPeedY_B

    SPeedY_B I may actually be insane.

    Messages:
    15,800
    Location:
    Midlands, England
    That only changes the colour, Bootsy wants the links to not be underlined as well as black.
     
  16. jumpy

    jumpy Guest

    Hence me saying
    Wasn't a completely correct answer to the question but pointing out different methods helps us all to learn :)
     
  17. Tabula Rasa

    Tabula Rasa Stranger Than Kindness Political User

    Messages:
    3,233
    Location:
    Israel
    Well , CSS exists for a good reason , if you do a page with one link and one word, you can manage without it.
    but what if you are doing a web site with hundreds of links, in that case CSS can save you big time and effort.
     
  18. jumpy

    jumpy Guest

    Ok, nevermind guys, just forget I said it. I realise that css is there for a good reason but was just showing alternatives.

    Stop pickin on me.....:( I'm not a html pro like you guys...
     
  19. Tabula Rasa

    Tabula Rasa Stranger Than Kindness Political User

    Messages:
    3,233
    Location:
    Israel
    I'm not pickin on anyone, i'm a peace loving creature, xsept when i'm not.
    either way is fine really, its just nice to know all the alternatives.
     
  20. Bootsy

    Bootsy Huh?

    Messages:
    1,124
    Location:
    Miami, Fl
    cool, thanks guys I'll take a look at some tutorials at that site, I'd like to learn how to make menus also =]