No replies
ghvyghvy
Offline
newbie
Last seen: 14 years 1 week ago
Timezone: GMT+5.5
Joined: 2005-12-07
Posts: 8
Points: 0

my code is not showing. i dont see the output. i am using beginning css for web design by richard york. the code is here. it is not showing colored output . i tried in ff and opera

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Feedback Form - Widgets and What's its</title>

<style type="text/css">

* {
font-family sans-serif;
color white;
}
/**
* Apply this style to all h1 elements regardless of where they
* appear in the page.
**
*/
h1, form h2 {
background gray;
}
h1, h2, form {
margin 0;
}
h1 {
font-size 24px;
padding 5px;
border-bottom 5px solid black;
letter-spacing -2px;
width 510px;
-moz-border-radius-topleft 10px;
-moz-border-radius-topright 10px;
}
form {
background lightgrey;
padding 10px;
width 500px;
-moz-border-radius-bottomleft 10px;
-moz-border-radius-bottomright 10px;
}

/*
* Apply these styles label elements, but only if they
* appear inside of an input form
**
*/

form label {
display block;
font-weight bold;
margin 5px;
width 225px;
text-align right;
background black;
}

/**
* These styles are shared between h2 and label elements
* that appear inside of a form
**
*/

form h2, form label {
font-size 15px;
-moz-border-radius 10px;
padding 3px;
}

/**
* Direct Child Selectors
**
*/

form > div > label {
float left;
}
form > div {
clear left;
}
div > input, div > select {
margin 3px;
padding 4px;
}
select > option {
padding 4px;
}

/**
* Direct Adjacent Sibling Combinators
**
*/

label + input, label + select, label + textarea {
background darkgray;
}

/**
* Atribute Selectors
**
* /

option[value] {
letter-spacing 2px;
}
option[value='newspaper'] {
background orange;
}
option[value='magazine'] {
background red;
}
option[value='television'] {
background black;
}
option[value='radio'] {
background green;
}
option[value='other'] {
background blue;
}
input[name$='[name]'] {
color darkred;
}
input[name$='[email]'] {
color darkblue;
}
textarea[name$='[address]'] {
color purple;
}
textarea[name$='message]'] {
color black;
}
select[name$='[heard]'] {
color darkgreen;
}
input[name^='feedback'],
select[name^='feedback'],
textarea[name^='feedback'] {
font-weight bold;
}
</style>
</head>

<body>
<h1>Widgets and What's-its</h1>
<form>
<h2>Tell us what's on your mind..</h2>
<div>
<label for='feedback[name]'>Name</label>
<input type='text' size='25' name='feedback[email]' />
</div>
<div>
<label for='feedback[email]'>Email</label>
<input type='text' size='25' name='feedback[email]' />
</div>
<div>
<label for='feedback[address]'>Address</label>
<textarea name='feedback[address]' cols='40' rows='3' wrap='virtual'>
</textarea>
</div>
<div>
<label for='feedback[message]'>Comments</label>
<textarea name='feedback[message]' cols='40' rows='6' wrap='virtual'>
</textarea>
</div>
<div>
<label for='feedback[heard]'>How'd you hear about us?</label>
<select name='feedback[heard]'>
<option value=''>Choose...</option>
<option value='newspaper'>Newspaper</option>
<option value='magazine'>magazine</option>
<option value='television'>Television</option>
<option value='radio'>Radio</option>
<option value='other'>Other</option>
</select>
</div>
</form>


</body>
</html>