Web Layout
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
 
User Name:
Password:
Remember me
Go Back   ASP Free Forums > Web Design > Web Layout
Reload this Page

CSS Query

Discuss CSS Query in the Web Layout forum on ASP Free.
CSS Query Web Layout forum discussing design strategies and topics that range from general site layout to advanced site design. Find out what everyone is doing, and how best to arrange your content.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread ASP Free Forums Sponsor:
  #1  
Old March 20th, 2006, 05:18 PM
iceman25's Avatar
iceman25 iceman25 is offline
Contributing User
ASP Free Newbie (0 - 499 posts)
  
Join Date: Aug 2005
Posts: 256 iceman25 User rank is Corporal (100 - 500 Reputation Level)iceman25 User rank is Corporal (100 - 500 Reputation Level)iceman25 User rank is Corporal (100 - 500 Reputation Level)iceman25 User rank is Corporal (100 - 500 Reputation Level) 
Time spent in forums: 2 Days 21 h 47 m 51 sec
Reputation Power: 7
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...
Reply With Quote
  #2  
Old March 21st, 2006, 08:15 AM
grdnwesl's Avatar
grdnwesl grdnwesl is offline
Fuzzy but Ferocious User
ASP Free Newbie (0 - 499 posts)
  
Join Date: Apr 2004
Location: The Restaurant at the end of the Universe
Posts: 222 grdnwesl User rank is Sergeant (500 - 2000 Reputation Level)grdnwesl User rank is Sergeant (500 - 2000 Reputation Level)grdnwesl User rank is Sergeant (500 - 2000 Reputation Level)grdnwesl User rank is Sergeant (500 - 2000 Reputation Level)grdnwesl User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 2 Days 18 h 54 m 35 sec
Reputation Power: 13
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
Reply With Quote
  #3  
Old March 21st, 2006, 08:19 AM
banker's Avatar
banker banker is offline
Charging Rhino Wizard
ASP Free Regular (2000 - 2499 posts)
  
Join Date: Dec 2004
Location: 127.0.0.1
Posts: 2,053 banker User rank is Sergeant Major (2000 - 5000 Reputation Level)banker User rank is Sergeant Major (2000 - 5000 Reputation Level)banker User rank is Sergeant Major (2000 - 5000 Reputation Level)banker User rank is Sergeant Major (2000 - 5000 Reputation Level)banker User rank is Sergeant Major (2000 - 5000 Reputation Level)banker User rank is Sergeant Major (2000 - 5000 Reputation Level) 
Time spent in forums: 5 Days 23 h 28 m 28 sec
Reputation Power: 36
Quote:
Originally Posted by iceman25
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...


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" />



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


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
Reply With Quote
  #4  
Old March 21st, 2006, 08:44 AM
grdnwesl's Avatar
grdnwesl grdnwesl is offline
Fuzzy but Ferocious User
ASP Free Newbie (0 - 499 posts)
  
Join Date: Apr 2004
Location: The Restaurant at the end of the Universe
Posts: 222 grdnwesl User rank is Sergeant (500 - 2000 Reputation Level)grdnwesl User rank is Sergeant (500 - 2000 Reputation Level)grdnwesl User rank is Sergeant (500 - 2000 Reputation Level)grdnwesl User rank is Sergeant (500 - 2000 Reputation Level)grdnwesl User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 2 Days 18 h 54 m 35 sec
Reputation Power: 13
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!
Reply With Quote
  #5  
Old March 21st, 2006, 01:15 PM
iceman25's Avatar
iceman25 iceman25 is offline
Contributing User
ASP Free Newbie (0 - 499 posts)
  
Join Date: Aug 2005
Posts: 256 iceman25 User rank is Corporal (100 - 500 Reputation Level)iceman25 User rank is Corporal (100 - 500 Reputation Level)iceman25 User rank is Corporal (100 - 500 Reputation Level)iceman25 User rank is Corporal (100 - 500 Reputation Level) 
Time spent in forums: 2 Days 21 h 47 m 51 sec
Reputation Power: 7
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.
Reply With Quote
  #6  
Old March 21st, 2006, 01:47 PM
banker's Avatar
banker banker is offline
Charging Rhino Wizard
ASP Free Regular (2000 - 2499 posts)
  
Join Date: Dec 2004
Location: 127.0.0.1
Posts: 2,053 banker User rank is Sergeant Major (2000 - 5000 Reputation Level)banker User rank is Sergeant Major (2000 - 5000 Reputation Level)banker User rank is Sergeant Major (2000 - 5000 Reputation Level)banker User rank is Sergeant Major (2000 - 5000 Reputation Level)banker User rank is Sergeant Major (2000 - 5000 Reputation Level)banker User rank is Sergeant Major (2000 - 5000 Reputation Level) 
Time spent in forums: 5 Days 23 h 28 m 28 sec
Reputation Power: 36
Quote:
Originally Posted by iceman25
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.


That is absolutely correct! Fear the design view!
Reply With Quote
Reply

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

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear 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


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 5 hosted by Hostway.