Links

**TimFA** · 05-07-2007, 05:51 PM

Ok, I'm confident these 2 questions should be easy, but I'm not sure...

#1) Ok, I have a stylesheet for my site it looks like this:

Code:

  <style>
body
{ background-color:
#E2E2E2
}
A:link
{ text-decoration: underline; color: blue; }
A:visited
{ text-decoration: Strike-through !!(tried strike through, strikethrough, strike-through)!! ; color: blue; }
A:hover
{ text-decoration: none; color: black; )
  </style>

I cannot get the strikethrough attribute to work for me. Any suggestions?

NOTE: The note I put in, is not in my actual code.

#2) I want the stylesheet to be external but I'm not sure how to make the browser read it. I thikn it should be something like:

Code:

<style>
"text/css" src="some stuff.css"
</style>

But its just a guess.

**mwinter** · 05-07-2007, 06:01 PM

Originally Posted by TimFA

I cannot get the strikethrough attribute to work for me. Any suggestions?

The value is line-through. Using a reference, such as the CSS specification, is a good idea.

I want the stylesheet to be external but I'm not sure how to make the browser read it.

Use a link element:

HTML Code:

<link rel="stylesheet" href="..." type="text/css">

The HTML specification is also useful here as it describes how to reference external style sheets.

Mike

**TimFA** · 05-07-2007, 06:02 PM

Thanks. I'm still learning, so I make plenty of mistakes...

**TimFA** · 05-07-2007, 11:50 PM

Ok, now I need more help! Still CSS related! Ok, my page needs work still. I was using the FONT attributes all the way through but decided to leave it to CSS. when I followed the instructions it wouldn't function. My page was all messed up. If someone could please do this for me, I want the font on the page to be Arial, and the size to be 2 (I think thats right). Just in case I attached the current CSS code.

Code:

body
{ background-color:
#E2E2E2
}
A:link
{ text-decoration: underline; color: blue; }
A:visited
{ text-decoration: underline; color: blue; }
A:hover
{ text-decoration: none; color: black; )

NOTE: I attached a screeny of the site, its still on my computer (haven't updated web version yet) but I think its coming along. Also the reason for the bad quality is because of the upload size limit. If you're interested in a full quality let me know and I'll upload it to a different site.

Thanks, Tim

**Veronica** · 05-08-2007, 03:03 AM

The old arial font size=2 is close to 10pt, so try this:

body {font-family:arial; font-size:10pt;}

**TimFA** · 05-08-2007, 03:55 AM

Thank you so much. Exactly what was needed.

Nvm, its not. Its the default size, if I change it to say 8 or 7, no change... Help? Heres the code:

Code:

body
{ background-color:
#E2E2E2
}
body
{font-family:arial; font-size:10pt;}
A:link
{ text-decoration: underline; color: blue; }
A:visited
{ text-decoration: underline; color: blue; }
A:hover
{ text-decoration: none; color: black; )

**Veronica** · 05-08-2007, 04:32 AM

If you still have font tags left in your code, in some browsers, the font tags will override the css. So do a search in your code for font, and make sure you've eliminated all the font tags. Then the css should take effect.

**TimFA** · 05-08-2007, 04:33 AM

I'm using it on a new document with some gibberish text.

I also messed with the code a bit to see if I could make it work, heres the current. No effect on the page.

Code:

body
{ background-color:
#E2E2E2
}
body
{ font-family: Arial; font-size: 8pt; }
A:link
{ text-decoration: underline; color: blue; }
A:visited
{ text-decoration: underline; color: blue; }
A:hover
{ text-decoration: none; color: black; }

Figured it out. It just doesn't effect tables! My layout is purely tables. Arrgghhh!

**jscheuer1** · 05-08-2007, 07:04 AM

That's no problem (you could just select tables in the style), though there probably is something causing the font size for the body being overridden in those tables. Percentage font sizes are better, but that is not the problem. Make sure that you have at least a transitional DOCTYPE:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
font-family:arial, sans-serif;
font-size:85%;
}
</style>
</head>
<body>
<table>
<tr>
<td>HI</td>
</tr>
</table>

</body>
</html>

**TimFA** · 05-08-2007, 07:14 AM

I copied the stylesheet part and it is. I also checked for thing in the tables, none. The actual font effects the table, just not sizes on them. Am I missing something here?

Heres the page I'm trying to put it in.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

  <link rel="stylesheet" href="layout_beta.css" type="text/css">

  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title></title>


</head>


<body>

Bill/Jill, is dead!
<table style="text-align: left; width: 100&#37;;" border="1" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td>bbbb</td>
    </tr>
  </tbody>
</table>
<br>

</body>
</html>

And then heres the external stylesheet.

Code:

body {
background-color : #e2e2e2;
}

body {
font-family:arial, sans-serif;
font-size:85%;
}

A:link {
text-decoration : underline;
color : blue;
}

A:visited {
text-decoration : underline;
color : blue;
}

A:hover {
text-decoration : none;
color : black;
}

Thread: Links

Thread Tools

Search Thread

Links

Bookmarks

Bookmarks

Posting Permissions