473,721 Members | 2,259 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

CSS buttons: causes shifting text

BB
Thanks for the reply, previously, to my query.

An issue has been raised, the code below is used for css buttons and is
contained in an external .css file: plang.css
This html is a left-side navbar kinda thingie. When the mouse floats over
the defined area the text changes to bold and another color, while the
background is also changed to another color. The button text is followed by
a line seperator (navline.gif).

The concern: moving the mouse from top to bottom over the 'buttons' is
shifting all of the .gif file,s and text that fall below the highlighted
button.
It appears as a ripple flowing downward. This has been rated as "not good"
:( Does this have a css solution? Or must I find a different method?
--------------------o h, t h a n k s!!---------------
A {text-decoration: none;}
A:link{color:#f f9966;}
A:visited{color :#ff9966;}
A:active{color: #ff9966;}
A:hover {font-weight: bold; color: yellow; background-color: navy;}

-------- below is the sample html using the styles------- sorry about the
caps....

<HTML>
<HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html">
<TITLE>Peter Lang Showroom</TITLE>
<LINK REL="STYLESHEET " TYPE="text/css" HREF="plang.css ">
</HEAD>
<BODY>
<DIV ALIGN="left"> <A HREF="index.htm l">Home</A><BR>
<IMG SRC="images/navline.gif" WIDTH="120" HEIGHT="5" VSPACE="4"> <BR>
<A HREF="thumb_ind ex.html">Showro om</A><BR>
<IMG SRC="images/navline.gif" WIDTH="120" HEIGHT="5" VSPACE="4"> <BR>
<A HREF="nav2.html ">What's New</A><BR>
<IMG SRC="images/navline.gif" WIDTH="120" HEIGHT="5" VSPACE="4"> <BR>
<A HREF="lines.htm l">Lines</A><BR>
<IMG SRC="images/navline.gif" WIDTH="120" HEIGHT="5" VSPACE="4"> <BR>
<A HREF="map.html" >Directions/Map</A><BR>
<IMG SRC="images/navline.gif" WIDTH="120" HEIGHT="5" VSPACE="4"> <BR>
<A HREF="contact.h tml">Contact Us</A><BR>
</DIV>
</BODY>
</HTML>
Jul 20 '05 #1
1 4156
In article <7q************ ***@newssvr16.n ews.prodigy.com >, BB wrote:
When the mouse floats over the defined area the text changes to bold
The button text is followed by a line seperator (navline.gif).

The concern: moving the mouse from top to bottom over the 'buttons' is
shifting all of the .gif file,s and text that fall below the highlighted
button.
URL would be better than long describtion.

Bolding makes font wider, so do not use bolding for text unless bold text
will fit to the line. Now it wraps, I think.
A:hover {font-weight: bold;} <DIV ALIGN="left">


Why not float:left? Because with that you would need to have width
according to CSS2, and then you wouldn't have this problem. As browser
don't understand change width of container when size of inner element
changes, as it will with when just changing height.

<A HREF="index.htm l">Home</A><BR>
<IMG SRC="images/navline.gif" WIDTH="120" HEIGHT="5" VSPACE="4"> <BR>

Fix: use width for div. Better fix: use ul instead of div, li for each a,
hide bullet, have 5px bottom padding and put navline.gif to the
background of that padding. Hide from NN4. Or if navline.gif is simple,
use bottom border

You are missing alt attributes, BTW. (people will see/hear "navline.gi f"
after each link, propably alt="" is suitable)

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Saapi lähettää meiliä, jos aihe ei liity ryhmään, tai on yksityinen
tjsp., mutta älä lähetä samaa viestiä meilitse ja ryhmään.

Jul 20 '05 #2

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

Similar topics

40
3480
by: Greg G | last post by:
http://risky-biz.com/new/risky.html I finally got DSL service recently, but I haven't forgotten the agony of waiting for the 64th image to load before I can see ANYTHING on a page. So I will keep to the antiquated notion of designing pages that load quickly. Toward that end I have always used text links. But I like the look of buttons as much as the next guy. I'm trying a "button bar" without images for the still-experimental version...
17
1585
by: Jack | last post by:
Hi, This is a strange problem I am encountering. I have a asp page with a confirmation.asp page that saves data to a table. There are few text fields that are captured by the confirmation page as l_f_name = Request.Form("txt_Name") l_f_personstitle = Request.Form("txt_Title") l_f_PhoneAreaCode = Request.Form("txt_PhoneAreaCode") l_f_Phone1 = Request.Form("txt_Phone1") l_f_Phone2 = Request.Form("txt_Phone2") l_f_Date =...
9
8758
by: GGG | last post by:
Noticed something odd in the way bit shifting was working today. As far as I have ever heard, shifting will shift in zeros(signed ints aside) However I foudn something odd when I am shifting exactly the number of bits in a value... i.e. uint32_t x = 5;
4
1956
by: Leythos | last post by:
I've got several sites that I used DreamWeaver MX to add RollOver buttons to the pages, it also adds some javascript that pre-loads the images and does the mouse_over and such. In FireFox 1.0.1 when I load the page and it pre-loads the images the status bar shows DONE. When I mouse over any item, it changes the image properly, but the status (lower left of browser) shows "Read www.somesite.com", it may also show "Waiting for...
2
6269
by: Wayne | last post by:
I've been having a click around Access 2007 this afternoon and have discovered some things that range from annoying to alarming. My Access 2003 menu bars, which I, like many others, use extensively, are now hidden behind an "Add Ins" tab on the Ribbon. Hardly an intuitive place for a user to find them. Unless my memory is failing me, I'm sure that Access 2003 menus displayed normally in the 2007 Beta. The other thing I've discovered...
5
6760
by: Amoril | last post by:
I've read quite a few different message on various boards and for some reason I'm still having trouble wrapping my head around this viewstate maintenance and trying to get these dynamically created link buttons to stay wired up to their click events. I have what is basically a simply survey question generation page. The page first displays a few static fields and a dropdownlist of various options for the user to select. When the user...
3
1565
by: Samkos | last post by:
Hi there, I am fighting with a problem I intended to believe trivial that I could not solve yet! I am trying to have a button with a variable text, that pops up another button with a variable text when pressed. I did that with the following program in Python, but the second button remains always void!!! is it related to
4
1869
by: Neil | last post by:
I previously posted about data shifting between records in my Access 2000 MDB with a SQL Server 7 back end, using ODBC linked tables. Every once in a while, data from one record mysteriously appears in another record. This incident happened again, this time adding a new wrinkle to the situation. There are two tables -- TableA and TableB -- which have a one-to-one relationship with each other, joined on TableA's autonumber primary key...
16
2893
by: tvnaidu | last post by:
I have these two ON and OFF buttons html code below, based on condition I am displaying status on screen(I have mutliple lines for each LED), my row shifting when some displaying ON and some displaying OFF, because ON button is smaller than OFF (ON is 2 character and OFF is 3 character), Is there anyway I can specify for both should take fixed length?. <input type="button" value="ON " style="background-color: #00cc00; color: #ffffff;" /> ...
0
8730
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
9367
Oralloy
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
9215
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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
9131
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 Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
9064
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 protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
6669
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5981
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
1
3189
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
2130
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.