473,799 Members | 3,134 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

How to make Text or button tag with plain flat look ?

Hello,

Is there a way to render a text or button tag without a sunken or
raised surface respectively.

Ray

Aug 24 '05 #1
9 66527
Yes, there are CSS style attributes that apply. For example, you can
specify the border color, border thickness, color of the button, font
on the button...really just about everything. Just give it
border:solid; and it should not have the raised look anymore.

Aug 24 '05 #2
This is about as flat as you can get it :

<input type="button" value="Button Text" style="border-style:none;" />

Aug 24 '05 #3
Thanks, that's what I was looking for.

Aug 24 '05 #4
Christian Winter wrote:
This is about as flat as you can get it :

<input type="button" value="Button Text" style="border-style:none;" />


In some browsers you can't modify the style of some elements - like inputs.

--
Rob
Aug 25 '05 #5

RobG schrieb:
Christian Winter wrote:
This is about as flat as you can get it :

<input type="button" value="Button Text" style="border-style:none;" />


In some browsers you can't modify the style of some elements - like inputs.


What browsers would that be?

It is valid XHTML and if it doesn't work in a browser that is not my
problem but the browsers problem, IMHO.

Aug 26 '05 #6
"Christian Winter" wrote:

RobG schrieb:
Christian Winter wrote:
This is about as flat as you can get it :

<input type="button" value="Button Text" style="border-style:none;" />
In some browsers you can't modify the style of some elements - like inputs.


What browsers would that be?


- Safari

- Older versions of Netscape and IE

- Any non-graphical browser
It is valid XHTML
XHTML has nothing to do with it. Try CSS. The CSS2 specification says:
Note. Notably for HTML, user agents may render borders for <<<
certain elements (e.g., buttons, menus, etc.) differently <<<
than for "ordinary" elements. <<<

and if it doesn't work in a browser that is not my problem but the
browsers problem, IMHO.


No, it really is your problem. Take a look at item #1 on this page:
<http://www.webpagestha tsuck.com/biggest-web-design-mistakes-in-2004.html>

--
phil [dot] ronan @ virgin [dot] net
http://vzone.virgin.net/phil.ronan/
Aug 26 '05 #7

Philip Ronan schrieb:
No, it really is your problem. Take a look at item #1 on this page:
<http://www.webpagestha tsuck.com/biggest-web-design-mistakes-in-2004.html>


I write valid HTML and CSS. This is the only way to ensure that there
at least is some standard. While I make every effort to accomodate all
browsers, I do not care if they cannot interpret valid HTML or CSS. I
also feel that a graphical gimmick such as the one above is low on my
list of priorities to ensure working in all browsers.

Aug 26 '05 #8
RobG wrote:
This is about as flat as you can get it :

<input type="button" value="Button Text" style="border-style:none;" />


In some browsers you can't modify the style of some elements - like inputs.


Right; this style attribute only hurts when it works.

(When it works, it prevents the button from looking like a button and
thereby misleads the user.)

P.S. The thread is off-topic: it is about CSS, not HTML. On the HTML
side, it is worth noting that <input type="button"> should never be used
as a static part of a document but only as generated by client-side
scripting. The reason is obvious if you think what happens when
client-side scripting is disabled.
Aug 26 '05 #9
On Fri, 26 Aug 2005, Philip Ronan wrote:
"Christian Winter" wrote:
[re. styling of buttons:]
and if it doesn't work in a browser that is not my problem but the
browsers problem, IMHO.


No, it really is your problem. Take a look at item #1 on this page:
<http://www.webpagestha tsuck.com/biggest-web-design-mistakes-in-2004.html>


But surely this problem/mistake arises when the button styling *does*
work - not when it doesn't?

Users of a particular browser already know what a button looks like on
their browser (whereas a web document author typically does not).
The user has seen them before, many a time, and recognises them when
they see them. (Much the same principle applies for any "user
control" on a web page, in fact).

Confusion and mystery only sets in when the author contrives to style
them so differently than users are accustomed to, that they no longer
recognise them, or, worse, mistake them for something else. When the
author's styling proposal fails, the user isn't presented with that
dilemma.

Don't get me wrong: I've nothing against authors proposing a
particular presentation in general - in fact, I'm all for it, given
the horrible default presentation which most browsers offer. It's
only when authors contrive to camouflage something which the user is
meant to be able to use, such as a link, or a form "control", to the
extent that a user can no longer recognise it for what it is, that I
get crabby.

Aug 26 '05 #10

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

Similar topics

4
25155
by: Peter Scott | last post by:
I created a table that has a column in that needs to contain a full Unix file path. Since 2048 was too long for a VARCHAR, I made it TEXT. I since populated the table. Now I want to make the path column a primary key, and I can't figure out how. (I googled the web and groups without luck, looked over the reference manual also, especially reading the entry on BLOBs.) I was able to make a fulltext index with: create fulltext index...
3
2035
by: AaaaM | last post by:
how can i make a button the default so if the user push the enter button it is handled?
4
1623
by: Lau Alvin | last post by:
HI all , I want to make a button which have a server side OnClick event in .cs to update the DB. But I want it to have a client side onclick event to run a javascript popup too. And the javascript will be run only in some conditions determine by the input of some webcontrols. Finally the server side event will depend on the chioce of user in the javascript popup. How can i achieve it ?
5
2182
by: Asha | last post by:
hello i'm doing this protected static System.Web.UI.WebControls.Button btnExcel; hoping that it would remain shared but when i run the application i get this error Compiler Error Message: CS0176: Static member 'NPI.Search.btnExcel' cannot be accessed with an instance reference; qualify it with a type name instead
0
1300
by: John Smith | last post by:
How to make link button in a data grid non hyperlink at runtime. Depending upon the data in the cell I would like to make it hyper link or non-hyper link. I am reading the data in the item data bound event to make the above decision. Thanks, smith
2
3770
by: Elton Pruitt | last post by:
The documentation on the ASP.NET 2.0 TreeView control, located at http://msdn2.microsoft.com/en-us/k5c13faz(VS.80).aspx says that "Node text ... can be displayed as either plain text or hyperlinks." Has anyone found a way to actually display the node text as plain text? I need to do that but can't figure out how, nor can I find any documentation other than this one snippet to even indicate that it is possible.
4
1203
by: Franky | last post by:
I know about EnableWindow(GetDlgItem( hDlg, IDCANCEL), FALSE ) which will gray a button in a dialog box. But I want to make the button and some text to not show at all in one instance. Is that possible?
2
16858
by: Peted | last post by:
take away its prozac ? no seriously I want to drop a button onto a form, then during runtime, when user clicks the button it stays in the "depressed" image state (with a new color) then when it is pressed again it pops up to its normal state and color
3
1842
by: shimajavar | last post by:
Hi all I have the following code: a line is growing up by clicking on "up" button, it has another button"start" which I want it to stop the process of growing the line...How can I make a button to stop the process of another button? class Program: Form { int x1; int y1; int x2;
0
9688
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, 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...
1
10247
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
9079
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, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
7571
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
6809
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();...
0
5467
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 last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
5593
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
2
3762
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2941
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.