...

View Full Version : Text in middle?



UrbanTwitch
05-12-2008, 03:22 AM
The text in my table goes in the middle. Not the top, where I want it to go:

css.


#body {

padding: 0;
color: #9e9e9e;
font-family: tahoma;
text-align:left;
font-size: 12;
margin-left: 10px;
}

Here is what Im talking about:

http://img186.imageshack.us/img186/8844/look1ie5.png

Here is source:


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

FWDrew
05-12-2008, 05:36 AM
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 :thumbsup: 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.

UrbanTwitch
05-12-2008, 12:05 PM
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;



<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>

rafiki
05-12-2008, 12:16 PM
How can you boast valid XHTML and CSS when neither are valid.

technica
05-12-2008, 12:49 PM
have u tried using

vertical-alignment:top; in CSS

Or you can directly give it to <TD> like

<TD valign="Top">

Hope this helps :)

UrbanTwitch
05-12-2008, 08:28 PM
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.

FWDrew
05-13-2008, 05:12 AM
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

9homie
05-13-2008, 08:07 PM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum