Web Hosting Talk






PDA

View Full Version : getting text aligned with a table...

hopesfall
09-07-2008, 06:46 PM
Here's a screenshot of what this looks like:
http://img296.imageshack.us/img296/3183/ex1un3.jpg (http://imageshack.us)
http://img296.imageshack.us/img296/3183/ex1un3.aceebdff99.jpg (http://g.imageshack.us/g.php?h=296&i=ex1un3.jpg)
I want to get my text aligned with the table, I drew a red line on the screenshot to show how I wanted it. Hopefully someone can help me! I just don't want the space above the table to be there, I want to the table moved up.
oliviakitty
09-07-2008, 07:00 PM
Trying adding this to your CSS.
table {
float: right;
}
yuniar
09-08-2008, 05:03 AM
If you could paste the HTML code instead of the screenshot, that would be helpful.

Is that "My Host" enclosed within a div? or a heading?
hopesfall
09-08-2008, 08:32 PM
alright, i took out the confusing text, I left the login table. Can anyone tell me how I would add an image or maybe align text on the opposite side of this table? Heres the markup:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyHost</title>
<link href="style.css" type="script/css" rel="stylesheet">

</head>
<body id=myBody bgcolor="#ffffff" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">
<table cellpadding="0" cellspacing="0" border="1" width="768" height="90" bgcolor="#33ffff">
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="1" width="100" height="50" align="right" class="logintable">
<tr>
<td> Login: </td>
<td>
<input name="loginname">
</td>
</tr>
<tr>
<td> Password: </td>
<td align="right">
<input name="loginpass">
</td>
</tr>
<!---control panel login button-->
<tr>
<td align="center" colspan="2">
<input value="Login!" type="submit">
</td>
</tr>
yuniar
09-10-2008, 03:21 AM
simply split your table container into two colums, the left side for your image, the right side for your login table.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyHost</title>
<link href="style.css" type="script/css" rel="stylesheet">

</head>
<body id=myBody bgcolor="#ffffff" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">
<table cellpadding="0" cellspacing="0" border="1" width="768" height="90" bgcolor="#33ffff">
<tr>
<td>
Put your image tag here
</td>
<td>
<table cellpadding="0" cellspacing="0" border="1" width="100" height="50" align="right" class="logintable">
<tr>
<td> Login: </td>
<td><input name="loginname"></td>
</tr>
<tr>
<td> Password: </td>
<td align="right"><input name="loginpass"></td>
</tr>
<!---control panel login button-->
<tr>
<td align="center" colspan="2"><input value="Login!" type="submit"></td>
</tr>
</table>
</td>
</tr>
</table>