W3C home > Mailing lists > Public > www-html@w3.org > June 2003

Re: border and xhtml 1.1

From: Toby A Inkster <tobyink@goddamn.co.uk>
Date: Mon, 9 Jun 2003 18:51:58 +0100
To: Yoann <linux-yoann@ifrance.com>
Cc: www-html@w3.org
Message-ID: <20030609175158.GA30960@ophelia.goddamn.co.uk>
On Mon, Jun 09, 2003 at 06:57:17PM +0200, Yoann wrote:
| part of my page :
| 
| <table>
|   <tr>
|     <td>
|       <img class="menu" src="menu01.gif" />
|     </td>
|   </tr>
|   <tr>
|     <td>
|       <img class="menu" src="menu02.gif" />
|     </td>
|   </tr>
| </tabke>
| 
| part of my style.css :
| 
| table.menu{
| text-align: left;
| vertical-align: top;
| margin:0px;
| border:hidden;
| padding:0px;
| }

Well, this will have no effect, as the table is not of class menu. I 
think what you meant was:

table{
text-align: left;
vertical-align: top;
margin:0px;
border:hidden;
padding:0px;
}

Either way, the correct way of doing this would be:

<div id="menu">
<img src="menu01.gif" alt="Something" />
<img src="menu02.gif" alt="Something Else" />
</div>

div#menu img{
	padding-top: 0;
	margin-top: 0;
	border-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

Although why you are using images for a menu is beyond me. You should be 
using a list element of some kind. e.g. <ul /> or <ol />.


-- 
Toby A Inkster BSc (Hons) ARCS | mailto:tobyink@goddamn.co.uk | pgp:0x6A2A7D39
    aim:inka80 | icq:6622880 | yahoo:tobyink | jabber:tai@jabber.linux.it
            http://www.goddamn.co.uk/tobyink/ | "You've got spam!"
                             playing://(nothing)

Received on Monday, 9 June 2003 13:52:12 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 27 March 2012 18:15:55 GMT