problems with text alignment

JM_designer · 31st December 11, 05:52 AM

I'm trying to have the text that's in the div labeled "container_03" aligned to the left but here's the problem. I can align the headings into center and left positions just fine by adding the "align" in the headings tag, however when I do it for the <p> tag it's just stuck on center for some reason and I cant align it to the right or left. Am I missing something. I'll show the CSS code as well.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Resume</title>
<link type="text/css" rel="stylesheet" href="css/style.css"  />
<link type="text/css" rel="stylesheet" href="css/menu_style.css"  />
</head>
<body>
<center>
<div align="center" id="container"_03>
<div class="header"> <img src="images/images/banner.jpg.jpg" width="598" height="130" alt="banner" /></div>
   <div id="navbar">  
  <div class="menu">

		<ul>
			<li><a href="index.html"id="current">Home</a></li>
			<li><a href="works.html">Works</a>
				<ul>
					<li><a href="#">Drawings</a></li>
					<li><a href="#">Paintings</a></li>
					<li><a href="#">Designs</a></li>

					<li><a href="#">Photos</a></li>
			   </ul>
		  </li>
			<li><a href="artist_state.html">Statement</a></li>
                
          
			<li><a href="resume.html">Resume</a></li>
		
         <li><a href="contact.html">Contact</a></li>
        <li><a href="#">Store</a></li>
        
        
        </ul>   
        
        <!--this is the end of menu-->
        </div>
        
        <!-- end of nav div-->
        </div>
<!--content goes here-->

<h1 align="center">Resume</h1>

<h2 align="center">Spencer  T.  Hollingsworth</h2>
<h3 align="left">Accomplishments</h3>











<!--content ends here-->
<!--this is the end of container_03-->
</center>
</div>
</body>
</html>

Here's the CSS

Code:

@charset "utf-8";
/* CSS Document */

body {
	background-color:#494d51;

}
h1 {
		color:#09C;
		font-family:play,sans-serif;
		font-size:36px


}

h2 {
		color:#09C;
		font-family:play,sans-serif;
		font-size:30px;

}

h3 {
	color:#09C;
	font-family:sans-serif;
	font-size:27px;
}

p{
color:#FFF;
font-family:serif;
font-size:20px;
text-align:center;
padding-right:50px; padding-left:45px;
word-spacing:1px;
line-height:-50px;
text-indent:30px;

}
#container {
	height: 1000px;
	width: 1000px;
	
}
#container_02 {
	height: 500px;
	width: 1000px;
	float:left;
}
#container_03 {
	float:left;
	height: 1000px;
	width: 1000px;
	
}


.header {
	background-color: #494d51;
	float:left;
	height: 140px;
	width: 1000px;
	
}
#navbar {
	background-color:#000;
	float:left;
	height:40px;
	width: 1000px;
	
}



.content {
	background-color: #2e3133;
	float: left;
	height: 600px;
	width: 800px;
	padding-top:20px;
}
.sidebar {
	background-color: #000;
	float: left;
	height: 600px;
	width: 200px;
	padding-top:20px;
}

.drawings {
	background-color: #F90;
	height: 325px;
	width: 500px;
	float:left;
	padding-top:5px;
}
.paintings {
	background-color: #36F;
	float: left;
	height:325px;
	width: 500px;
	padding-top:5px;
}

.designs {
	background-color: #6C0;
	float: left;
	height: 325px;
	width: 500px;
	padding-top:5px;
}
.photos {
	background-color: #FC0;
	float: left;
	height: 325px;
	width: 500px;
	padding-top:5px;
}
.photosig {
	float:right;
}

Thank you for your time and happy new years

meesa · 2nd January 12, 03:49 PM

First off, I don't see any paragraph in your HTML.

Second, drop all of those align="___" attributes, as they are depreciated. If you're trying to center something, give it a set width and use margin:auto in the CSS.

JM_designer · 13th March 12, 09:03 PM

Thanks for your advice, everything is working nicely.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

2nd January 12, 03:49 PM	#2
meesa WLC Mod Join Date: Jul 2009 Location: Milky Way Galaxy Posts: 3,167	Re: problems with text alignment First off, I don't see any paragraph in your HTML. Second, drop all of those align="___" attributes, as they are depreciated. If you're trying to center something, give it a set width and use margin:auto in the CSS. __________________ Praise be to the Lord God for the ability to learn, the capability to analyze, and the time to help users on this forum.

13th March 12, 09:03 PM	#3
JM_designer WLC Member Join Date: Aug 2011 Location: USA Posts: 10	Re: problems with text alignment Thanks for your advice, everything is working nicely.