CSS Query - ASP Free

ASP Free Forums Sponsor:

March 20th, 2006, 05:18 PM

iceman25

Contributing User

Join Date: Aug 2005

Posts: 256

Time spent in forums: 2 Days 21 h 47 m 51 sec
Reputation Power: 8

CSS Query

Hi,

I have never used Stylesheets before, because I mainly focus on the functionality of website applications. I would like to desgin a stylesheet for a new project. I am aware of how to implement them into a web page by adding the link. I was just wondering if buttons are developed in a stylesheet and if they are then how are they reffered to when code needs to be put behind them??

Thankyou...

March 21st, 2006, 08:15 AM

grdnwesl

Fuzzy but Ferocious User

Join Date: Apr 2004

Location: The Restaurant at the end of the Universe

Posts: 222

Time spent in forums: 2 Days 18 h 55 m 5 sec
Reputation Power: 14

Buttons can be created with CSS by assigning certain attributes such as height, width, background color, etc., to your links the same as you would with any other elemement. for example:

Code:

<head>
<style type="text/css">
a:link {
	width:100px;
	height:25px;
	font-size:14px;
	font-weight:bold;
	color:#ff0000;
	background-color:#CCCCCC;
	border-top:2px outset #FFFFFF;
	border-left:2px outset #FFFFFF;
	border-right:2px outset #000000;
	border-bottom:2px outset #000000;
	text-align:center
}
a:hover {
	width:100px;
	height:25px;
	font-size:14px;
	font-weight:bold;
	color:#ff0000;
	background-color:#CCCCCC;
	border-top:2px inset #000000;
	border-left:2px inset #000000;
	border-right:2px inset #FFFFFF;
	border-bottom:2px inset #FFFFFF;
	text-align:center
}
</style>
</head>

<body>
<a href="http://www.yahoo.com">Yahoo!</a>
</body>

There is a book called The CSS Anthology by Rachel Andrews. I recommend it to anyone trying to convert to CSS. I should get a commission for as many times as I recommend it. Definitely worth adding to your library.

__________________
GardenWeasel... Does all the work of 10 men and 1 small boy

"To know that even one life has breathed easier because you have lived.....
This is to have succeeded"

R. W. Emerson

March 21st, 2006, 08:19 AM

banker

Charging Rhino Wizard

Join Date: Dec 2004

Location: 127.0.0.1

Posts: 2,053

Time spent in forums: 5 Days 23 h 28 m 28 sec
Reputation Power: 38

Quote:

Originally Posted by iceman25

Stylesheets are merely a way to apply styles to your html elements. So, no, buttons are not developed in a stylesheet. You can, however, style your buttons with a stylesheet.

Example:

html Code:

Original - html Code
<input id="submit" type="submit" name="submit" value="submit" />

<input id="submit" type="submit" name="submit" value="submit" />

css Code:

Original - css Code
#submit { padding: 4px 10px; border: 1px solid black; background-color: #DDD; }

#submit {
     padding: 4px 10px;
     border: 1px solid black;
     background-color: #DDD;
}

I hope this is helpful!

__________________
ShepherdWeb :: Charging Rhino Wizard

I know of no more encouraging fact than the unquestionable ability of man to elevate his life by conscious endeavor.
{Henry David Thoreau}

§ shepherdweb.com
§ fariswheel productions
§ reagan administration

March 21st, 2006, 08:44 AM

grdnwesl

Fuzzy but Ferocious User

Join Date: Apr 2004

Location: The Restaurant at the end of the Universe

Posts: 222

Time spent in forums: 2 Days 18 h 55 m 5 sec
Reputation Power: 14

banker makes a valid point. let me restate.

You can give any href the APPEARNCE of a button. it is not an ACTUAL button until you apply some javascripts to make it ACT as as button

Comments on this post

banker agrees!

March 21st, 2006, 01:15 PM

iceman25

Contributing User

Join Date: Aug 2005

Posts: 256

Time spent in forums: 2 Days 21 h 47 m 51 sec
Reputation Power: 8

css query

thanks for the reply....

I am developing my application is asp.net using visual studio, so I think I can develop a stylesheet in the Vis Studio and then include a link to it within my .aspx webpages.

March 21st, 2006, 01:47 PM

banker

Charging Rhino Wizard

Join Date: Dec 2004

Location: 127.0.0.1

Posts: 2,053

Time spent in forums: 5 Days 23 h 28 m 28 sec
Reputation Power: 38

Quote:

Originally Posted by iceman25

That is absolutely correct! Fear the design view!

Viewing: ASP Free Forums > Web Design > Web Layout > CSS Query

« Previous Thread | Next Thread »

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump

Free IT White Papers!

Create the Optimal Architecture for your Critical Applications
Warburton's the largest independently owned bakery in the UK faced a number of difficult challenges in providing the most robust yet efficient IT infrastructure for their organization's success. IBM's services combined with their xSeries servers created the perfect platform for their SAP environment with sufficient flexibility, and did so in very time effective fashion.

Five Best Practices for Deploying a Successful Service-Oriented Architecture
This white paper describes the benefits you can expect with SOA, and how IBM can help take your business there.

Gartner Magic Quadrant for Application Delivery Controllers
Gartner summarizes its view on Application Delivery Controllers, evaluates strengths and weaknesses of solutions, and provides Magic Quadrant reporting for a quick comparison across all vendors. Learn from Gartner how you can benefit from an all-in-one device like Citrix NetScaler that delivers the highest levels of availability, performance and security.

Knowledge is Power
What you don't know can hurt you, and is likely costing you money and increasing your security risks during an era of scarce resources. This white paper proposes six key strategies that enterprise security managers can use to improve their network defense posture.

Rationalizing the Multi-Tool Environment
The rationalized multi-tool approach is flexible, scalable and cost effective. It provides the necessary input to the IT service management business processes. It preserves prior investments in monitoring tools, empowers technologists to select the best tools with which to do their jobs, and enhances effective response to incidents.

More Free IT White Papers!