CodeVerge.Net Beta


   Explore    Item Entry   Register  Login  
Microsoft News
Asp.Net Forums
IBM Software
Borland Forums
Adobe Forums
Novell Forums

ASP.NET Web Hosting – 3 Months Free!
Zone: > NEWSGROUP > Asp.Net Forum > general_asp.net.master_pages_themes_and_navigation_controls Tags:
Item Type: NewsGroup Date Entered: 8/9/2007 9:17:11 PM Date Modified: Subscribers: 0 Subscribe Alert
Rate It:
(NR, 0)
XPoints: N/A Replies: 3 Views: 36 Favorited: 0 Favorite
Can Reply:  No Members Can Edit: No Online: Yes
4 Items, 1 Pages 1 |< << Go >> >|
QWERTYtech
Asp.Net User
CSS setup8/9/2007 9:17:11 PM

0/0

I'm new to the whole CSS layout.  I was wondering if anyone could help me with designing something.  I want to make an attribute that will automatically do the following to a textbox, dropdownlist, button.

I want to be able to predifine the width, font size, border color, font color, background color, etc.

Please help me,

   QWERTYtech
 

Bored check out http://qwertytech.bounceme.net This is my old site that is going to be replaced soon by a nwe ASP.NET site.
triggered
Asp.Net User
Re: CSS setup8/9/2007 9:30:53 PM

0/0

Unfortunately, not all browsers support css2.0 right now which is what you are asking for. You are asking for css to control the layouts of textboxes and dropdownlists.

so we have...

