473,406 Members | 2,371 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,406 software developers and data experts.

First table row is different?

In the following HTML code, the whitespace to the right of "bla" is
clickable, whereas the whitespace to the right of "blubb" is not.
That is, IE6 behaves like this. In Mozilla 1.4, both areas of
whitespace are clickable.

How do I make that whitespace (to the right of "blubb") clickable in
IE6, too?

It's okay to use something other than tables. Actually, I am trying
to produce a column of "buttons" which stretch across the whole width
of the frame. I'm still not sure how to get the 3d look that buttons
in Windows normally have...

tia,
Kai

PS: Frame layout is required because the user is supposed to be able
to resize that column of buttons with the mouse.

<html>
<body>

<table width="100%" border="1">
<tr>
<td>
<a href="http://www.leo.org/">
<div>bla</div>
</a>
</td>
</tr>
<tr>
<td>
<a href="http://www.google.com/">
<div>blubb</div>
</a>
</td>
</tr>
</table>

</body>
</html>

Jul 20 '05 #1
8 2364

"Kai Grossjohann" <ka*@emptydomain.de> wrote in message
news:87************@emptyhost.emptydomain.de...
In the following HTML code, the whitespace to the right of "bla" is
clickable, whereas the whitespace to the right of "blubb" is not.
That is, IE6 behaves like this. In Mozilla 1.4, both areas of
whitespace are clickable.
A DIV is a block element. In valid HTML it cannot appear inside an A
element. The browsers are reacting in their own respective, unpredictable
ways to invalid code.

How do I make that whitespace (to the right of "blubb") clickable in
IE6, too?

It's okay to use something other than tables. Actually, I am trying
to produce a column of "buttons" which stretch across the whole width
of the frame. I'm still not sure how to get the 3d look that buttons
in Windows normally have...


If you buttons, use images, with a rollover version if you'd like, and link
them. Or try this CSS trick, which I've tested in IE6, Netscape 6, Netscape
7, and Mozilla 1.5: (the "cursor" attribute works only in IE, and even there
it doesn't persist when the cursor is over the button's label; maybe if I
put the label in a span and gave the span a "cursor" style it would work)

<html>

<head>
<style>
.button {
background-color: #cccccc;
color: green;
border-style: outset;
border-width: 2px;
margin: 5px;
padding: 5px;
cursor: hand;
}
.navbutton { width: 125px; }
</style>
</head>

<body>

<div
class="button navbutton"
onmouseover="this.style.borderStyle='inset'"
onmouseout="this.style.borderStyle='outset'"
onclick="location.href='http://www.leo.org'">LEO</div>

<div
class="button navbutton"
onmouseover="this.style.borderStyle='inset'"
onmouseout="this.style.borderStyle='outset'"
onclick="location.href='http://www.google.com'">Search Google</div>

</body>
</html>
Jul 20 '05 #2
"Harlan Messinger" <h.*********@comcast.net> writes:
If you buttons, use images, with a rollover version if you'd like, and link
them. Or try this CSS trick, which I've tested in IE6, Netscape 6, Netscape
7, and Mozilla 1.5: (the "cursor" attribute works only in IE, and even there
it doesn't persist when the cursor is over the button's label; maybe if I
put the label in a span and gave the span a "cursor" style it would work)


It turns out that "cursor:pointer" seems to be the standard CSS way of
doing things; it works on Mozilla 1.4 (I think) and IE 6 on W2k.

Very nifty.

We will now buy a professional Javascript package for getting the
effect we wanted. It looks terrifyingly similar to the icons bar on
the left of Microsoft Outlook, animation effects and all.

Ah, the joy of hours wasted...

Kai

Jul 20 '05 #3

