hi everyone,
i was hoping someone could help me. the code below - in IE the menu options
(text) are a couple of pixels too low and i cant move them up, and the form
boxes are ok.
in mozilla the reverse is true - the text links are ok but the form boxes
are too low! I cant figure out why this is happening.
I want the text to be vertically centered in the black menu bar, and the
form boxes likewise.
any help greatly appreciated!
thanks
CODE:
=====
<div id="headermenub ar">
<form name="menu" method="post" action="" style="display: inline;">
<a href="/" >home</a> - <a href="/uk/option1/" >option1</a> - <a
href="/uk/option2/" >option2</a> - <a href="/uk/option3/" >option3</a> - <a
href="/uk/option4/" >design</a>
<input name="textfield " onFocus="if(thi s.value=='check domain
name')this.valu e='';" type="text" class="smalldom ainlookupbox" value="check
domain name">
<select name="select" class="smalldom ainlistmenu">
<option value=".com" selected>.com</option>
<option value=".co.uk"> .co.uk</option>
<option value=".net">.n et</option> </select>
<input type="image" src="/images/info.gif" border="0" alt="Go!">
</form>
</div>
ASSOCIATED ENTRIES IN EXTERNAL CSS FILE:
=============== =============== ========
#headermenubar {
font-family: Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
position:absolu te;
width:594px;
height:22px;
z-index:50;
left: 156px;
top: 95px;
layer-background-color: #ffffff;
border: 0px none #000000;
background-color: #000000;
visibility: visible;
font-weight: bold;
}
#headermenubar a:hover {
color: #CCFFCC;
text-decoration: none;
}
#headermenubar a:link, a:visited {
color: #FFFFFF;
text-decoration: none;
}
..smalldomainli stmenu {
font-size: 11px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
..smalldomainlo okupbox {
font-size: 11px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin-left: 20px;
} 9 2030
On Fri, 4 Jun 2004 17:22:53 +0100 <12*@321.com> broke off from
drinking a cup of tea at to write: hi everyone,
i was hoping someone could help me. the code below - in IE the menu options (text) are a couple of pixels too low and i cant move them up, and the form boxes are ok. in mozilla the reverse is true - the text links are ok but the form boxes are too low! I cant figure out why this is happening.
Perhaps because CSS only *suggests* layout.
You can not make a page appear identical across all browsers,
platforms and individual reader's preferences. Don't try to.
Instead, aim simple. Make something that works ("looks okay") across
different configurations. That way you get less stress, and more happy
readers!
Matt
--
The Probert Encyclopaedia - Beyond Britannica http://www.probertencyclopaedia.com
but surely this kind of thing is possible? vertical alignment?
"Matt Probert" <co******@probe rtencyclopaedia .com> wrote in message
news:40******** *******@news.nt lworld.com... On Fri, 4 Jun 2004 17:22:53 +0100 <12*@321.com> broke off from drinking a cup of tea at to write:
hi everyone,
i was hoping someone could help me. the code below - in IE the menu
options(text) are a couple of pixels too low and i cant move them up, and the
formboxes are ok. in mozilla the reverse is true - the text links are ok but the form boxes are too low! I cant figure out why this is happening.
Perhaps because CSS only *suggests* layout.
You can not make a page appear identical across all browsers, platforms and individual reader's preferences. Don't try to.
Instead, aim simple. Make something that works ("looks okay") across different configurations. That way you get less stress, and more happy readers!
Matt
-- The Probert Encyclopaedia - Beyond Britannica http://www.probertencyclopaedia.com
On Fri, 4 Jun 2004 17:22:53 +0100, <12*@321.com> wrote: hi everyone,
i was hoping someone could help me. the code below - in IE the menu options (text) are a couple of pixels too low and i cant move them up, and the form boxes are ok. in mozilla the reverse is true - the text links are ok but the form boxes are too low! I cant figure out why this is happening. I want the text to be vertically centered in the black menu bar, and the form boxes likewise. any help greatly appreciated!
thanks
[snip]
You are currently using TONS of unnecessary CSS, but adding the following
entry will fix the problem:
#headermenubar form a,input,select {
vertical-align:middle;
}
Grey
--
The technical axiom that nothing is impossible sinisterly implies the
pitfall corollary that nothing is ridiculous.
- http://www.greywyvern.com - Orca Knowledgebase: Completely CSS styleable
Knowledgebase/FAQ system
"GreyWyvern " <sp**@greywyver n.com> wrote in message
news:op******** ******@news.nas .net... On Fri, 4 Jun 2004 17:22:53 +0100, <12*@321.com> wrote:
hi everyone,
i was hoping someone could help me. the code below - in IE the menu options (text) are a couple of pixels too low and i cant move them up, and the form boxes are ok. in mozilla the reverse is true - the text links are ok but the form
boxes are too low! I cant figure out why this is happening. I want the text to be vertically centered in the black menu bar, and the form boxes likewise. any help greatly appreciated!
thanks
[snip]
You are currently using TONS of unnecessary CSS, but adding the following entry will fix the problem:
#headermenubar form a,input,select { vertical-align:middle; }
Grey
thanks for the reply,
the text seems fine in IE now, but the form too low.
in mozilla, everything has shifted up too high
also, any pointers on why i have TONS of unnecessary CSS? (i am still
learning!)
thanks
On Fri, 4 Jun 2004 18:02:11 +0100, <12*@321.com> wrote: thanks for the reply, the text seems fine in IE now, but the form too low. in mozilla, everything has shifted up too high also, any pointers on why i have TONS of unnecessary CSS? (i am still learning!) thanks
You're complaining over one or two pixels? Styling form elements has
always been difficult, if not downright impossible, to code and make it
look the same across all browsers. Such is the way different browsers
render form elements.
See Matt's reply above. That'll also help you strip away a lot of the CSS
you don't need.
Grey
--
The technical axiom that nothing is impossible sinisterly implies the
pitfall corollary that nothing is ridiculous.
- http://www.greywyvern.com - Orca Knowledgebase: Completely CSS styleable
Knowledgebase/FAQ system
it is not unreasonable to expect to be able to vertically centre text within
an element. i am sure there is an answer somewhere, css surely cant be that
inflexible.?
otherwise, i'll just use good old tables if what you say is true.
"GreyWyvern " <sp**@greywyver n.com> wrote in message
news:op******** ******@news.nas .net... On Fri, 4 Jun 2004 18:02:11 +0100, <12*@321.com> wrote:
thanks for the reply, the text seems fine in IE now, but the form too low. in mozilla, everything has shifted up too high also, any pointers on why i have TONS of unnecessary CSS? (i am still learning!) thanks
You're complaining over one or two pixels? Styling form elements has always been difficult, if not downright impossible, to code and make it look the same across all browsers. Such is the way different browsers render form elements.
See Matt's reply above. That'll also help you strip away a lot of the CSS you don't need.
Grey
-- The technical axiom that nothing is impossible sinisterly implies the pitfall corollary that nothing is ridiculous. - http://www.greywyvern.com - Orca Knowledgebase: Completely CSS styleable Knowledgebase/FAQ system
On Sat, 5 Jun 2004 10:52:57 +0100 <12*@321.com> broke off from
drinking a cup of tea at to write: it is not unreasonable to expect to be able to vertically centre text within an element. i am sure there is an answer somewhere, css surely cant be that inflexible.? otherwise, i'll just use good old tables if what you say is true.
It's true. Use an image if you want total control, otherwise live with
the reality that the browsers interpret how to display elements in
their own way, in conjunction with individual user setups such as
screen resolution, browser window size, default font choice, default
font size, whether or not to accept external CSS suggestions as to
layout, whether or not the browser understands all or any CSS 1 let
alone CSS 2...
It's your stress. Enjoy it! <g>
Matt
--
Free searchable encyclopaedia content for your web site: http://www.probertencyclopaedia.com/xsearch.htm 12*@321.com wrote: it is not unreasonable to expect to be able to vertically centre text within an element. i am sure there is an answer somewhere, css surely cant be that inflexible.? otherwise, i'll just use good old tables if what you say is true.
Not that I like to submit to table-usage threats, but...
#headermenubar {
position: absolute;
width:594px;
height:22px;
left: 156px;
top: 95px;
padding: 0px;
margin: 0px;
border: none;
font: 12px Arial, Helvetica, sans-serif bold;
color: white;
background: black;
text-decoration: none;
}
#headermenubar a:hover {
color: #CFC;
text-decoration: none;
}
#headermenubar a:link, a:visited {
color: white;
text-decoration: none;
}
..smalldomainlo okupbox {
margin-left: 20px;
}
Works just fine for me. Biggest problem is indeed that in IE can't
really align the text vertically, actually if you put vertical-align:
middle; on the div the text is actually put one pixel lower (note that
Mozilla has no problems whatsoever). Um... Sorry, wouldn't know how to
fix it right now. Ahwell. So what if the text isn't *exactly* centered... :)
p.s. all the cruft other people spouted about exact positioning not
being possible in CSS: that is nonsense. Sure, CSS does leave some
freedom in some areas (for example the exact meanings of 'thin medium
thick' in border sizes), but generally that's nothing serious, and you
can always specify exact sizes. The big problem with CSS is usually IE's
(still) quite buggy support of it, which you have to work around. My
guess is that IE's apparantly odd treatment of form positioning is being
a bother here.
~Grauw
--
Ushiko-san! Kimi wa doushite, Ushiko-san!!
<div id="headermenub ar">
<table border=1 cellpadding=0 cellspacing=0>
<tr><td height=50 bgcolor=#000000 >
<form name="menu" method="post" action="" style="display: inline;">
<a href="/" >home</a> - <a href="/uk/option1/" >option1</a> - <a
href="/uk/option2/" >option2</a> - <a href="/uk/option3/" >option3</a> - <a
href="/uk/option4/" >design</a>
<input name="textfield " onFocus="if(thi s.value=='check domain
name')this.valu e='';" type="text" class="smalldom ainlookupbox" value="check
domain name">
<select name="select" class="smalldom ainlistmenu">
<option value=".com" selected>.com</option>
<option value=".co.uk"> .co.uk</option>
<option value=".net">.n et</option> </select>
<input type="image" src="/images/info.gif" border="0" alt="Go!">
</form>
</td></tr></table>
</div>
I took out the background-color specif. and put it in table cell.. also
took out height 22px, put in table cell (where stuff aligns vertically
by default..) don't know if this is strictly kosher, but it worked for
me, in both IE and N... also, how all this will look depends on height
of image to the right of drop-down..
might also work if you specify vertical-alignment of elements inside div
in CSS, not 100% how to do that right now... but what I did worked for
me...
(also pls note a JavaScript error came up, because the line <input name
"textfield" ...> was broken, you need to keep it all on one line.. if it
breaks on its own in yr editor that's fine -- but YOU shouldn't break it
by hitting 'return' inside the line..)
HTH.. good luck.. Frances 12*@321.com wrote: hi everyone,
i was hoping someone could help me. the code below - in IE the menu options (text) are a couple of pixels too low and i cant move them up, and the form boxes are ok. in mozilla the reverse is true - the text links are ok but the form boxes are too low! I cant figure out why this is happening. I want the text to be vertically centered in the black menu bar, and the form boxes likewise. any help greatly appreciated!
thanks
CODE: =====
<div id="headermenub ar"> <form name="menu" method="post" action="" style="display: inline;"> <a href="/" >home</a> - <a href="/uk/option1/" >option1</a> - <a href="/uk/option2/" >option2</a> - <a href="/uk/option3/" >option3</a> - <a href="/uk/option4/" >design</a> <input name="textfield " onFocus="if(thi s.value=='check domain name')this.valu e='';" type="text" class="smalldom ainlookupbox" value="check domain name"> <select name="select" class="smalldom ainlistmenu"> <option value=".com" selected>.com</option> <option value=".co.uk"> .co.uk</option> <option value=".net">.n et</option> </select> <input type="image" src="/images/info.gif" border="0" alt="Go!"> </form> </div>
ASSOCIATED ENTRIES IN EXTERNAL CSS FILE: =============== =============== ========
#headermenubar { font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; color: #FFFFFF; font-size: 12px; text-decoration: none; position:absolu te; width:594px; height:22px; z-index:50; left: 156px; top: 95px; layer-background-color: #ffffff; border: 0px none #000000; background-color: #000000; visibility: visible; font-weight: bold; }
#headermenubar a:hover { color: #CCFFCC; text-decoration: none; }
#headermenubar a:link, a:visited { color: #FFFFFF; text-decoration: none; }
.smalldomainlis tmenu {
font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.smalldomainloo kupbox { font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-left: 20px; }
This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Raptor |
last post by:
I know it's bordeline off topic, but this is a subject which concerns
many and is not frequently discussed.
How about: bid the project at your usual rate, but bid a much lower
rate beyond the expected project duration. This gives the client a fair
fee for service, but protects both sides from a screw-up, while
"punishing" the contractor (me) for screwing up the bid. You still have
to manage the project's scope and snuff the usual...
|
by: Pete |
last post by:
I am just getting to grips with XML and I was wondering if you could help me
with something that no-one seems able or willing to help with..
I have an XSLT file which should be transforming a straight XML file
http://www.discovertravelandtours.com/test/templates/test.xml?Location=Germany
To another XML file
http://www.discovertravelandtours.com/test/templates/test2.xml?Location=Germany
|
by: ^_^ |
last post by:
conversion from:
a="a";
to
a=0x????;
If there are many unicode strings to convert, how can I do batch-conversion?
|
by: Derek |
last post by:
I have the following script in a page and it gets an error in IE 6. Says
something about an invalid
argument but the line number doesn't help since I can't see the javascript
code when viewing source.
I have this script in a popup page where the user selects a user ID (id) and
that value is then placed
into one of the parent window's form text field called "userId". This
script works fine in the latest
Mozilla and Mozilla Firefox but...
|
by: Matt |
last post by:
I'm trying to simply convert a .avi file recorded by our program to a
wmv file, of course compressed as possible.
I've looked at the examples provided by microsoft @
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/wmencode/htm/completecodeexamples.asp
in both CSharp and VB6. I can't get them to compile. Some of the
objects listed (namely the IWMEncVideoSource2 object in CSharp and
IWMEncAudioSource and...
| |
by: |
last post by:
Help! I'm new to c++, and am breaking my teeth on MS Visual C++ (bundled
within Visual Studio .NET 2003). Am trying to link simple c++ code to
fortran dlls created in Compaq Visual Fortran (v6.1). Posts concerning
this topic are common, but none of the posted solutions I've tried work
correctly with the above software. The linker can't seem to find the dll
(reports 'unresolved external symbol __imp__IMSL_FUN@8'; IMSL_FUN.dll is
the f77...
|
by: Bruce W. Darby |
last post by:
This will be my very first VB.Net application and it's pretty simple. But
I've got a snag in my syntax somewhere. Was hoping that someone could point
me in the right direction.
The history:
My work involves creating custom packages of our software product for golf
courses that purchase our software. The course data is kept as a back up in
the event the course needs us to replace their custom files. Each course has
a folder of it's own...
|
by: blazedaces |
last post by:
Hey, so here's an example of what I want to do:
This "window" if you will, or simple gui, will accept an ArrayList<String> and in turn spit out for every one of them a checkbox and a text field where you can rename it to whatever name you chose (later I'll add something to check and make sure none of the names are the same... but for now it doesn't matter).
I'm not very familiar with GUI in java so I don't know the best way of doing this. ...
|
by: Roberto Rasto |
last post by:
I have an application that use Componentart WebUI calendar control.
When I execute on local everything works fine.
When I execute on server I get the javascript error: Expected ')'
I compared the two html source and I saw then on local I see
WebResource.axd?d=......
On server source I can't see it.
Can you help me?
Thanks.
|
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
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,...
| |
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...
|
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...
|
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,...
|
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...
|
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...
|
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();...
| |
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...
| |