Here's the code I'm having trouble with, what I want it to do is be a block of text, not extended over the whole screen.
<html>
<head>
<style>
p.caption{COLOR: #5c7c77}
p.caption{font-family: Arial}
p.caption{font-size: 11px}
</style>
</head>
<body>
<div align="center"><blockquote><p class="caption">
Located in the beautiful Haliburton area on Percy Lake, this family, lakeside cottage is very private and has excellent swimming, fishing and boating. There are many indoor and outdoor activities for the whole family including indoor pool and ping pong tables, outdoor volleyball court and hot tub.
</p></blockquote></div>
</body>
</html>
PLEASE HELP!Like this?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<title>layout</title>
<style type="text/css">
<!--
p.caption{
color: #5c7c77;
font-family: Arial, sans-serif;
font-size: 11px;
width: 30em;
margin: 0 auto;
}
-->
</style>
</head>
<body>
<p class="caption">
Located in the beautiful Haliburton area on Percy Lake, this family, lakeside
cottage is very private and has excellent swimming, fishing and boating.
There are many indoor and outdoor activities for the whole family including
indoor pool and ping pong tables, outdoor volleyball court and hot tub.
</p>
</body>
</html>First, lets tidy up your CSS.
<style type="text/css">
<!--
blockquote.caption{
color: #5c7c77;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
}
-->
</style>
... and your HTML.
<blockquote class="caption">
<p>
Located in the beautiful Haliburton area on Percy Lake, this family,
lakeside cottage is very private and has excellent swimming, fishing
and boating. There are many indoor and outdoor activities for the
whole family including indoor pool and ping pong tables, outdoor
volleyball court and hot tub.
</p>
</blockquote>
Now the problem lies in your HTML. Somewhere on your page you've got an open tag. To ID that, validate your HTML: <!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m -->
Post back here if you need help descerning the errors it could throw out.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<title>Block</title>
<style>
p {
color: #5c7c77;
font-family: Arial;
font-size: 11px;
text-align:center;
margin: 0 200px;}
</style>
</head>
<body>
<p>Located in the beautiful Haliburton area on Percy Lake, this family, lakeside cottage is very private and has excellent swimming, fishing and boating. There are many indoor and outdoor activities for the whole family including indoor pool and ping pong tables, outdoor volleyball court and hot tub.</p>
</body>
</html>Thanks Triumph and toicontien! You guys solved my problem Originally posted by sheepo-designs
Thanks Triumph and toicontien! You guys solved my problem Oh no! Nogdog blew it!
Just kidding ND!!!
<html>
<head>
<style>
p.caption{COLOR: #5c7c77}
p.caption{font-family: Arial}
p.caption{font-size: 11px}
</style>
</head>
<body>
<div align="center"><blockquote><p class="caption">
Located in the beautiful Haliburton area on Percy Lake, this family, lakeside cottage is very private and has excellent swimming, fishing and boating. There are many indoor and outdoor activities for the whole family including indoor pool and ping pong tables, outdoor volleyball court and hot tub.
</p></blockquote></div>
</body>
</html>
PLEASE HELP!Like this?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<title>layout</title>
<style type="text/css">
<!--
p.caption{
color: #5c7c77;
font-family: Arial, sans-serif;
font-size: 11px;
width: 30em;
margin: 0 auto;
}
-->
</style>
</head>
<body>
<p class="caption">
Located in the beautiful Haliburton area on Percy Lake, this family, lakeside
cottage is very private and has excellent swimming, fishing and boating.
There are many indoor and outdoor activities for the whole family including
indoor pool and ping pong tables, outdoor volleyball court and hot tub.
</p>
</body>
</html>First, lets tidy up your CSS.
<style type="text/css">
<!--
blockquote.caption{
color: #5c7c77;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
}
-->
</style>
... and your HTML.
<blockquote class="caption">
<p>
Located in the beautiful Haliburton area on Percy Lake, this family,
lakeside cottage is very private and has excellent swimming, fishing
and boating. There are many indoor and outdoor activities for the
whole family including indoor pool and ping pong tables, outdoor
volleyball court and hot tub.
</p>
</blockquote>
Now the problem lies in your HTML. Somewhere on your page you've got an open tag. To ID that, validate your HTML: <!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m -->
Post back here if you need help descerning the errors it could throw out.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<title>Block</title>
<style>
p {
color: #5c7c77;
font-family: Arial;
font-size: 11px;
text-align:center;
margin: 0 200px;}
</style>
</head>
<body>
<p>Located in the beautiful Haliburton area on Percy Lake, this family, lakeside cottage is very private and has excellent swimming, fishing and boating. There are many indoor and outdoor activities for the whole family including indoor pool and ping pong tables, outdoor volleyball court and hot tub.</p>
</body>
</html>Thanks Triumph and toicontien! You guys solved my problem Originally posted by sheepo-designs
Thanks Triumph and toicontien! You guys solved my problem Oh no! Nogdog blew it!
Just kidding ND!!!