7 Replies - 1044 Views - Last Post: 08 December 2009 - 09:44 PM

#1 yubajefffries  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 07-December 09

trouble centering and aligning text with css

Post icon  Posted 07 December 2009 - 05:18 PM

I am very stuck right now and would appreciate some help. I am working on a website www.myagentlistens.com
For the life of me I can't get the CSS to do what I want it too, I have read a book and tons of info on css with no luck.

What I am trying to do is get the text centered on the fist and last pages, the the titles centered on the other ones. I am trying to be able to use the full length of the screen too.....? Please help Thanks....

Jeff :crazy:
/* PollDaddy CSS Document "Autumn Colors"		 */
/* For a full explanation of how the survey page  */
/* is built please refer to our help section	  */

body
{
 
  color: #333;
  font-family: Georgia,Times,serif;
  font-size: 16px;
  text-align:center;
  line-height: 18px;
  background: #FDFDE7
}

.PDF_pageOuter

{
margin:0px 0px;

 height: 350px;
 width: 650px;
 padding: 10px 10px; 
  background: #FDFDE7 
}

.PDF_pageInner
{
 
 width: 500px;
 height: 400px;
text-align:center; 
padding: 0px 0px;
 background: #FDFDE7 
}


.PDF_question, .PDF_questionErr
{
  padding: 0px;
}

.PDF_questionErr
{
  border: 3px solid #F4CE66;

}

.qContent
{
   float: left;
   
   width: 600px;
}

.qNumber
{

  width: 36px;
  color: #FFF;
  font-weight: bold;
 
  
}

.qText
{
  font-weight: bold;
}

.qNote
{
  padding: 5px 0px 0px 0px;
  font-size: 11px;
}

.PDF_mand	/* Mandatory span */
{
  color: #FF8686;
}

.PDF_questionDivide
{
 height: 20px;
}

.sBut
{
	  width: 154px;
	  height: 33px;
	text-align: center;
}
.sBut P
{
	padding-top: 6px;
	margin: 0px;
}

.sBut A
{
	font-family: 'Trebuchet MS';
	font-size:18px;
	color:#FFF;
	text-decoration: none;
	display: block;
}

/* ---------------------- all Questions ---------------------------------- */
.PDF_err, .PDF_errMain
{
  border: 3px solid #F4CE66;
  font-size: 12px;
  text-align:center;
  color: #333;
  padding: 4px 4px 4px;
  background: #FDFFD9 url('http://surveys.polldaddy.com/images/surveys/arrow.gif') no-repeat 20px center; 
}

.PDF_errMain
{
  background: #FDFFD9 url('http://surveys.polldaddy.com/images/surveys/error.png') no-repeat 20px center; 
}

.PDF_noteMain
{
  border: 3px solid #F4CE66;
  font-size: 12px;
  color: #333;
  padding: 4px 4px 4px 48px;
  background: #FDFFD9 url('http://surveys.polldaddy.com/images/surveys/note.gif') no-repeat 20px center; 
}


.PDF_QT100, .PDF_QT200, .PDF_QT400,.PDF_QT800,.PDF_QT900, .PDF_QT1000, .PDF_QT1200, .PDF_QT1400, .PDF_QT1500
{
  margin: 10px 0px 0px 0px;
}



/* ---------------------- Page Header (QT1900) ---------------------------------- */
.PDF_QT1900
{
}

.PDF_QT1900 H2
{
 font-size:22px;
 font-weight: bold;
 margin: 0px;
}

.PDF_QT1900 P
{

}

/* ---------------------- QT 100 ---------------------------------- */


.PDF_QT100 .small,.PDF_QT100 .medium, .PDF_QT100 .large
{
 border: 1px solid #70674B;
 background-color: #FFF;
 font-size: 14px;
 padding: 4px;
 width: 150px;  
}

.PDF_QT100 .medium
{
 width: 300px;  
}

.PDF_QT100 .large
{
 width: 450px;  
}

/* ---------------------- QT 200 ---------------------------------- */

.PDF_QT200 .small,.PDF_QT200 .medium, .PDF_QT200 .large
{
 border: 1px solid #70674B;
 background-color: #FFF;
 font-family: verdana;
 font-size: 12px;
 padding: 4px;
 width: 450px;
 height: 50px;  
}

