www.webdeveloper.com
Results 1 to 2 of 2

Thread: [RESOLVED] trying to center some text

Hybrid View

  1. #1
    Join Date
    Oct 2013
    Posts
    26

    resolved [RESOLVED] trying to center some text

    I tried putting the two peoples reviews below the three sections that say, "About BOOK" Purchase Book" and News Info...

    I want the words “The A-Z Basketball Book is filled with outstanding basketball and life advice. The book will help teens excel at whatever they choose to put their minds to!”

    Brian Goodell, Two-Time Olympic God Medalist and Mental Toughness Coach


    to be down at the bottom of the page stretched across it



    My HTML
    HTML 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" />
                         
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <!--[if lte IE 9]>
        <style type='text/css'>
     #nav-main a {background:#476D94;}
     #nav-main a.active {background:#999;}
     #nav-main li:hover a {background:#999;}
        </style>
        <![endif]-->
    <script type="text/javascript" src="jquery/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="jquery/fadeslideshow.js"></script>
    
    <script type="text/javascript">
    
    var mygallery=new fadeSlideShow({
    	wrapperid: "fadeshow", //ID of blank DIV on page to house Slideshow
    	dimensions: [980, 400], //width/height of gallery in pixels. Should reflect dimensions of largest image
    	imagearray: [
    		["images/REsign.jpg", "", "", "We can help you regain your health and live a healthier, happier life!"],
    		["images/sunflower.jpg", "", "", ""],
    		["images/view.jpg", "", "", "Join our Monday night presentation!"],
    		["images/mountain.png", "", "", ""],
    		["images/ocean.jpg", "", "", "is it time to make your health a priority"],
    		["images/snow.jpg", "", "", " is it time to make your health a priority?"],
    		["images/far.jpg", "", "", "are you tired of taking drugs?"],
    		["images/health.jpg", "", "", "do you want to live a healthier life?"]
    		//<--no trailing comma after very last image element!
    	],
    	displaymode: {type:'auto', pause:1500, cycles:0, wraparound:false},
    	persist: false, //remember last viewed slide and recall within same session?
    	fadeduration: 500, //transition duration (milliseconds)
    	descreveal: "ondemand",
    	togglerid: ""
    })
    
    </script>
    <title>The A-Z Basketball Book | Home</title>
    
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    
    </head>
    <body>
    
      <div id="wrapper">
      	<div id="header">
       	  <div id="logo-image">
          <a shref="index.html"><img  src="images/logo.jpg" alt="Upstate Chiro Logo" width="190" height="185" style="border:none;"   /></a>
            <h3>The A-Z Basketball Book</h3>
          </div>
       	  <!--logo-image-->
          <div id="header-content">
        <h6>"What Every Player Needs to Know to Be <u>Great</u> at the Game!"</h6>
         <div id="rss-button"><a href="http://www.facebook.com/pages/UpstateChiropractic"><img src="images/rss-feed-button.png" border="0" alt="RSS Feed" width="35" height="35" /></a></div><div id="facebook-button"><a href="http://www.facebook.com/pages/UpstateChiropractic"><img src="images/facebook-button.png" border="0" alt="Facbook" width="35" height="35" /></a></div>     <div id="facebook-button"><a href="http://www.facebook.com/pages/UpstateChiropractic"><img src="images/instagram.jpg" border="0" alt="Instagram" width="35" height="35" /></a></div>     <div id="facebook-button"><a href="http://www.facebook.com/pages/UpstateChiropractic"><img src="images/vine.jpg" border="0" alt="Facbook" width="35" height="35" /></a></div>    <div id="facebook-button"><a href="http://www.facebook.com/pages/UpstateChiropractic"><img src="images/youtube.png" border="0" alt="YouTube" width="55" height="35" /></a></div>
          </div><!--header-content-->
           <ul id="nav-main">
           		<li><a href="optin.html">Opt-In</a></li>
           		<li><a href="pressrelease.html">Press Release</a>
    
                </li>
                <li><a href="foundation.html">Foundation</a></li>
        
                </li>
                <li><a href="author.html">Author</a>
    
                </li>
                <li><a class="active" href="index.html">Home</a></li>
          </ul>
                
          <img id="header-separation" src="images/header-image.jpg" alt="border" style="z-index:-999;"/>
          
        </div><!--header-->
            <div id="column-middle">
            <p style="text-align: left;"><em><font size="4">“Gary Pluff has put together a great manual for basketball players 12-to-18 who want to get better. The A-Z Basketball Book is a great read for those interested in learning more about the game and becoming improved players.”</font></em>
    <br><strong><font size="5">-Jim Boeheim, Head Coach Syracuse Men’s Basketball</font><br /> </strong>
           <div id="fadeshow"></div>
            </div><!--column-middle-->
            <div id="left-align"><div class="patient-test">
            <center><h2><u>About the Book</u></h2></center>
            
            <p>The A-Z Basketball Book is for all players, from age 12 to 18, that want to know what it takes to excel at the great game of basketball! Developed from a lifetime of coaching, playing, and studying, this comprehensive book condenses all the wisdom of the game down into an easy-to-read A to Z format.
    		<br> <br>
    		This site is created as a supplement to the book and provides video tutorials featuring fundamental skills and drills and links to other useful basketball sites to help those players that are committed to the game. </p>
            <br>
    		</div><div class="patient-test">
    		   <center> <h2><u>Purchase The Book</u></h2> </center>
                 <p>Purchase your copy today by clicking below.. 
                  <center><a href="https://www.createspace.com/4369906"><img  src="images/amazon1.jpg" alt="Amazon.com"  style="border:none;"   /></a></center> <br> <br> <br> <center><a href="http://www.amazon.com/-Z-Basketball-Book-Every-Player/dp/0989746607/ref=sr_1_4?s=books&ie=UTF8&qid=1376719146&sr=1-4&keywords=a-z+basketball+book"><img  src="images/amazon.jpg" width="220" height="80"  alt="Create Space" style="border:none;"   /> </p></a> </center>
           
            </div>
            <div class="patient-test">
    		    <center><h2><u>News and Info</U></h2></center>
            <p>Mea ad tation nonumy appellantur, ut quo aliquip molestiae dissentias. Natum persius accusam an pri, quo in hinc constituto. Aeterno pericula eum at. Pri ex purto ponderum. Tollit fabellas electram cu ***, in his brute soleat appareat. Pro ei verear periculis consequat, viris graece legendos vis an, ea mei recteque consetetur adipiscing.</p>
    		</div><br>     
    		  <div id="left-align">  
    		    
            <p>“The A-Z Basketball Book is filled with outstanding basketball and life advice.  The book will help teens excel at whatever they choose to put their minds to!”</p><h4>Brian Goodell, Two-Time Olympic God Medalist and Mental Toughness Coach</h4>
            <p>“The A-Z Basketball Book is an important learning guide for middle and high school basketball players. Gary really focuses not only on the importance of the game, but the priceless life values that come with it! This is a great read for any passionate basketball fan!”</p><h4>Ben Bellucci, Former Pro-Player, Bellucci Basketball Academy</h4>
    </div>
    		
            </div><!--left-align-->
            <div id="footer">
            <div id="footer-left">
    		<p>The A-Z Basketball Book ©2014</p>
            </div><!--footer-left-->
             <div id="footer-middle">
                 <a href="index.html">Home</a>
              <a href="author.html">Author</a>
              <a href="foundation.html">Foundation</a>
               <a href="pressrelease.html">Press Release</a>
    		<a href="optin.html">Opt-In</a>
            </div><!--footer-middle-->
            <div id="footer-right">
    		<p>Developed by Haseeb Rahman</p>
            </div><!--footer-right-->
            </div><!--footer-->
      </div><!--wrapper-->
    
    </body>
    </html>

  2. #2
    Join Date
    Oct 2013
    Posts
    26
    My CSS
    HTML Code:
    @charset "utf-8";
    
    /************************************************
    	Layout
    ************************************************/
    
    html {
    	background-color:#FFC299;
    	
    	}
    
    
    #wrapper {
    	width: 980px;
    	margin: 0px auto;
    	background-color:white;
    	border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    	border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    	box-shadow: 10px 10px 20px #000;
    	
    	}
    	
    #header {
    	padding-top: 1%;
    	background: white;
    	height: 180px;	
    	border-top-left-radius: 6px;
        border-top-right-radius: 6px;
      width:100%;
    	}
    	
    #footer {
    	
    	height:70px;
    	clear:both;
    	background-color:#CCC;
    	width:100%;
    	border-top: 1px solid #464c54;
    	border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    	}
    	
    #column-left {
    	padding-top:6%;
    	padding-right:3%;
    	width: 22%;
    	height:100%; 
    	background:white;
    	float:left;
    	clear:left;
    	font-family:Helvetica, sans-serif;
    	margin-left:0px;
    	
    	}
    	
    #column-right {
    	padding-top:3%;
    	padding-right:3%;
    	width: 72%;
    	background:white;
    	height:100%;
    	float:left;
    	font-family:sans-serif;
    	
    	}
     
    .center {
        margin:25px auto;
        float:none!important;
     }
    #column-middle {
    	background:white;
    	float:left;
    	width:100%;
    	height:100%;
    	padding-top:3%;
    	padding-bottom:1%;
    	
    	}
    /************************************************
    	Navigation
    ************************************************/
    
    #nav-main {
    	width:74%;
    	float: right;
    	height:17%;
    	list-style:none;
    	
    	}
    
    
    #nav-main li {
    	position: relative;
    	float:right;
    	}
    
    #nav-main a {
    	color:white;
    	padding: 12px 18px 11px 18px;
    	text-decoration: none;
    	font-size: 18px;
    	font-family:sans-serif;
    	display:block;
    	border:1px solid #B84A00; 
    	border-bottom:2px solid #464c54; 
    	background: -moz-linear-gradient(#395877, #476D94);
    	background: -webkit-gradient(linear, left top, left bottom, from(#395877), to(#476D94));
    	background: -webkit-linear-gradient(#395877, #476D94);
    	background: -o-linear-gradient(#395877, #476D94);
    	background: -ms-linear-gradient(#395877, #476D94);
    	background: linear-gradient(#E65C00, #B84A00); 
      	
    	
    	}
    
    #nav-main a:hover {
    	padding-bottom:11px;
    	border-color:#2f343a;
    
    	}
    
    #nav-main a.active {
    	color: #FFF;
    	background: -moz-linear-gradient(#787878, #999);
    	background: -webkit-gradient(linear, left top, left bottom, from(#787878), to(#999));
    	background: -webkit-linear-gradient(#787878, #999);
    	background: -o-linear-gradient(#787878, #999);
    	background: -ms-linear-gradient(#787878, #999);
    	background: linear-gradient(#787878, #999); 
    	
    	}
    
    #nav-main ul{
    	z-index:9999;
    	background:#fff; 
    	background:rgba(255,255,255,0); 
    	list-style:none;
    	position:absolute;
    	left:-9999px; 
    }
    #nav-main ul li{
    	
    	float:none;
    }
    #nav-main ul a{
    	white-space:nowrap;
    	 
    	
    }
    #nav-main li:hover ul { 
    	left:0; 
    	
    }
    #nav-main li:hover a{ 
    	background: -moz-linear-gradient(#787878, #999);
    	background: -webkit-gradient(linear, left top, left bottom, from(#787878), to(#999));
    	background: -webkit-linear-gradient(#787878, #999);
    	background: -o-linear-gradient(#787878, #999);
    	background: -ms-linear-gradient(#787878, #999);
    	background: linear-gradient(#787878, #999); 
    	border:1px solid #464c54;
    	border-bottom:2px solid #464c54; 
    }
    #nav-main li:hover ul a{ 
    	padding: 3px 22px 3px 24px;
    	font-weight:normal;
    	font-size:14px;
    	width:140px;
    	border:1px solid #464c54;
    	font-family:sans-serif;
    	}
    #nav-main li:hover ul li a:hover{ 
    	background:#CCC;
    	color:#000;
    
    }
    #nav-main li:hover ul li a.subactive{ 
    	background:#4e8bc1;
    	color:#000;
    }
    
    /************************************************
    	Header
    ************************************************/
    #logo-image{
    	
    	float:left;
    	text-align:center;
    	color:#476D94;
    	width:26%;
    	height:110px;;
    	font-family:Helvetica, sans-serif;
    	font-size:15px;
    	padding-left:5px;
    	
    	}
    
    #header-content{
    	margin-right:10px;
    	float:right;
    	color:#000000;
    	width:72%;
    	height:120px;
    	font-family:Georgia, Times New Roman, Times, serif;
    
    	}
    #header-content h6{
    	text-align:left;
    	font-size:22px;
    	margin-bottom:2%;
    	margin-top:6%;
    	}
    #facebook-button {
    	float:right;
    	padding-right:3%;
    	
    	}
    	
    #rss-button {
    	float:right;
    	padding-right:2%;
    	
    	}
    #header-separation {
    	
    	width:100%;
    	background-repeat:repeat-x; 
    	height:23%;
    	overflow:hidden;
    	border-top:1px solid #464c54;
    	
    	}
    
    /************************************************
    	Footer
    ************************************************/
    #footer-left {
    	
    float:left;
    font-size:13px;
    padding-left:2%;
    padding-top:1%;
    width:30%;
    
    }
    
    #footer-middle {
    	
    float:left;
    font-size:14px;
    padding-top:2%;
    width:31%;
    text-align:center;
    
    }
    #footer a:hover {
    	color:#3C5B7B;
    	
    }
    #footer a {
    	color:#B84A00;
    	}
    #footer-right {
    float:right;
    font-size:13px;
    padding-top:1%;
    width:34%;
    padding-right:2%;
    
    text-align:right;
    
    }
    
    
    /************************************************
    	Content Area
    ************************************************/
    
    .content-image {
    	
    	float:right;
    	padding-top:2%;
    	padding-bottom:2%;
    	padding-left:2%;
    	}
    
    #column-right p {
    
    font-size:14px;
    padding-bottom:2px;
    margin-top:8px
    }
    
    #column-right h2 {
    color:#B84A00
    
    }
    #column-right h4 {
    color:#06F;
    font-size:16px;
    margin-bottom:0px;
    }
    #column-left ul {
    	padding-left:14%;
    }
    #column-left li{
    	list-style:none;
    	margin-bottom:10px;
    	
    	}
    #column-left li a{
    	text-decoration:none;
    	font-size:15px;
    	font-weight:bold;
    	font-family:sans-serif;
    	color:#06F;
    	
    	}
    #column-left li a:hover{
    	
    	color:#000;
    	}
    #column-left li a.subselected {
    	color:#000;
    
    }
    iframe {
    border:1px solid #000;	
    }
    
    #operation-hours {
    	padding-left:8%;
    	padding-top:8%;	
    	
    }
    #operation-hours  td {
    	padding-left:5%;	
    	font-size:13px;
    	font-weight:bold;
    	padding-bottom:5px;	
    }
    #operation-hours  td:last-child {
    text-align:center;
    font-weight:normal;
    	
    }
    #operation-hours  tr:first-child td:last-child {
    text-align:center;
    font-weight:bold;
    padding-bottom:5px;	
    
    }
    /************************************************
    	Home Page
    ************************************************/
    #left-align {
    
    padding-left:1%;
    padding-right:2%;	
    width:100%;
    }
    
    #right-align {
    
    padding-left:1%;
    padding-right:23%;	
    width:100%;
    }
    
    
    #left-align h2 {
    color:#B84A00;
    margin-bottom:0px;
    }
    .patient-test {
    width:30%;
    float:left;
    padding-left:1%;
    padding-right:2%;
    text-align:justify;
    }
    
    .patient-test p {
    	font-style:italic;
    	font-family:Times New Roman, Times, serif;
    	font-size:16px;
    }
    .patient-test h4 {
    margin-top:0px;
    padding-top:0px;
    color:#06F;
    font-famliy:sans serif;
    font-size:14px;
    }
    
    /************************************************
    	Wordpress Content
    ************************************************/
    #wordpress-content {
    	
    	
    }

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles