Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8

Thread: Text in middle?

  1. #1
    Regular Coder UrbanTwitch's Avatar
    Join Date
    Apr 2006
    Posts
    485
    Thanks
    44
    Thanked 1 Time in 1 Post

    Text in middle?

    The text in my table goes in the middle. Not the top, where I want it to go:

    css.
    Code:
    #body {
    
    	padding: 0;
    	color: #9e9e9e;
    	font-family: tahoma;
    	text-align:left;
    	font-size: 12;	
    	margin-left: 10px;
    	}
    Here is what Im talking about:



    Here is source:

    Code:
    <td colspan="7" background="images/maybe_20.gif"><div id=body>DAN
    			</div></td>
    Formerly MysticScript

    6+ years club

  • #2
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    Hi,

    Do you have a link? It will be a lot easier with a URL to said site where we can view everything.

    On a side note, you should'nt be using tables for layout, only tabular data Heres a good read if you havent read it http://www.hotdesign.com/seybold/

    Drew

    BTW, I like the header of your site, its very nice looking.

  • #3
    Regular Coder UrbanTwitch's Avatar
    Join Date
    Apr 2006
    Posts
    485
    Thanks
    44
    Thanked 1 Time in 1 Post
    I don't. I can only use Adobe Photoshop Cs3 to code and slice. :\

    As for the whole problem itself.

    Is it okay if i used

    position: realative;
    top: -210;

    Code:
    <html>
    <head>
    <title>sodaDome</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
    <style>
    body { 
    background-color:#FFFFFF;
    margin:0; 
    padding:0; 
    }
    #body {
    
    	padding: 0;
    	color: #9e9e9e;
    	font-family: tahoma;
    	text-align:left;
    	font-size: 12;	
    	margin-left: 10px;
    	}
    #menu {
    
    	padding: 0;
    	color: black;
    	font-family: tahoma;
    	font-size: 12;	
    	margin-right: 10px;
    	text-align:right;
    	align:right;
    	}
    /* Sidebar */	
    #sidebar {
    	float: right;	
    	color: red;
    vertical-align: bottom	
    }	
    #sidebar h2 {
    	margin: 0px 10px 0px 5px;
    	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
    	color: #9e9e9e;	
    	text-align:right;
     position:relative;
     top:-145px;
    }
    #sidebar p {
    	margin-right: 5px;
    }
    
    #sidebar ul.sidemenu {
    	list-style: none;
     position:relative;
     top:-145px;
    	text-align: right;
    	margin: 7px 10px 8px 0; padding: 0;
    	text-decoration: none;	
    	border-top: 1px solid #6d6d6d;	
    }
    #sidebar ul.sidemenu li {
    	list-style: none;
    	padding: 4px 0px 4px 5px;
    	margin: 0 2px;	
    	color: #777;		
    	font-weight: bold;
    	width: 120px;
    	border-bottom: 1px dashed #6d6d6d; 
    }
    #sidebar ul.sidemenu li a {
    	text-decoration: none;	
    	color: #1773BC;	
    	font-family:tahoma;
    	font-size: 12px;			
    }
    #sidebar ul.sidemenu li a:hover {	
    	color: #333;	
    }
    
    
    
    #content{
    border-bottom:1px dashed #000E20;
    width: 50&#37;;
    text-align:right;
    	align:right;
    
    }
    </style>
    </head>
    <body><center>
    <!-- ImageReady Slices (beta2v556436.psd) -->
    <table id="Table_01" width="657" height="577" border="0" cellpadding="0" cellspacing="0">
    	<tr>
    		<td colspan="11">
    			<img src="images/maybe_01.gif" width="656" height="21" alt=""></td>
    
    		<td>
    			<img src="images/spacer.gif" width="1" height="21" alt=""></td>
    	</tr>
    	<tr>
    		<td rowspan="6">
    			<img src="images/maybe_02.gif" width="11" height="133" alt=""></td>
    		<td colspan="9">
    			<img src="images/maybe_03.gif" width="634" height="9" alt=""></td>
    		<td rowspan="9" background="images/maybe_04.gif" width="11px" height="100%">
    
    			</td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="9" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="2">
    			<img src="images/maybe_05.gif" width="351" height="66" alt=""></td>
    		<td rowspan="3">
    			<img src="images/maybe_06.gif" width="11" height="93" alt=""></td>
    
    		<td rowspan="2">
    			<img src="images/maybe_07.gif" width="75" height="84" alt=""></td>
    		<td rowspan="3">
    			<img src="images/maybe_08.gif" width="16" height="93" alt=""></td>
    		<td rowspan="2">
    			<img src="images/maybe_09.gif" width="75" height="84" alt=""></td>
    		<td rowspan="3">
    			<img src="images/maybe_10.gif" width="18" height="93" alt=""></td>
    		<td rowspan="2">
    
    			<img src="images/maybe_11.gif" width="75" height="84" alt=""></td>
    		<td rowspan="3">
    			<img src="images/maybe_12.gif" width="13" height="93" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="66" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="2" rowspan="2">
    			<img src="images/maybe_13.gif" width="351" height="27" alt=""></td>
    
    		<td>
    			<img src="images/spacer.gif" width="1" height="18" alt=""></td>
    	</tr>
    	<tr>
    		<td>
    			<img src="images/maybe_14.gif" width="75" height="9" alt=""></td>
    		<td>
    			<img src="images/maybe_15.gif" width="75" height="9" alt=""></td>
    		<td>
    
    			<img src="images/maybe_16.gif" width="75" height="9" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="9" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="9">
    			<img src="images/maybe_17.gif" width="634" height="30" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="30" alt=""></td>
    
    	</tr>
    	<tr>
    		<td colspan="9">
    			<img src="images/maybe_18.gif" width="634" height="1" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="2" width="156px" background="images/maybe_19.gif" height="100%">
    
    			<div id="sidebar">
    <h2>Menu</h2>
    <ul class="sidemenu">				
    				<li><a href="index.html">Home</a></li>
    				<li><a href="#TemplateInfo">Gallery</a></li>
    				<li><a href="#SampleTags">Models</a></li>
    				<li><a href="http://www.styleshout.com/">About</a></li>	
    				<li><a href="http://www.4templates.com/?aff=ealigam">Other World</a></li>	
    			</ul>	
    
    
    </div></td>
    
    		<td colspan="7" background="images/maybe_20.gif"><div id=body>
    
    DAN
    			</div></td>
    		<td>
    			<img src="images/maybe_21.gif" width="13" height="345" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="345" alt=""></td>
    	</tr>
    
    	<tr>
    		<td rowspan="2">
    			<img src="images/maybe_22.gif" width="11" height="77" alt=""></td>
    		<td colspan="9">
    			<img src="images/maybe_23.gif" width="634" height="58" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="58" alt=""></td>
    	</tr>
    	<tr>
    
    		<td colspan="9">
    			<img src="images/maybe_24.gif" width="634" height="19" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="19" alt=""></td>
    	</tr>
    	<tr>
    		<td>
    			<img src="images/spacer.gif" width="11" height="1" alt=""></td>
    		<td>
    
    			<img src="images/spacer.gif" width="145" height="1" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="206" height="1" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="11" height="1" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="75" height="1" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="16" height="1" alt=""></td>
    
    		<td>
    			<img src="images/spacer.gif" width="75" height="1" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="18" height="1" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="75" height="1" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="13" height="1" alt=""></td>
    		<td>
    
    			<img src="images/spacer.gif" width="11" height="1" alt=""></td>
    		<td></td>
    	</tr>
    </table>
    <!-- End ImageReady Slices --></center>
    </body>
    </html>
    Last edited by UrbanTwitch; 05-12-2008 at 01:07 PM.
    Formerly MysticScript

    6+ years club

  • #4
    Senior Coder rafiki's Avatar
    Join Date
    Aug 2006
    Location
    Floating around somewhere...
    Posts
    2,046
    Thanks
    19
    Thanked 42 Times in 42 Posts
    How can you boast valid XHTML and CSS when neither are valid.

  • #5
    Regular Coder
    Join Date
    Dec 2007
    Posts
    107
    Thanks
    0
    Thanked 3 Times in 3 Posts
    have u tried using

    vertical-alignment:top; in CSS

    Or you can directly give it to <TD> like

    <TD valign="Top">

    Hope this helps
    Programming & Webmaster Forum - AdSense Revenue Sharing forum

  • Users who have thanked technica for this post:

    UrbanTwitch (05-12-2008)

  • #6
    Regular Coder UrbanTwitch's Avatar
    Join Date
    Apr 2006
    Posts
    485
    Thanks
    44
    Thanked 1 Time in 1 Post
    Quote Originally Posted by rafiki View Post
    How can you boast valid XHTML and CSS when neither are valid.
    Where does it say this template is CSS or XHTML valid?

    Also - thanks it did it.
    Last edited by UrbanTwitch; 05-12-2008 at 09:32 PM.
    Formerly MysticScript

    6+ years club

  • #7
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    I don't. I can only use Adobe Photoshop Cs3 to code and slice. :\
    You dont use tables for the layout? Source says you do.

    Drew

  • #8
    Banned
    Join Date
    May 2008
    Posts
    105
    Thanks
    9
    Thanked 0 Times in 0 Posts
    try

    <code>
    #body {

    padding: 0;
    color: #9e9e9e;
    font-family: tahoma;
    text-align:left;

    text-valign:top;

    font-size: 12;
    margin-left: 10px;
    }
    </code>

    In your code. That should work.


  •  

    Posting Permissions

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