.PDF_QT200 .medium
{
 height: 100px;
}

.PDF_QT200 .large
{
 height: 200px; 
}

/* ---------------------- QT 400 ---------------------------------- */

.PDF_QT400 UL
{
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.PDF_QT400 LI
{
  margin: 10px 0px;
}

.PDF_QT400 INPUT
{
  margin: 0px 10px 0px 0px;
}

.PDF_QT400 SELECT
{
  font-size: 14px;
  padding: 2px;
 border: 1px solid #666;
 background-color: #FFF;
  min-width: 200px;
}

.PDF_QT400 SELECT[multiple='true']
{
  min-height: 100px;
}

.PDF_QT400 LABEL
{
  font-size: 12px;
}

.PDF_QT400 .other
{
 border: 1px solid #70674B;
 background-color: #FFF;
 font-size: 12px;
 padding: 1px;
 width: 150px; 
}
/* ---------------------- QT 800 ---------------------------------- */

.PDF_QT800
{
}

.PDF_QT800 DIV
{
  float: left;
  padding: 0px 10px 0px 0px;
}

.PDF_QT800 LABEL
{
  font-size: 10px;
  color: #666;
  line-height: 20px;
}

.PDF_QT800 .title, .firstName, .lastName, .suffix
{
 border: 1px solid #70674B;
 background-color: #FFF;
 padding: 5px;
 font-size: 14px;
}

.PDF_QT800 .title{width:40px;}
.PDF_QT800 .firstName{width:130px;}
.PDF_QT800 .lastName{width:130px;}
.PDF_QT800 .suffix{width:40px;}


/* ---------------------- QT 900 ---------------------------------- */

.PDF_QT900
{
}

.PDF_QT900 DIV
{
  float: left;
  padding: 0px 10px 0px 0px;
}

.PDF_QT900 LABEL
{
  font-size: 10px;
  color: #666;
  line-height: 20px;  
}

.PDF_QT900 .a,.b,.c,.d,.e,  SELECT
{
 border: 1px solid #70674B;
 background-color: #FFF;
 padding: 5px;
 font-size: 14px;
 width: 142px;
}

.PDF_QT900 SELECT
{
 padding: 3px;
 width: 154px;
}

.PDF_QT900 .a,.b
{
  width: 306px;
}


/* ---------------------- QT 1000 ---------------------------------- */

.PDF_QT1000
{
}

.PDF_QT1000 DIV
{
  float: left;
}

.PDF_QT1000 LABEL
{
  font-size: 10px;
  color: #666;
  line-height: 20px; 
}

.PDF_QT1000 .mm, .dd, .yyyy, .h, .mins
{
 border: 1px solid #70674B;
 background-color: #FFF;
  padding: 2px;
  font-size: 14px;
  width: 60px;
}

.PDF_QT1000 .yyyy
{
 margin: 0px 10px 0px 0px;
 padding: 3px;
 width: 40px;
}

.PDF_QT1000 .h, .mins
{
  width: 50px;
}

.PDF_QT1000 IMG /* calendar icon */
{
  padding: 0px 0px 0px 5px;
}

/* ---------------------- QT 1200 ---------------------------------- */


.PDF_QT1200 TABLE
{
  width: 100%;
}

.PDF_QT1200 TH
{
  font-Size: 11px;
  text-align: center;
}

.PDF_QT1200 TD
{
  font-Size: 11px;
  text-align: center;
  padding: 4px;
}

.PDF_QT1200 .alt
{
  background-color: #EDEDC6;
}

.PDF_QT1200 .title
{
  text-align: left;
}

/* ---------------------- QT 1400 ---------------------------------- */
.PDF_QT1400
{
}

.PDF_QT1400 INPUT
{
 border: 1px solid #70674B;
 background-color: #FFF;
  padding: 5px;
  font-size: 14px;
  width: 300px;
}

.PDF_QT1400 LABEL
{
  font-size: 10px;
  color: #666;
  line-height: 20px; 
}

/* ---------------------- QT 1500 ---------------------------------- */
.PDF_QT1500
{
}

.PDF_QT1500 INPUT
{
 border: 1px solid #70674B;
 background-color: #FFF;
 padding: 5px;
  font-size: 14px;
  width: 300px;
}

.PDF_QT1500 LABEL
{
  font-size: 10px;
  color: #666;
  line-height: 20px; 
}


/*-----------System Styles --------------------*/
.cf
{
  margin:0px;
  padding: 0px;
  clear: both;  
}


/*-----------Start Page--------------------*/

.PDF_startPage
{

}

.PDF_startPageMsg
{
  
}

.button INPUT
{
  font-size: 16px;
  font-weight: bold;
}
																										 


Is This A Good Question/Topic? 0
  • +

Replies To: trouble centering and aligning text with css

#2 Lemur  Icon User is offline

  • Pragmatism over Dogma
  • member icon


Reputation: 1383
  • View blog
  • Posts: 3,515
  • Joined: 28-November 09

Re: trouble centering and aligning text with css

Posted 07 December 2009 - 05:51 PM

Was this generated code? Do you have a preview of the site so we can check against it to make sure?
Was This Post Helpful? 0
  • +
  • -

#3 yubajefffries  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 07-December 09

Re: trouble centering and aligning text with css

Posted 07 December 2009 - 09:25 PM

Yes it is generated code. It is one of the editable styles offered at www.polldaddy.com I am not sure what you mean by a preview but I will give you what I have...
Attached File  index.html (2.59K)
Number of downloads: 42Attached File  sPro.txt (3.35K)
Number of downloads: 71Attached File  css.txt (6.58K)
Number of downloads: 92

I have included the files I am working with the sPro.txt needs to be renamed to sPro.js

Thank you so much for your time
Was This Post Helpful? 0
  • +
  • -

#4 yubajefffries  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 07-December 09

Re: trouble centering and aligning text with css

Posted 07 December 2009 - 09:30 PM

Oh yes I forgot one file. When someone goes to www.myagentlistens.com this is the index that they go to that activates the javascriptAttached File  index1.html (1.05K)
Number of downloads: 55
Was This Post Helpful? 0
  • +
  • -

#5 Lemur  Icon User is offline

  • Pragmatism over Dogma
  • member icon


Reputation: 1383
  • View blog
  • Posts: 3,515
  • Joined: 28-November 09

Re: trouble centering and aligning text with css

Posted 08 December 2009 - 10:20 AM

I'll see what I can do when I get back tonight, shouldn't be terribly hard, though see if you can find something about centering elements on google, it seems to be a common problem and it's nailed me on occasion if I remember. I'd still have to look up how I fixed it.
Was This Post Helpful? 0
  • +
  • -

#6 yubajefffries  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 07-December 09

Re: trouble centering and aligning text with css

Posted 08 December 2009 - 12:51 PM

View PostLemur, on 8 Dec, 2009 - 09:20 AM, said:

I'll see what I can do when I get back tonight, shouldn't be terribly hard, though see if you can find something about centering elements on google, it seems to be a common problem and it's nailed me on occasion if I remember. I'd still have to look up how I fixed it.




Thank you very much for your help
Was This Post Helpful? 0
  • +
  • -

#7 Lemur  Icon User is offline

  • Pragmatism over Dogma
  • member icon


Reputation: 1383
  • View blog
  • Posts: 3,515
  • Joined: 28-November 09

Re: trouble centering and aligning text with css

Posted 08 December 2009 - 12:58 PM

No problem, I would help sooner but College eats time like crazy.
Was This Post Helpful? 0
  • +
  • -

#8 Lemur  Icon User is offline

  • Pragmatism over Dogma
  • member icon


Reputation: 1383
  • View blog
  • Posts: 3,515
  • Joined: 28-November 09

Re: trouble centering and aligning text with css

Posted 08 December 2009 - 09:44 PM

Found some pages that might help:
http://webdesign.abo.../a/aa012207.htm
http://www.webcredib...ss-tricks.shtml

The multiple class thing I didn't know, huh... Find out something new every day I suppose.
Was This Post Helpful? 1

Page 1 of 1