can't get ul list on bottom of table cell

Patrick Sullivan

Hi people,
I've been trying to get the text of a menu list to align at the bottom of a
table cell. Can't get to work with html or css and html. Menu should be
lined up with bottom right of logo. But the text always comes out higher up,
in Firefox and IE6. (Borders turned on to see while developing.) TIA

(other style declarations)
#topnav{
text-align: left;
line-height:1.5em;
margin-bottom:0;
margin-top:0;
vertical-align: text-bottom;
}

li.inline {
list-style-type: none;
padding-right:1.2em;
display:inline;
padding-left:0.1em;
margin-left:0;
margin-bottom:0;
margin-top:0;
}

<body>
<table border="1" width="700px" align="center" cellspacing="0">

<! logo cell>
<tr><td width="81" rowspan="2"><img src="images/logo2.png" alt="Logo"
width="81" height="106" /></td>

< ! blank spaces aboive menu>
<td width="69" height="88"> </td><td width="536"> </td>

<! top menu cell- here is the problem area>
<tr>
<td height="22" colspan="2" valign="bottom">
<ul>
<li class="inline"><a href="const.htm"
target="_blank">Advanced Materials</a></li>
<li class="inline"><a href="const.htm" target="_blank">Ballistics
Control</a></li>
<li class="inline"><a href="const.htm"
target="_blank">Design</a></li>
<li class="inline"><a href="const.htm" target="_blank">Sports
Technology</a></li>
</ul></td>

<! other stuff not implemented yet.>
<tr><td height="22" colspan="3">hr</td></tr>
<tr><td height="22" colspan="2">iframe</td><td>cbox</td></tr>

<tr><td height="22" colspan="3">hr</td></tr>
<tr><td height="22" colspan="3">bottom menu</td></tr>

<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
--

Patrick Sullivan, AA-BA, BA-IT

Sep 9 '06 #1

Subscribe Post Reply

2509

Jukka K. Korpela

Patrick Sullivan <ps******@bellsouth.netscripsit:

I've been trying to get the text of a menu list to align at the
bottom of a table cell.

You should have posted the URL of your best effort. Don't stop thinking
about the matter before you realize why. Hint: try copying the fragment you
posted and turning it into page that can be tested. Notice in particular
what happens to the image and to the quasicomments.

<table border="1" width="700px" align="center" cellspacing="0">

You should really design the page from scratch. Fixed-width layout tables
are a complicated way of creating problems that can only be solved by a
rewrite of the page.

<td height="22" colspan="2" valign="bottom">
<ul>

- -

</ul></td>

On the very technical side, a <ulelement typically have default margins,
or at least a default bottom margin, and to remove them you would use
ul { margin: 0; }

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Sep 9 '06 #2

Patrick Sullivan

Thank you Jukka,

I did not have the page uploaded to a URL, there's been so many versions
that I am sick of doing that unless I think it's ready for production. Last
effort was ok but I did not test in FireFox and did not think the client
would even know what Firefox was. So boxes came out different sizes when he
accidentally saw it with FF. :)

Now, this page was from scratch, laid out on paper first, but then I used
dreamweaver on it, that was probably a mistake. The ul {margin:0} worked
great, thank you. I guess I need to rewrite it again, using more columns now
(by hand, Dreamweaver always seems to add more stuff than necessary).
<sigh>...

BTW, I originally tried to get this design working with pure css, but was
plagued with columns and menus bouncing around when the page was resized, so
I am doing layout with a table now, yep.
--

Patrick Sullivan, AA-BA, BA-IT

"Jukka K. Korpela" <jk******@cs.tut.fiwrote in message
news:kl*****************@reader1.news.jippii.net.. .

Patrick Sullivan <ps******@bellsouth.netscripsit:

I've been trying to get the text of a menu list to align at the
bottom of a table cell.

You should have posted the URL of your best effort. Don't stop thinking
about the matter before you realize why. Hint: try copying the fragment

you

posted and turning it into page that can be tested. Notice in particular
what happens to the image and to the quasicomments.

<table border="1" width="700px" align="center" cellspacing="0">

You should really design the page from scratch. Fixed-width layout tables
are a complicated way of creating problems that can only be solved by a
rewrite of the page.

<td height="22" colspan="2" valign="bottom">
<ul>
- -
</ul></td>

On the very technical side, a <ulelement typically have default margins,
or at least a default bottom margin, and to remove them you would use
ul { margin: 0; }

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Sep 9 '06 #3

by: Stephen Poley | last post by:

I'd like to float an image to the bottom of a DIV containing several paragraphs, so that it is positioned to the right of the closing paragraphs (and preferably below the closing paragraphs if the...

HTML / CSS

Can't get cell to shrink to zero

by: Jammer | last post by:

I have a simple HTML table that I want to use as a progress bar - by changing the width of the two TD elements with javascript, you show progress. The problem is that when I change the width to...

Javascript

table row - border on the bottom

by: eomer | last post by:

I would like my table header to have a border on the bottom. What I have written works in Mozilla (1.7.12) but not IE (6). I have included the snippet of html and the snippets of CSS. Any...

HTML / CSS

dropdown menu...can this be done?

by: kinane3 | last post by:

Mostly I need to figure if I'm wasting my time or if there is a way to do what I am trying to do. I am an intermediate to CSS at best so please don't flame me, just trying to do my job here. I...

HTML / CSS

Cool DIV effect...how can this be done?

by: Gordowey | last post by:

Where can I find this DIV effect. go to: http://www.amazon.com Put mouse over the text "See All 32 Product Categories" (Top-Middle)..it will open a window with a cool effect... does anyone...

Javascript

can this layout be done without tables?

by: axlq | last post by:

Suppose I had to lay out a part of a page where I wanted to retain the horizontal and vertical relationship of the elements. Yes, this is what tables are for. I was curious if it can be done in...

HTML / CSS

Can Access create Word documents?

by: etuncer | last post by:

Hello All, I have Access 2003, and am trying to build a database for my small company. I want to be able to create a word document based on the data entered through a form. the real question is...

Microsoft Access / VBA

Link two dropdowns so the second dropdown can use sql query

by: zion4ever | last post by:

Hello good people, Please bear with me as this is my first post and I am relative new to ASP. I do have VB6 experience. I have a form which enables users within our company to do an intranet...

ASP / Active Server Pages

How's hyperlink overlap a image and located at bottom right corner of table cell.

by: webster5u | last post by:

Hi, I'm encounter a problem here. I hope somebody able helping me. i'm put a "log out" hyperlink overlap a image and that particular image is inside a table cell. I also try align the hyperlink on...

HTML / CSS

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

can't get ul list on bottom of table cell

Similar topics