input[type="text"] {  border: 1px solid #aaa; width: 200px; height: 20px; font-size: 11px; color: #000066; background: #ffff00; }

select { width: 200px; line-height: 20px; font-size: 13px; } 

 


what you will want to do instead is define a class for textboxes like so...

input.txt {  same styles as above }

and so <input class="txt" ... etc />

 

and same goes for the dropdownlist, cause attribute selectors are not widely supported yet and there are many types of inputs, you have image, text, button, etc...
 

______________________________________________

Best Regards,

Ryan
Lee Dumond
Asp.Net User
Re: CSS setup8/9/2007 9:35:47 PM

0/0

 If you want all controls of a certain type to inherit certain properties, you use an HTML element CSS selector.

For example, say you want all dropdown lists to have a yellow background. Remember, dropdown lists are <select> controls in HTML, so

select {

    background-color: yellow; 

}

This is not so easy for textboxes and buttons, because both are of type <input>. In that case, you'd set up a default for all inputs, then use a class to separate out buttons from textboxes.

For example;

input {

    width: 200px;

}

will make ALL inputs (including buttons) 200 px wide. If you don't want the buttons 200 px wide, you could have the following rule:

input.button {

    width: auto;

}

Then, be sure to place a class="button" on all input controls that are buttons.
 

==================================================
Don't forget to click "Mark as Answer" on the post that helped you.
This credits that member, earns you a point and marks your thread as Resolved so we all know you have been helped.
Adam.Kahtava
Asp.Net User
Re: CSS setup8/10/2007 2:05:07 PM

0/0

By using ASP.NET 2.0 Skins (Default Skins) you can apply CSS classes to all your different HTML input types.

For example, if you place the following in a Skin file, then all your TextBoxes that are rendered into HTML Inputs that contain the CSS attribute specified in the CssClass.

A sample default Skin: 

<asp:TextBox CssClass="TextBox" runat="server" />

<asp:DropDownList CssClass="DropDown" runat="server" />

<asp:Button CssClass="Button" runat="server" />

When these ASP.NET controls are used on a page they are rendered into something like:

<input type="text" class="TextBox" />

<select class="DropDown">

...

 Now you can use some of the non CSS2 method mentioned above without attribute selectors.

-Adam Kahtava [http://adam.kahtava.com]
4 Items, 1 Pages 1 |< << Go >> >|


Free Download:

Books:
Designing Content Switching Solutions Authors: Zeeshan Naseh, Haroon Khan, Pages: 493, Published: 2006
C++ XML Authors: Fabio Arciniegas, Pages: 316, Published: 2001
Dreamweaver MX 2004: The Missing Manual Authors: David Sawyer McFarland, David Pogue, Pages: 836, Published: 2004
Building Web Sites All-in-One Desk Reference For Dummies: All-in-one Desk Reference for Dummies Authors: Doug Sahlin, Claudia Snell, Pages: 768, Published: 2006
Beginning CSS Web Development: From Novice to Professional Authors: Simon Collison, Pages: 413, Published: 2006
CSS, DHTML, & Ajax: Visual QuickStart Guide Authors: Jason Cranford Teague, Pages: 562, Published: 2007
The Motorway Achievement: Frontiers of Knowledge and Practice Authors: Ron Bridle, John Porter, Pages: 592, Published: 2003
CSS Hacks and Filters: Making Cascading Style Sheets Work Authors: Joseph W. Lowery, Pages: 266, Published: 2005
Programming a Real Internet Site with ASP and HTML: Book I: HTML and Basic ASP Authors: Marcelo Bosque, Pages: 167, Published: 2003

Web:
CSS setup and constuction CSS setup and constuction Thinking of using... Essex_boy #:360858, 6:59 pm on Sep. 2, 2004 (utc 0). Can any one suggest a good book on CSS ...
basic or standard css setup for browsers - kirupaForum basic or standard css setup for browsers Client-Side (HTML, CSS, JavaScript)
So, You Want CSS Classes and IDs, Huh? When I speak to people about CSS, the main thing I hear is the time the sheets save them. They've set up a series of formats for certain commands and ...
CSS setup help Posted: Thu May 11, 2006 8:50 pm CSS setup help, Reply with quote ... Well CSS could be used or frames (but I would not recommend frames. ...
DIV settings i.e. css setup - telerik Forum Telerik is a leading vendor of ASP.NET and Windows Forms UI components, Content Management Systems (CMS), Reporting solutions, ...
Iaian7: Corners and shadows I’m really not sure how I lucked out, but the DOM and CSS setup has worked in every single browser I’ve tested in. OS X – Safari 3, Firefox 2, Opera 9, ...
israeljernigan.com » Basic CSS Setup My website is setup using these css files, with the id’s and such renamed to work with wordpress. I loosely based my default.css file on meyerweb.com’s ...
#1970 (change the css setup so 'null' becomes 'null.css') - Django ... Add/Change #1970 (change the css setup so 'null' becomes 'null.css'). Your email or username:. Comment (you may use WikiFormatting here):. Change Properties ...
Installation guide does not view images/css setup - Installing ... I have installed umbraco, but while running the install i see this screen (the setup menu without graphics and css setups): ...
HTML & CSS - Newspaper CSS Setup | DreamInCode.net HTML & CSS - Newspaper CSS Setup. Get help with this and thousands of other programming and web development topics at DreamInCode.net.

Videos:
My CSS setup MY CSS SETUP
Worst Counter-strike source setup ever! Just a stupid video of my friend playing CSS dont expect anything great it was made in windows movie maker lol..
Counter-strike source skin install CSS This will show you how to install a skin on Counter-Strike: source, don't mind the trial version watermark
Step 1-3 How to setup your Own CSS Server These are direction on how in Ubuntu on how using a bash script to install your own Counter Strike Server in Linux.
How to set up Counter-Strike:Source SRCDS Dedicated Server. A tutorial on how to set up a SRCDS dedicated server for Counter-Strike: Source. IF ANYONE WANTS TO BUY A CS:S (or most other online games) SERVER TH...
Step 2-3 How to setup your Own CSS Server Step 2-3 all this info can be obtained at www.srcds.com
Howto setup hlss for css tutorial on how to set up hlss for css Goldwave settings (made a mistake in the video): set masterdb to -12 from left to right -9,-6,-6,-1,-1,-1,-1
How to setup Caseys Css config and DirectX9 read right first The reason you need DirecX 9 is for caseys css config without it your hl2.exe would crash here is the path to save the caseys css config in auto.exe ...
How To Set Up A Css Server - Adding Yourself As Admin Haya, Plz comment, rate, and dont forget to subscribe =] If you have any problems plz comment or send a message and ill try to help, In this video...
How To Set Up A Css Server - Mani Admin Plugin & Quakes Haya, This is my first video tutorial so plz comment nicely! :) Ime going to be making some more tutorials on how to do cool stuff with css! Here a...




Search This Site:










xml - treeview - parameters

looking for a quick method to develop good looking prof. web apps.

customizing wizard control

how to findcontrols in masterpage (contents)

treeview (obout)

implementing ajax with treeview on masterpage

image alt text missing from menu control

custom validator in wizard control: bug?

how to find menu on master page

delete treeview node based on desc

appearance of masterpages in vs 2005

how to show another webpage in the content of a masterpage

how to create a cascading menu? --- urgent

modify / remove items from web.sitemap

treeview control node text

view sibling nodes horizontally using an xml sitemap

theme options

change contents of a master page depending on user logon information

treeview with 3 levels

css is not working properly

problem with a master page

i doubt this is possible but... load up a content page without showing the master page...

problems posting one value to another page using postbackurl and masterpages

still experiencing 'secure and unsecure' ssl issue with menus

strange formatting problem when using masterpages.

how to code masterpage events?

master page events and user controls

themes not working in redirectfromlogin page

master pages and ajax control.

reference content placeholder
  Privacy | Contact Us
All Times Are GMT