473,466 Members | 1,381 Online
Bytes | Software Development & Data Engineering Community
Create Post

Home Posts Topics Members FAQ

Why the gap on the right side of the image?

Hello,

I have *almost* successfully implemented the CSS rollovers described
by Dan Cederholm at his SimpleBits web site
(http://www.simplebits.com/notebook/2...rollovers.html)

My page is here: http://www.lynngoldstein.com/sarah/test.htm

Things seem to work alright, but I am having trouble with the position
of the very first GIF file in the menu bar because it is separated
from the rest of the GIFs by a larger white gap on its right edge. I
cannot figure out the source of this inconsistency and was wondering
if someone with a fresh set of eyes could please tell me what is going
on?

Thank you,
-M
Jul 21 '05 #1
10 2034
On Mon, 15 Nov 2004 14:33:46 -0800, me*********@yahoo.com (Mercury
Mercurius) wrote in message
<3f*************************@posting.google.com> :
Hello,

I have *almost* successfully implemented the CSS rollovers described by
Dan Cederholm at his SimpleBits web site
(http://www.simplebits.com/notebook/2...rollovers.html)

My page is here: http://www.lynngoldstein.com/sarah/test.htm

Things seem to work alright, but I am having trouble with the position
of the very first GIF file in the menu bar because it is separated from
the rest of the GIFs by a larger white gap on its right edge. I cannot
figure out the source of this inconsistency and was wondering if someone
with a fresh set of eyes could please tell me what is going on?


Remember this site well, it is your friend...

http://validator.w3.org

Your site isn't valid XHTML so it wont render properly. I haven't got
round to writing pages in XHTML yet so can't help you further.

--
FZS600 - Silver/Black
GS125 - Black/Rust
Ford 100E Prefect - Black, naturally
Whisky - Aberlour Cask Strength
Jul 21 '05 #2
PDannyD wrote:
Things seem to work alright, but I am having trouble with the position
of the very first GIF file in the menu bar because it is separated from
the rest of the GIFs by a larger white gap on its right edge. I cannot
figure out the source of this inconsistency and was wondering if someone
with a fresh set of eyes could please tell me what is going on?

<snip>

The home_button graphic is 89px wide while the rest of the buttons are
90px wide, and the right edge of the graphic is white, 1px wide. Making
it 90px wide and changing the white to match the correct colors fixed it
on my machine in IE6, Netscape 7.2 .

Mike
Jul 21 '05 #3
On Mon, 15 Nov 2004 17:07:07 -0800, mscir <ms***@access4less.net> wrote:
PDannyD wrote:
Things seem to work alright, but I am having trouble with the position
of the very first GIF file in the menu bar because it is separated from
the rest of the GIFs by a larger white gap on its right edge. I cannot
figure out the source of this inconsistency and was wondering if
someone
with a fresh set of eyes could please tell me what is going on?

<snip>

The home_button graphic is 89px wide while the rest of the buttons are
90px wide, and the right edge of the graphic is white, 1px wide. Making
it 90px wide and changing the white to match the correct colors fixed it
on my machine in IE6, Netscape 7.2 .


You totally ignored the directive to validate. http://validator.w3.org/

1) You MUST set a charset. If your server cannot do this, add this to your
head, right after <head>:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

2) In XHTML you must close li elements.

<ul id="nav">
<li id="thome"><a href="index.html">Home</a><!-- WHERE'S THE </li> ?????
-->
<li id="tlandscapes"><a href="landscapes/">Landscapes</a><-- ETC.!!!!! ->
<li id="tportraits"><a href="portrait/">Portraits / Figurative</a>
<li id="tflorals"><a href="florals/">Florals</a>
<li id="tnews"><a href="news/">News</a>
<li id="tabout"><a href="about.htm">About</a>
<li id="tcontact"><a href="contact.htm" class="selected">Contact</a>
</ul>

You haven't. Put a </li> after the links in the above on your page, see
what it does. We cannot help further until you eliminate the obvious.

3) While you're at it, in XHTML <br> must be <br /> - fix it.

4) Then validate. http://validator.w3.org/ Be sure the errors of
validation disappear. Also check your CSS with the CSS validator.
http://jigsaw.w3.org/css-validator/ You cannot keep requesting help until
you've used these resources to eliminate the obvious. If you do not
understand the errors, feel free to ask about that.

Then, and ONLY then, if the problem persists, re-post regarding your
positioning wrror.
Jul 21 '05 #4
*Neal* <ne*****@yahoo.com>:

1) You MUST set a charset.
Actually not, but it is really recommended.
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
If it was X(HT)ML, UTF-8 would be the default.
2) In XHTML you must close li elements.
3) While you're at it, in XHTML <br> must be <br /> - fix it.


Better yet, he should just use HTML*4.01.

--
No sig today, my .sig has gone away
The divider stands forlorn, a symbol of the dawn
No sig today, it seems a common sight
But people reading by don't know the reason why
Jul 21 '05 #5
On Tue, 16 Nov 2004 03:19:38 +0100, Christoph Paeper
<ch**************@nurfuerspam.de> wrote:
Better yet, he should just use HTML*4.01.


Then you talk him out of it. ;)
Jul 21 '05 #6
On Tue, 16 Nov 2004, Christoph Paeper wrote:
*Neal* <ne*****@yahoo.com>:

1) You MUST set a charset.


Actually not, but it is really recommended.


For what - HTML? HTML4.01 asserts that there is no default charset,
which is as close as one can get, without saying it in so many words,
to saying you must set one. CA-2000-02 says that failing to set one
can be a security hazard, which is another strong indication.

