How do I put an indent in my CSS code? [Archive]

Click to See Complete Forum and Search --> : How do I put an indent in my CSS code?

aantonsen

05-12-2006, 03:39 AM

I am working in dreamweaver and trying to do a simple indent on a paragraph.'
So is there a way to code this?

I have been doing code for a short time so any help would help.
thanks,
here's a copy of the copy I am trying to indent each paragraph.
<div class="paragraph">

<p>Projects by Paul provides top-notch Quality Work,
<p>Dependability And Great Prices... Guaranteed!</p>
Along with great customer support, and prices that can't be beat!</p>
<p>Honest, reliable and trustworthy, I will always makes sure that you as the customer get what they deserve,
the quality of a smooth, favorable and overall personal experience every time.</p>
<p>Through our commitment, experience, and expertise No need to look further,
you have the found the home maintenance and repair handyman you've been needing.</p>
<p>So go on give me a try, for any kind of repair, we can
handle it!</p>
<p>It's never late to start a good thing and a relationship
with us will turn out invaluable for as long as the life of your home!</p>
<p>Sincerely</p>
</div>
AA

05-12-2006, 03:57 AM

I have never done this but this looks like it will help: http://www.w3schools.com/css/css_pseudo_classes.asp

aantonsen

05-12-2006, 04:21 AM

I am still looking but thanks for the web resource.

Its probably not that hard I am a beginner and still trying to learn the basics, my teacher is a good help but I like to learn it on my own as well.

But thank you for the help.

SurfPark

05-12-2006, 06:53 AM

I am working in dreamweaver and trying to do a simple indent on a paragraph.'
So is there a way to code this?

I have been doing code for a short time so any help would help.
thanks,
here's a copy of the copy I am trying to indent each paragraph.
<div class="paragraph">

<p>Projects by Paul provides top-notch Quality Work,</p>
<p>Dependability And Great Prices... Guaranteed!</p>
Along with great customer support, and prices that can't be beat!</p>
<p>Honest, reliable and trustworthy, I will always makes sure that you as the customer get what they deserve,
the quality of a smooth, favorable and overall personal experience every time.</p>
<p>Through our commitment, experience, and expertise No need to look further,
you have the found the home maintenance and repair handyman you've been needing.</p>
<p>So go on give me a try, for any kind of repair, we can
handle it!</p>
<p>It's never late to start a good thing and a relationship
with us will turn out invaluable for as long as the life of your home!</p>
<p>Sincerely</p>
</div>
AA

I put in bold a missing tag. Maybe that's it?

05-12-2006, 06:57 AM

Try this

<html>
<head>
<title>Title</title>

<style>
.paragraph{ text-indent:25px }

</style>
</head>

<body>
<div class="paragraph">

<p>Projects by Paul provides top-notch Quality Work,</p>
<p>Dependability And Great Prices... Guaranteed!</p>
Along with great customer support, and prices that can't be beat!</p>
<p>Honest, reliable and trustworthy, I will always makes sure that you as the customer get what they deserve,
the quality of a smooth, favorable and overall personal experience every time.</p>
<p>Through our commitment, experience, and expertise No need to look further,
you have the found the home maintenance and repair handyman you've been needing.</p>
<p>So go on give me a try, for any kind of repair, we can
handle it!</p>
<p>It's never late to start a good thing and a relationship
with us will turn out invaluable for as long as the life of your home!</p>
<p>Sincerely</p>
</div>
</body>
</html>

chris_bcn

05-12-2006, 04:44 PM

no need for the div there - just asking to get divitis. <p> tags are block level items so they can be easily manipulated

<style type="text/css">
p{
text-indent:25px;
}
</style>

You should also probably be usin<hx> tags as well. Though maybe you are, and this snippet is out of context, but the firrst couple of lines seem to be crying out for header tags

margin-left:25px;

would also work. I should know which one is better but it's early and I'm still on my first cofee

flutterby nut

05-12-2006, 04:59 PM

i'm thinkin' the margin-left sets the margin for the entire paragragh; whereas, text-indent will just alter the first line...

chris_bcn

05-12-2006, 05:00 PM

doh! of course. Waiter! More coffee over here

aantonsen

05-12-2006, 11:43 PM

thanks for all the help.
I actually asked one of my instructors too and he mentioned a <pre> tag which can set a space within a document but the font may change so that was the route I took.
Thanks you for all the help.
There will be more questions as I continue on the next site.

lol
AA

chris_bcn

05-12-2006, 11:51 PM

<pre> tag is for pre formatted text, so it probably shouldn't be used for the effect you're after. You shouldn't manipulate HTML tags just to fit in with the design. You shouldn't use <blockquote> JUST to indent some text for example. Seperating style from content is the name of the game. Or at least it should be