HTML - Aligning List In Table

Hi all, im sure this is an easy one for alot of you in here but here goes....

Ive got a table which is say 40 pxls high, ive split it into 2 columns and on the left I have text links and on the right im trying to put an H1 tag. Anyway when I convert my text into an H1 tag its like its been top aligned in the table and obviously I want it to sit vertically in the centre.

Ive tried changing alignment options in dreamweaver with no effect. The text links in the left hand column display normally also.

Thanks!

Gah, I've been sitting here trying to do this for hours and my head is utterly boggled!

This is the kind of thing I want, I've tried aligning the text within the table to the bottom and then wrapping it around the image but obviously I'm just a huge, epic failure. Eck.

(I don't know if you can catch the longshore-drift of my beautiful art--oh, how I kid you --but the black box represents an image and the lines are text!)

Any help would be much appreciated! Thanks lovelies.

I've been working in Flash for too long now or something, a little bit rusty with HTML. This recent website I've been working on for a friends restaurant is giving me some trouble. Im working without dreamweaver or imageready or anything like that, just code. And for some reason I cant get the table to fully line up. I know its probably going to end up being such a minor detail that Im missing, but ive spent a while now with no luck.

Hoping someone can view this code and tell me what im not seeing:


Http://www.lindesignz.com/mazzeh


(p.s. I know I broke it up more than it needs to be. its for future graphic edits.)

I created a layout in Photoshop CS3 and used the slice tool, which generated a table for me based on the slices. The problem is, I need the table to be aligned at the very top of the page without a space, without having to set the table height to 100%. Is there a way this can be done?

Hi, I'm needing to align an html table with x and y values. However, I've never done this before, where do I need to put the values in the code? Thank you!

I am trying to get this table to align properly but to no avail so far. Also, I'd like to be able to put a form in the middle of the pictures. Here is the code for the section I am referring to:

Code:

<table border="10"><tr><td><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"></td><br></tr><tr>
<td align="left"><img src="bal.gif"><img src="bal.gif"></td>
<td align="right"><img src="bal.gif"><img src="bal.gif"></td></tr><br><tr>
<td align="left"><img src="bal.gif"><img src="bal.gif"></td>
<td align="right"><img src="bal.gif"><img src="bal.gif"></td></tr><br><tr>
<td align="left"><img src="bal.gif"><img src="bal.gif"></td>
<td align="right"><img src="bal.gif"><img src="bal.gif"></td></tr><br><tr>
<td><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"></td></tr>
</table>

hey,
simple question here i just cant get it to work though.
i want to align some text to the bottom and to the right of a table

<table width="100%" cellspacing="0" border="0" cellpadding="18" height="75%">
<tr>

<td bgcolor="000000" width="10%">
<img src="graphics/spacer.gif" width="100" height="1">
</td>

<td bgcolor="ffffff" width="90%" valign="top">
<h2>Welcome to the Darwin Soccer Clubs Official Website</h2>
<hr color="black">

<p>Here we strive to bring you all the latest news from the club by
keeping you updated on the results from all our games throught out
the season, the roster so you will never forget when your teams, where
your teams playing and who there playing.
<br><br>
Also check out the new <a href="p4potw.html">Player of the week</a>
page to see if you have made
it to number one!</p>

<p align="right" valign="bottom"> THIS IS THE PART I CANT GET TO WORK</p>
</td>

</tr>

i dont no why.. and try not to think about the other writing in the table this is for
my studies i am doing.

cheers
</table>

Im hoping someone can help me out on this one

im just getting back into coding so im a little rusty but i am somewhat stumped by this issue

i have a table that the text refuses to align to top middle unless its divided up into a new cell. The best it will do is align middle left of the cell but refuses to go to the top.

The site that it is on with the issue is www.gamersjoy.com

the table in question is the center table with updates, as you can see everything is pushed halfway down and aligned to the left

Any help would be greatly appreciated as it is slowing me down from finishing my project

thanks in advance

Tcanuth

Hi. I'm working on a fairly complicated web form and need to align input boxes horizontally across a lefthand column, a multi-row nested table, and a righthand column. This works OK (as long as cellpad and cellspace are set to 0) except that at one point I need to put text in the right-hand column instead of an input box, and this throws the alignment out. The simplified code below shows what I mean. As given below the boxes are aligned properly. But if you comment out the version A row and substitute the version B row, the alignment goes.

Can anyone explain why this happens, and whether there's a way round it ? The form in question does have to be a table, by the way. Would be grateful for any suggestions !

Thanks

Dedge

<form>
<table width='100%' cellspacing='0' cellpadding='0' border='0'>
<tr>
<td>Item name</td>
<td rowspan='5'>
<table cellspacing='0' cellpadding='0' border='0'>
<tr>
<td><input name='i1' id='i1' size='1' maxlength='1'></td>
<td><input name='i2' id='i2' size='1' maxlength='1'></td>
</tr>
<tr>
<td><input name='i3' id='i3' size='1' maxlength='1'></td>
<td><input name='i4' id='i4' size='1' maxlength='1'></td>
</tr>
<tr>
<td><input name='i5' id='i5' size='1' maxlength='1'></td>
<td><input name='i6' id='i6' size='1' maxlength='1'></td>
</tr>
<tr>
<td><input name='i7' id='i7' size='1' maxlength='1'></td>
<td><input name='i8' id='i8' size='1' maxlength='1'></td>
</tr>
<tr>
<td><input name='i7' id='i7' size='1' maxlength='1'></td>
<td><input name='i8' id='i8' size='1' maxlength='1'></td>
</tr>
</table>
</td>
<td>Item name</td>
<td><input name='ia' id='ia' size='1' maxlength='1'></td>
</tr>
<tr>
<td>Item name</td>
<td>Item name</td>
<td><input name='ib' id='ib' size='1' maxlength='1'></td>
</tr>
<tr>
<td>Item name</td>
<td>Item name</td>
<td><input name='ic' id='ic' size='1' maxlength='1'></td>
</tr>
<!--VERSION A-->
<tr>
<td>Item name</td>
<td>Item name</td>
<td><input name='ic' id='ic' size='1' maxlength='1'></td>
</tr>
<!--END OF VERSION A-->
<!--VERSION B-->
<!--<tr>
<td>Item name</td>
<td colspan='2' align='right'>SOME TEXT</td>
</tr>-->
<!--END OF VERSION B-->
<tr>
<td>Item name</td>
<td>Item name</td>
<td><input name='ie' id='ie' size='1' maxlength='1'></td>
</tr>
</table>
</form>

Hi, I am new to web design and am trying to design company website without using a site builder. I have built up my container with 3 boxes inside. In the largest I want text on the right and a 1 column 2 row table on the right - to be adjacent to each other but I can't get it to work. I don't want the text to wrap around the table. Please help.

Hi,

How do I get my table to be flush with the top and sides of the screen? Currently there is a spacing in automatic between.

Thanks

Hi

Not sure if this comes under css or semantic html....

I am trying to find an alternative to using a table for this requirement.

1. All text can expand.
2. All cells must align (as in a table).
3. Text must make use of available space and cannot wrap.
4. If the content becomes to long, then the panels float underneath (as normal when there is not enough space)

The problem with using a list horizontally is that if labels are longer they wont align (item 2).

So I thought about using a list vertically. This way the list will be as wide as the widest items in the list. Float the content list next to it. That way we keep the alignment.

So far so good.

Problem. Because Panel2-label and panel2-content are associated, if the panel flows underneath because of lack of space. Then the 2 associated panels should not be separated.

I cannot achieve this. I have tried wrapping the panels in a div then adding a nowrap. But this doesn't work.

Do anyone have any thoughts on how to achieve this, or whether it is possible.

Cheers

Langer

<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
body {font-family: Arial, Helvetica, sans-serif; font-size: 75%; margin: 0px; padding:0px;}
.container {margin: 0 auto; padding:10px; border:1px solid #000; width:600px;}
ul {list-style:none; padding:0; margin:0; float:left;}
li {padding-right:10px; border:1px solid #f90;}
li.li1 {font-weight:bold;}
.panel1 li.li2 {margin-right:10px;}
</style>
</head>
<body>
<div class="container">
<div class="panel1">
<ul>
<li class="li1">Panel 1 label 1</li>
<li class="li1">Panel 1 label 2 longer</li>
</ul>
<ul>
<li class="li2">Panel 1 Content 1</li>
<li class="li2">Panel 1 Content 2 longer</li>
</ul>
</div>
<div class="panel2">
<ul>
<li class="li1">Panel 2 label 1</li>
<li class="li1">Panel 2 label 2 longer</li>
</ul>
<ul>
<li class="li2">Panel 2 content 1</li>
<li class="li2">Panel 2 content 2</li>
</ul>
</div>
<div style="clear:both"></div>
</div>
</body>
</html>

Hi there,

I was wondering if it's good practice to put <li> tags inside table cells. Normally, I would just put the list items in their own div container without the table, but for specific design reasons, I need to separate the list items in their own table data cells.

This is how I'm currently doing it:

Code:

<div id="container">
<ul>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><h2>List Header</h2></td>
</tr>
<tr>
<td height="29"><li><a href="itemone.html">Item One</a></li></td>
</tr>
<tr>
<td height="29"><li><a href="itemtwo.html">Item Two</a></li></td>
</tr>
<tr>
<td height="29"><li><a href="itemthree.html">Item Three</a></li></td>
</tr>
<tr>
</table>
</ul>
</div>

Notice that the H2 header isn't actually a list item but is still within the <ul> tags. Is any of this confusing or incorrect for google indexing?

Hi,

Is there any way such that i can use ordered list to number the rows of a table??

Nikhil