Problem with filter

trying to a shadow filter

Page 1 of 1

6 Replies - 733 Views - Last Post: 15 February 2009 - 11:14 PM

#1 cpeachy1223  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 97
  • Joined: 23-September 07

Problem with filter

Post icon  Posted 15 February 2009 - 09:36 AM

Hello,

Can someone tell me why my filter disappeared on title for my Web page? It was there...I had finished all the work on the Web page and it was looking the way I wanted. The the instructor says...oh by the way you had to validate your work. When I went to validate the HTML that is when I find out that all is required to use a DOCTYPE! The text book or the instructor did not tell us about the doctype!! So I picked the doctype of transitional, but when I added it...it took my title that is supposed to be show in the Web page and changed everything! I can not figure out how to get it to show back up the way it is written. So can someone help me plz!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>Carolyn Peach's Hobbies and Interest</title>

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

<!-- Carolyn Peach's Hobbies and Interest Web Page
	 Created by: Carolyn Peach
	 Date: February 12, 2009
-->

<style type="text/css">



body {
font-size: 14pt;
font-family: arial, helvetica, sans-serif;
background-color: silver; }

body {
background-image: url(dawn-640.gif);
background-position: top left;
background-repeat: repeat-x; }

em {
color: navy; }

strong {
color: navy; }

</style>

</head>

<body>

<p class="center"><span style="width: 400; height: 50; font-size: 30pt; font-family: arial; color: purple; filter: shadow(color=silver, direction=45)"> 

Carolyn Peach's Hobbies & Interest</span></p>

<hr />

<p class="cap">When thinking about all the different things one likes in reference to <strong>Hobbies</strong> and <strong>Interests</strong>, first one 

has to determine whether they would be considered a <em>Hobby</em> or an <em>Interest</em>. I find that I have way many more Interests then what I would 

consider as a Hobby.</p>

<img src="WoWScrnShot_021209_155455.jpg" alt="image of Carolyn in WOW" class="left" width="350" height="250" />

<h2>INTERESTS</h2>

<p>I have more Interests then Hobbies, some of my Interests include:</p>

<ul>
	<li>Reading - Prefer Gothic Novels and Literature dating back to the 1700's & earlier.</li>
	<li>Watching the History and Discovery channel on television.</li>
	<li>Exercising with the Wii-Fit & Treadmill to keep healthy.</li>
	<li>Listening to World Music.</li>
	<li>Camping with the family.</li>
</ul>

<blockquote>However, one of my all time favorite Interest is World of Warcraft Online, a <em><acronym title="Massively Multiplayer Online Role-Playing 

Game">MMORPG</acronym></em> environment that I love to play when I have time with my family and friends!</blockquote>

<img src="WoWScrnShot.jpg" alt="image of Carolyn in WOW" id="right" width="350" height="250" />

<h2>HOBBIES</h2>

<p>When I have the time to spare, I do have a few hobbies I do enjoy. I have a couple of collections that I view as a hobby; which is my collection of 

<strong>Wolves</strong> and collection of <strong>Candles</strong>. They are still small compared to some people that collect things, but they are growing 

when I find one that I like. The other few that I consider hobbies are <em>Needlepoint, Drawing,</em> and <em>Painting</em>.</p> 

</body>

</html>



Is This A Good Question/Topic? 0
  • +

Replies To: Problem with filter

#2 Kirth  Icon User is offline

  • D.I.C Head

Reputation: 9
  • View blog
  • Posts: 157
  • Joined: 09-July 08

Re: Problem with filter

Posted 15 February 2009 - 12:10 PM

I do not see what difference there is with or without the DOCTYPE - they seem the same in Firefox.

Ps: I r play wow 2 ! : o
Was This Post Helpful? 0
  • +
  • -

#3 fuzzylunkinz  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 8
  • View blog
  • Posts: 185
  • Joined: 11-November 08

Re: Problem with filter

Posted 15 February 2009 - 02:14 PM

1) Try a strict Doctype.
2) What exactly do you mean by "filter?"
Was This Post Helpful? 0
  • +
  • -

#4 cpeachy1223  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 97
  • Joined: 23-September 07

Re: Problem with filter

Posted 15 February 2009 - 02:49 PM

View Postfuzzylunkinz, on 15 Feb, 2009 - 01:14 PM, said:

1) Try a strict Doctype.
2) What exactly do you mean by "filter?"

This part of my code does not work right in the Web page anymore, once I added the doctype transitional, the shadow filter does not show up anymore!

<p class="center"><span style="width: 400; height: 50; font-size: 30pt; font-family: arial; color: purple; filter: shadow(color=silver, direction=45)"> Carolyn Peach's Hobbies & Interest</span></p>


Was This Post Helpful? 0
  • +
  • -

#5 fuzzylunkinz  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 8
  • View blog
  • Posts: 185
  • Joined: 11-November 08

Re: Problem with filter

Posted 15 February 2009 - 04:06 PM

Ummm well it doesn't look much different in IE (meaning I don't see a shadow), and filter only works with IE, anyway.
Was This Post Helpful? 0
  • +
  • -

#6 cpeachy1223  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 97
  • Joined: 23-September 07

Re: Problem with filter

Posted 15 February 2009 - 09:24 PM

View Postfuzzylunkinz, on 15 Feb, 2009 - 03:06 PM, said:

Ummm well it doesn't look much different in IE (meaning I don't see a shadow), and filter only works with IE, anyway.

ah ok so I should not worry about adding a filter then if not all browsers use it! That was all I was trying to get to work on it anyway.

thank you!
Was This Post Helpful? 0
  • +
  • -

#7 gregwhitworth  Icon User is offline

  • Tired.
  • member icon

Reputation: 219
  • View blog
  • Posts: 1,604
  • Joined: 20-January 09

Re: Problem with filter

Posted 15 February 2009 - 11:14 PM

Yeah, unfortunately IE ran with the 'We rule the world' attitude and started created tags left and right. They are finally coming to their senses and following standards. Also, CSS3 has support for drop shadows to elements, unfortunately few browsers support it. But if you are interested check it out here:

http://www.sitepen.c...a-look-at-css3/
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1