Jump to content

Archived

This topic is now archived and is closed to further replies.

bobleny

CSS is not working quite right and I don't know why.

Recommended Posts

The ".dent" css will not work. It should indent the text but it is not. It appears to do everything else correctly though. Its really weird (“I” before “E” except after “C” [or not]). File is at [a href=\"http://www.firemelt.net/.02page1.php\" target=\"_blank\"]http://www.firemelt.net/.02page1.php[/a] if you want to see what it is doing.

what is wrong? or if nothing wrong how do i fix the problem?

Here’s the css:
[code]P
{
   COLOR: #FFFFFF;
   TEXT-INDENT:20pt;
   LINE-HEIGHT:15pt;
   WORD-SPACING:2pt;
   FONT-FAMILY:COURIER;
}


TABLE
{
   COLOR: #FFFFFF;
   LINE-HEIGHT:15pt;
   WORD-SPACING:2pt;
   FONT-FAMILY:COURIER;
}


BODY
{
   BACKGROUND: #000000;
}


A:LINK
{
   COLOR: #ff9900;
}


A:VISITED
{
   COLOR: #999999;
}


HR
{
   COLOR: #0000FF;
}


.SECONDHAND
{
   COLOR: #FF0000;
   TEXT-INDENT:0pt;
   LINE-HEIGHT:15pt;
   WORD-SPACING:2pt;
   FONT-FAMILY:COURIER;
}


.pleft
{
   COLOR: #FFFFFF;
   LINE-HEIGHT:15pt;
   WORD-SPACING:2pt;
   FONT-FAMILY:COURIER;
}


INPUT
{
   COLOR: #FFFFFF;
   BACKGROUND:TRANSPARENT;
   BORDER: #0000FF;
   BORDER-STYLE:SOLID;
   BORDER-TOP-WIDTH:1px;
   BORDER-LEFT-WIDTH:1PX;
   BORDER-RIGHT-WIDTH:1PX;
   BORDER-BOTTOM-WIDTH:1PX;
   FONT-FAMILY:COURIER;
}


TEXTAREA
{
   COLOR: #FFFFFF;
   BACKGROUND:TRANSPARENT;
   BORDER: #0000FF;
   BORDER-STYLE:SOLID;
   BORDER-TOP-WIDTH:1px;
   BORDER-LEFT-WIDTH:1PX;
   BORDER-RIGHT-WIDTH:1PX;
   BORDER-BOTTOM-WIDTH:1PX;
   FONT-FAMILY:COURIER;
}


.dent
{
   COLOR: #FFFFFF;
   TEXT-INDENT:20pt;
   LINE-HEIGHT:15pt;
   WORD-SPACING:2pt;
   FONT-FAMILY:COURIER;
}[/code]


and here’s the html file:
[code]<html>
<head>
<link href="css.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#000000">

<p>O.K. Now that that is clear, I was reading an article on why hybrid cars are so good and why we need to implement them in America and I had a few thoughts on some designs for hybrid cars. I figure building it all into one unit is the only way to efficiently save on gas! Here’s what I think.</p>

<span class="pleft">Hybrid car design concept #1<br /><br /></span>

<span class="dent">&gt; They have a lot of RPMs.<br /></span>

</body>
</html>[/code]

Share this post


Link to post
Share on other sites
instead of using <span class="dent"> use <div class="dent">

Span doesn't work so well with text formatting.

Share this post


Link to post
Share on other sites
Thanks, it works great now.

This is ganna suck changeing all of these! I have 35 just on the one page!!

Share this post


Link to post
Share on other sites
you can try to add "display:block" in your dent class.

Maybe it'll work

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.