"Kai Grossjohann" <ka*@emptydomain.de> wrote in message
news:87************@emptyhost.emptydomain.de...
"Harlan Messinger" <h.*********@comcast.net> writes:
If you buttons, use images, with a rollover version if you'd like, and link them. Or try this CSS trick, which I've tested in IE6, Netscape 6, Netscape 7, and Mozilla 1.5: (the "cursor" attribute works only in IE, and even there it doesn't persist when the cursor is over the button's label; maybe if I put the label in a span and gave the span a "cursor" style it would
work)
It turns out that "cursor:pointer" seems to be the standard CSS way of
doing things; it works on Mozilla 1.4 (I think) and IE 6 on W2k.
Pointer is the normal arrow, isn't it? It becomes a hand when hovering over
a hyperlink. That's what I was trying to get. "Hand" is in the CSS standard.

Very nifty.
Thanks.

We will now buy a professional Javascript package for getting the
effect we wanted. It looks terrifyingly similar to the icons bar on
the left of Microsoft Outlook, animation effects and all.
That should be easy. Just have alternate rollover files, load them with the
page into Image objects, and then use Javascript to change the src
attributes of the icons on mouseover and mouseout. I hope the software
you're buying gives you more than that, or else only costs a few dollars.

Ah, the joy of hours wasted...


Jul 20 '05 #4
"Harlan Messinger" <h.*********@comcast.net> wrote in message news:<bo*************@ID-114100.news.uni-berlin.de>...

We will now buy a professional Javascript package for getting the
effect we wanted. It looks terrifyingly similar to the icons bar on
the left of Microsoft Outlook, animation effects and all.


That should be easy. Just have alternate rollover files, load them with the
page into Image objects, and then use Javascript to change the src
attributes of the icons on mouseover and mouseout. I hope the software
you're buying gives you more than that, or else only costs a few dollars.


It's not that easy: the outlook bar can be made wider or narrower. So
I would need several images: one for the left hand side 3d effect, one
for the middle part of the button, and one for the right hand side 3d
effect. The middle image would then be tiled to get to the right
width, I guess.

*shudder*

I can barely draw a straight line with pencil on paper, and now I'm
supposed to do these graphics tricks... Well, maybe I can find a
colleague who is better at it than I am.

Kai
Jul 20 '05 #5

"Kai Grossjohann" <Ka*************@gmx.net> wrote in message
news:e8**************************@posting.google.c om...
"Harlan Messinger" <h.*********@comcast.net> wrote in message news:<bo*************@ID-114100.news.uni-berlin.de>...

We will now buy a professional Javascript package for getting the
effect we wanted. It looks terrifyingly similar to the icons bar on
the left of Microsoft Outlook, animation effects and all.


That should be easy. Just have alternate rollover files, load them with the page into Image objects, and then use Javascript to change the src
attributes of the icons on mouseover and mouseout. I hope the software
you're buying gives you more than that, or else only costs a few

dollars.
It's not that easy: the outlook bar can be made wider or narrower.
If you look more closely, you'll see that the active area doesn't change in
size when you do that, at least not in Outlook 2002. The area outside the
images doesn't cause the rollover effect and isn't hyperlinked. It's no
different from centering hyperlinked images inside a table cell or DIV.
So
I would need several images: one for the left hand side 3d effect, one
for the middle part of the button, and one for the right hand side 3d
effect. The middle image would then be tiled to get to the right
width, I guess.

*shudder*

I can barely draw a straight line with pencil on paper, and now I'm
supposed to do these graphics tricks... Well, maybe I can find a
colleague who is better at it than I am.
Eh, mouseovers really aren't tough. Just tedious.

Kai


Jul 20 '05 #6
"Harlan Messinger" <h.*********@comcast.net> writes:
If you look more closely, you'll see that the active area doesn't change in
size when you do that, at least not in Outlook 2002. The area outside the
images doesn't cause the rollover effect and isn't hyperlinked. It's no
different from centering hyperlinked images inside a table cell or DIV.


Ah, you're talking about the things with the icons next to them.
Those are fairly easy.

I'm talking about the grey buttons. The bottommost one says "My
Links" (or something similar, I'm translating from German "Eigene
Verknüpfungen" here).

If you make the outlook bar wider then the buttons will also be wider,
and there is a 3d effect to them.

Kai

Jul 20 '05 #7

