Jump to content


Photo

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


  • Please log in to reply
3 replies to this topic

#1 bobleny

bobleny
  • Members
  • PipPipPip
  • Advanced Member
  • 429 posts

Posted 13 June 2006 - 05:21 PM

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:
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;
}


and here’s the html file:
<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>

-- www.firemelt.net --
First do me a favor and read this: JavaScript is NOT Java - Then read this: www.php.net - When your done with that, read this Topic
After that, floors open. I and anyone else will be MORE than happy to answer YOUR query! [Topic Solved]
Cheer up, the worst has yet to come...

#2 nogray

nogray
  • Members
  • PipPipPip
  • Advanced Member
  • 930 posts
  • LocationSan Francisco CA

Posted 13 June 2006 - 06:17 PM

instead of using <span class="dent"> use <div class="dent">

Span doesn't work so well with text formatting.

NoGray.com


#3 bobleny

bobleny
  • Members
  • PipPipPip
  • Advanced Member
  • 429 posts

Posted 13 June 2006 - 06:24 PM

Thanks, it works great now.

This is ganna suck changeing all of these! I have 35 just on the one page!!
-- www.firemelt.net --
First do me a favor and read this: JavaScript is NOT Java - Then read this: www.php.net - When your done with that, read this Topic
After that, floors open. I and anyone else will be MORE than happy to answer YOUR query! [Topic Solved]
Cheer up, the worst has yet to come...

#4 nogray

nogray
  • Members
  • PipPipPip
  • Advanced Member
  • 930 posts
  • LocationSan Francisco CA

Posted 13 June 2006 - 06:57 PM

you can try to add "display:block" in your dent class.

Maybe it'll work

NoGray.com





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users