PDA

View Full Version : Help with paragraph style

Xcalibertp
03-05-2005, 08:48 PM
Hello..

I am trying to define different paragraph styles with my page.

I have tried assigning each paragraph a different style using p1 p2 p3, but that is not working.

I don't want to use the head tag as it adds to much space.

The paragraphs are within a table.

What can I do to specify each paragraphs different attributes?

Here is what I've tried so far...

<html>
<head>
<title>FEB MAIN</TITLE>
<style type="text/css">
a:link{
text-decoration:none;
color:#006400;
font-weight: none;}
a:visited{
text-decoration:none;
color:#006400;
font-weight: none;}
a:active{
text-decoration:none;
color:#006400;
font-weight: none;}
a:hover{
text-decoration:none;
color:#006400;
font-weight: none;}

p1 {font-family: papyrus, arial; color: (#daa520); font-weight: bold; font-size: (12pt);}
p2 {font-family: papyrus, arial; color: (#daa520); font-weight: normal; font-size: (10pt);}
p3 {font-family: tahoma, arial; color: (#006400); font-weight: normal; font-size: (10pt);}

body
{background: #F5F5F5;
background-image: url("http://users.igl.net/xcalibertp/MAIN/whlinen.gif");
font-family: papyrus, arial; color: #006400; font-weight: normal; font-size: (10pt);


margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0;
padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0;}

scrollbar-face-color: #006400; scrollbar-highlight-color: #DAA520;
scrollbar-3dlight-color: #006400; scrollbar-shadow-color: #B5B5B5;
scrollbar-darkshadow-color: #000000; scrollbar-track-color: #F5F5F5;
scrollbar-arrow-color: #006400;}
</style></head>

<body>

<div align="center">
<table width="475" height="875" cellpadding=0 cellspacing =0
background="http://users.igl.net/xcalibertp/MAIN/specialsbk2.gif" >
<tr><td>
<div align=center>
<br>
<table width=400 cellpadding=0 cellspacing=0>

<!-- Row 1 -->
<tr >
<td width="135" height="135" align="center" valign="middle">
<img width="130" height="130"
src ="http://users.igl.net/xcalibertp/MAIN/trophy2.gif">
<HR width=100 size="2" color=#006400>
</td>
<td width="265" align="center" valign="middle">
<p1>Tournament Of Champions</p1>January’s TOC Winner is….<p1>Jweasel24</p1><p2>2nd Place – Iamspecial67</p2><p3>WTG Winners!!</p3>February’s TOC is March 13th @ 9pm
<HR width=235 size="2" color=#006400>
</td>
</tr>
<!-- Row 2 -->
<tr >
<td width="135" height="135" align="center" valign="middle">
<img width="130" height="130"
src="http://users.igl.net/xcalibertp/MAIN/surv1.gif" >

</td>
<td width="265" align="center" valign="middle">
<p1>Player of the Month</p1><br>Player of the Month for February is…<br>
<p1>Malacai86 … WTG!!</p1><br><p2><a href= "http://cgi5.igl.net/tk/headtd/monthly_winners.php?view_month=2&view_year=2005&sortby=wins&path=poopoodoms&final=1" target="_blank"><p2>Click HERE to check your standings</p2></a>
<HR width="235" size="2" color="#006400">
</td>
</tr>

<!-- Row 3 -->
<tr >
<td width="135" height="135" align="center" valign="middle">
<img width="130" height="130"
src="http://users.igl.net/xcalibertp/MAIN/bots.gif" >
<HR width="100" size="2" color="#006400">
</td>
<td width="265" align="center" valign="middle">
<p1>Battle of the ^^^es</p1><br>This weeks Battle of the ^^^es Winner is….<br> <p1>Gerald70344</p1><br> <p2>WTG Men!!!</p2><br><p3>BOTS – Every Monday @ 10pm</p3>
<HR width="235" size="2" color="#006400">
</td>
</tr>

<!-- Row 4 -->
<tr>
<td width="135" height="135" align="center" valign="middle">
<img width="130" height="130"
src="http://users.igl.net/xcalibertp/MAIN/trophy1.gif">
<HR width="100" size="2" color="#006400">
</td>
<td width="265" align="center" valign="middle">
<p1>League Vs. League</p1><br>This round goes to…<br>
<p1>Luv4bonez – WTG!!</p1><br><p2>Next Lg. Vs. Lg. Is March 6th @ 9pm</p2>
<HR width="235" size="2" color="#006400">
</td> </tr>




<!-- Row 5 -->
<tr>
<td width="135" height="135" align="center" valign="middle">
<img width="130" height="130"
src="http://users.igl.net/xcalibertp/MAIN/surv2.gif" >
<HR width="100" size="2" color="#006400">
</td>
<td width="265" height="135" align="center" valign="middle">
<p1>Survivor Series</p1><br><p2>Starts Thursday, March 17th @ 8pm</p2>
<HR width="235" size="2" color="#006400">
</td> </tr> </table> </td> </tr> </table>
<BR><BR><BR><BR>

</body>
</html>
MaGiCSuN
03-05-2005, 09:30 PM
you have to remove the ( and ) around the values, those don't belong there :)

Love,
Mirna
Xcalibertp
03-06-2005, 07:24 AM
Hi again...

Ok..I removed the ( ) from around the values, however, the values I've specified for the paragraphs are still now showing. Are the tags p1, p2, p3 correct tags to use?

Here's the link to the page, maybe you can see what else I'm doing wrong here..lol...besides everything....lol..

http://users.igl.net/xcalibertp/MAIN/FEB.html

Thank you for your time and consideration.

Xcal
Monkey Bizzle
03-06-2005, 10:17 AM
Are the tags p1, p2, p3 correct tags to use?

no, there are no such tags as p1 etc... to do what you are trying to do, do this... in your CSS add periods in front of the p things like below:

.p1
{font-family: papyrus, arial;
color: #DAA520;
font-weight: bold;
font-size: 12pt;}

.p2
{font-family: papyrus, arial;
color: #DAA520;
font-weight: normal;
font-size: 10pt;}

.p3
{font-family: tahoma, arial;
color: #006400;
font-weight: normal;
font-size: 10pt;}

and then in your HTML add classes to the p tags like this:

<p class="p1">Tournament Of Champions</p>
January’s TOC Winner is….
<p class="p1">Jweasel24</p>
<p class="p2">2nd Place – Iamspecial67</p>
<p class="p3">WTG Winners!!</p>
Xcalibertp
03-06-2005, 05:18 PM
Hi again..

TY TY TY TY TY !!!!!!

That did the trick!!! Boy, this CSS stuff sure is picky..lol...!!!!

Thank you again for all your time and assistance, it is greatly appreciated by this "html & css impaired" newbie!!!

Have a great day!!

Xcal
Monkey Bizzle
03-07-2005, 02:45 AM
You're welcome!