"Kai Grossjohann" <ka*@emptydomain.de> wrote in message
news:87************@emptyhost.emptydomain.de...
"Harlan Messinger" <h.*********@comcast.net> writes:
If you look more closely, you'll see that the active area doesn't change in size when you do that, at least not in Outlook 2002. The area outside the images doesn't cause the rollover effect and isn't hyperlinked. It's no
different from centering hyperlinked images inside a table cell or DIV.
Ah, you're talking about the things with the icons next to them.
Those are fairly easy.

I'm talking about the grey buttons. The bottommost one says "My
Links" (or something similar, I'm translating from German "Eigene
Verknüpfungen" here).


If there are three sections labeled "Outlook Verknüpfungen", "Eigene
Verknüpfungen", and "Andere Verknüpfungen" (Outlook Shortcuts, My Shortcuts,
Other Shortcuts), then we're both talking about the Outlook Bar, and in
Outlook 2002 (US version), at least, these buttons do not change size. If
you do want that feature, then I guess it is easier to buy it.

If you make the outlook bar wider then the buttons will also be wider,
and there is a 3d effect to them.

Kai


Jul 20 '05 #8
"Harlan Messinger" <h.*********@comcast.net> wrote in message news:<bp*************@ID-114100.news.uni-berlin.de>...

If there are three sections labeled "Outlook Verknüpfungen", "Eigene
Verknüpfungen", and "Andere Verknüpfungen" (Outlook Shortcuts, My Shortcuts,
Other Shortcuts), then we're both talking about the Outlook Bar, and in
Outlook 2002 (US version), at least, these buttons do not change size. If
you do want that feature, then I guess it is easier to buy it.


Amazing. I just tried (with Outlook 2000) and made the outlook bar
very wide (across approx 1/2 of the screen, it wouldn't go wider), and
those buttons were as wide as the outlook bar. And I tried to click
on the very left and also on the very right, and also in the middle of
such a button (Eigene Verknüpfungen), and all three clicks invoked the
button function.

I then tried to click on one of the links themselves (Outlook Heute =
Outlook Today, I guess), and these links indeed did NOT grow. So
after making the outlook bar wide, there is a lot of dark-grey
unusable space to the left and to the right of the links.

Kai
Jul 20 '05 #9

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

17
by: Rick | last post by:
Hi all, Is there a MySQL function to get the first record through a query? I would like to open a page of client records with the first one shown. The other records can be accessed from a...
0
by: Rene | last post by:
I'm trying to learn how to use python for cgi scripts... I created a form that submits some info that I put in a cookie. Then the script calls itself and reads the cookie, and displays a...
8
by: Evan Smith | last post by:
During a routine performance check using an event monitor, I discovered a class of query whose performance has me baffled. The monitor captured: SELECT * FROM EWM_CASE fetch first 1 rows only...
3
by: Ray | last post by:
I need to find the first date of ship_date from table B for in my query of table A. The common field is model. Table A Fields: Model, dev_date, tool_off_date Table B Fields: Model,...
26
by: Martin R | last post by:
Hi, How to find first not null value in column whitout chacking whole table (if there is a not null value then show me it and stop searching, the table is quite big)? thx, Martin *** Sent...
8
by: carlospedr | last post by:
I have to insert data from about 30 tables into a single table (Users), to do so i used a cursor and a bit of dynamic sql, this should work fine if the tables have to do the select from had the...
16
by: Martin Joergensen | last post by:
Hi, I wanted to try something which I think is a very good exercise... I read in data from the keyboard and store them in a structure. There's a pointer called "data_pointer" which I use to...
17
by: Timothy.Rybak | last post by:
Hello all, This is my first attempt at an application, so kid gloves are appreciated. I need to make a very simple form that only has a few elements. One is TraceCode - a text field that is...
4
by: Chris Gilpin | last post by:
Hey everybody. I have two tables. The first table lists all of the client ids of the clients I am interested in analyzing. The second table lists various data from their different visits to the...
1
by: Arved Sandstrom | last post by:
This seems to be something so simple that none of the hundred-odd tutorials and forum threads that I have looked at (:-)) apparently thinks it's a problem. In a nutshell, I have two...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
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
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
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...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
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...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.