Although if you code your page in us-ascii only, then - as far as
rendering is concerned, and ignoring the shortcomings of NN4.*
versions - it hardly matters whether you call it ascii,
iso-8859-anything, or utf-8, since they're indistinguishable in the
absence of any octet above 255. But the setting might have
side-effects, such as influencing the preferred font, and having
an effect on forms submissions.
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


If it was X(HT)ML, UTF-8 would be the default.


Confusion here. meta http-equiv has no meaning for XML, nor for XHTML
per se. It's an optional inclusion for compatibility reasons under
the terms of XHTML/1.0 Appendix C, but - as we know - Appendix C is to
some extent self-contradictory, and relies upon "HTML" user agents
failing to implement HTML fully per the rules of SGML.

Jul 21 '05 #7
"Alan J. Flavell" <fl*****@ph.gla.ac.uk> a écrit dans le message de
news:Pi******************************@ppepc56.ph.g la.ac.uk
it hardly matters whether you call it ascii,
iso-8859-anything, or utf-8, since they're indistinguishable in the
absence of any octet above 255


Didn't you meant by the absence of any octet above 127 (0x7F) ?

Jul 21 '05 #8
On Thu, 18 Nov 2004, Pierre Goiffon wrote:
"Alan J. Flavell" <fl*****@ph.gla.ac.uk> a écrit dans le message de
news:Pi******************************@ppepc56.ph.g la.ac.uk
it hardly matters whether you call it ascii,
iso-8859-anything, or utf-8, since they're indistinguishable in the
absence of any octet above 255


Didn't you meant by the absence of any octet above 127 (0x7F) ?


Yes, of course. Sheer carelessness on my part, sorry.

Jul 21 '05 #9
On Tue, 16 Nov 2004 10:30:43 +0000, "Alan J. Flavell"
<fl*****@ph.gla.ac.uk> wrote:

[... I have noted the correction of '255' to be '127' ...]
Although if you code your page in us-ascii only,
then - as far as rendering is concerned, and ignoring
the shortcomings of NN4.* versions - it hardly matters
whether you call it ascii, iso-8859-anything, or utf-8,
since they're indistinguishable in the absence of any
octet above 255.


Although the "pure ASCII" approach to page authoring could be said to be
correct in theory; should it not be mentioned that it is the ASCII range
of code points '32' - '126' that is the part that is of practical use.

Starting from the back to look at '127' that one is a control character
of sorts, with its roots in the old punched paper tape era where the
only option available to erase a character already punched on tape was
to punch out all the other available hole positions too and dedicate a
patter of seven holes in the tape to mean "this character position has
been deleted and should not be sent".

AFAIK there is no practical use of code point 127 in an HTML page unless
it could be found some where that it is specified to have some defined
function inside a 'PRE' element?

Like wise; outside of a possible use inside a 'PRE' element (I only know
of code points '9', '10' and '13') anything below code '32' is of
limited use for practical HTML authoring too.

--
Rex
Jul 21 '05 #10
On Thu, 18 Nov 2004, Jan Roland Eriksson wrote:
Starting from the back to look at '127' that one is a control
character
Yes, 127 is a control character, no doubt about that, and AFAIR the
SGML declaration for HTML says that it's not used.
of sorts, with its roots in the old punched paper tape era where the
only option available to erase a character already punched on tape was
to punch out all the other available hole positions too
I've got a hand punch in the archives somewhere, though the
splicer somehow went missing ;-)
Like wise; outside of a possible use inside a 'PRE' element (I only know
of code points '9', '10' and '13') anything below code '32' is of
limited use for practical HTML authoring too.


Less useful than "limited", I think. Check that SGML declaration for
HTML again...?

But that wasn't the point at issue in the previous posting. These
control characters are still the same characters in iso-8859-anything,
and in utf-8, as they are in ascii. And of as much (or as little) use
in HTML, no matter which encoding is in use.

all the best
Jul 21 '05 #11

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

Similar topics

5
by: Joseph Ellis | last post by:
Hello all. I have a family website that I have been maintaining for the past year and a half or so. It includes a photo album that has grown quite large. So far I've displayed the photo album...
9
by: Heath | last post by:
I am wondering if anyone knows how to do the following: I have an image in a header defined by a div. It is organized in the way that I was shown here, that is the contents of the div (three...
10
by: Carolyn Marenger | last post by:
I think this is an easy one, but I have not been able to find it anywhere. In HTML, I used <center><img src="whatever.gif></center> to horizontally center a graphic on a page. What is the CSS...
3
by: Pierre Jelenc | last post by:
I am trying to put a graphical border along the top, left, and right edges of a page. For left and top I have an oversize GIF with the proper graphics used as the background-image of either the...
6
by: Neo Geshel | last post by:
Greetings. I am making an admin interface, which allows me to upload photos to an access DB. The admin interface also needs to display the uploaded photos, but only needs to show them at a...
1
by: scott | last post by:
Hello, I'm trying to create the following effect: IMG text para- graph
2
by: Eric Lindsay | last post by:
I hope someone can help, before I start thinking tables have a lot of merit after all. I am trying to achieve a two column layout, with source code div order main content, right side navigation,...
9
by: JG | last post by:
I'm new obviously to html and I'm looking for a way put an image on the right side of the page opposite text on the left. How does one do this? I've heard of text wrapping of an image but not sure...
1
by: mzkpk | last post by:
Hi.. i m generating PDF file by using FPDF class of php it is successfully generated but i want to set image on left side and text on right side but when i display the image the text go to the bottom...
1
by: bogdan | last post by:
Hi, I have a div to provide a background image for a menu. I'd like to position the menu on the right side but I can't seem to find a right way of doing it. The only way the menu will move to...
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
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...
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
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...
1
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...
0
agi2029
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,...
0
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...
0
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?

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.