Solved

ASP.net Create Styles

Posted on 2013-11-18
3
369 Views
Last Modified: 2013-11-19
The following link shows adding the style below. Where exactly does the style code
below go. I tried just pasting it at the bottom of Site.css and it didn't work

http://www.codeproject.com/Articles/313197/Simple-way-to-Design-Tabs-in-ASP-NET

 <style type="text/css">
  .Initial
  {
    display: block;
    padding: 4px 18px 4px 18px;
    float: left;
    background: url("../Images/InitialImage.png") no-repeat right top;
    color: Black;
    font-weight: bold;
  }
  .Initial:hover
  {
    color: White;
    background: url("../Images/SelectedButton.png") no-repeat right top;
  }
  .Clicked
  {
    float: left;
    display: block;
    background: url("../Images/SelectedButton.png") no-repeat right top;
    padding: 4px 18px 4px 18px;
    color: Black;
    font-weight: bold;
    color: White;
  }
  </style>
0
Comment
Question by:murbro
3 Comments
 
LVL 19

Accepted Solution

by:
Rikin Shah earned 250 total points
ID: 39658515
You can put this style code inside <Head></Head> section of your aspx page.
0
 
LVL 52

Assisted Solution

by:Carl Tawn
Carl Tawn earned 250 total points
ID: 39658695
In that example they are intending for it to go in the HEAD section of the page. Where you would put it in reality will depend on your particular requirements. An external stylesheet makes maintenance simpler, and allows you to use the styles site-wide without having to copy and paste them between pages.
0
 

Author Closing Comment

by:murbro
ID: 39659196
Thanks
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

808 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question