Hot news and topical articles.
CSS: The Basics - ID's and Classes
Css
Cascading Style Sheets
Two types of style sheets: Internal and External
Internal - You insert your style code right into your html code.
These stylesheets should only be used if you are intending to
create a specific page with a specific style. If you want to be
able to make global changes to your website using only one style
sheet, you have to use....
External Stylesheets - Instead of putting all the style code into
your html code, you can create a single document with your css
code and link to it within your webpages code. It would look
something like this
Webpage title< itle>
<br><link rel="stylesheet" type="text/css"
<br>href="http://www.yourdomain.com/css">
<br></head>
<br>If you decide to use an internal stylesheet, you have to put your
<br>css style wihin the following tags:
<br><style type="text/css">
<br></style>
<br>All css or links to the external stylesheets have to go in
<br>between the <head> tags
<br>Now about Css Classes vs. ID's
<br>The one major difference between a class and an id is that
<br>classes can be used multiple times within the same page while an
<br>Id can only be used once per page.
<br>Example:
<br>ID - The global navigation of your site, or a navigation bar. A
<br>footer, header, etc. Only items that appear in only one place
<br>per page.
<br>Class - Anything that you would use multiple times in your page,
<br>such as titles, subtitles, headlines, and the like.
<br>Creating ID 's
<br>To create an Id in your css, you would start with the number sign
<br>(#) and then your label of the id. Here's an example <center> </center></div>
<!-- google_ad_section_end -->
<div class=copyright>Autor: <b> Eric McArdle</b>
<p> ="width: 586px; text-align: left"> CSS: The Basics - ID's and Classes by Eric McArdle Css Cascading Style Sheets Two types of style sheets: Internal and External Internal - You insert your style code right into your html code. These stylesheets should only be used if you are intending to create a specific page with a specific style. If you want to be able to make global changes to your website using only one style sheet, you have to use.... External Stylesheets - Instead of putting all the style code into your html code, you can create a single document with your css code and link to it within your webpages code. It would look something like this Webpage title< itle> If you decide to use an internal stylesheet, you have to put your css style wihin the following tags: All css or links to the external stylesheets have to go in between the tags Now about Css Classes vs. ID's The one major difference between a class and an id is that classes can be used multiple times within the same page while an Id can only be used once per page. Example: ID - The global navigation of your site, or a navigation bar. A footer, header, etc. Only items that appear in only one place per page. Class - Anything that you would use multiple times in your page, such as titles, subtitles, headlines, and the like. Creating ID 's To create an Id in your css, you would start with the number sign (#) and then your label of the id. Here's an example #navigation { float:left; } To insert the id in your html, you would do something like this
<p> </p>
<br>Added: December 25, 2006
<br>Source: <a rel="nofollow" target=_blank href=http://www.articlebin.com/view-CSS__The_Basics___ID_s_and_Classes-5582.html>http://articlebin.com/view-CSS__The_Basics___ID_s_and_~.html</a></div>
</div><br><br>
<script type="text/javascript"><!--
google_ad_client = "pub-4857368329619665";
google_ad_width = 728;
google_ad_height = 15;
google_ad_format = "728x15_0ads_al_s";
google_ad_channel ="";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "006699";
google_color_text = "006699";
google_color_url = "006699";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
<td height=1><img src=http://www.no-ban.com/i/e.gif width=1 height=500px border=0></td></tr>
</table>
</td>
<td rowspan=2 valign=top align=right>
<div id=panels>
<center><script type="text/javascript"><!--
google_ad_client = "pub-4857368329619665";
google_alternate_color = "FFFFFF";
google_ad_width = 160;
google_ad_height = 600;
google_ad_format = "160x600_as";
google_ad_type = "text";
google_ad_channel ="";
google_color_border = "FFFFFF";
google_color_link = "dee6ec";
google_color_bg = "FFFFFF";
google_color_text = "0000FF";
google_color_url = "dee6ec";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br>
<a class=small target=_blank title="Search Engine Optimization and Search Engine Marketing" href="http://2seo.eu/">SEO & SEM</a><br>
<a class=small target=_blank title="Your Search Engines Optimization Guide" href="http://seo-guide.net/">Your SEO Guide</a><br>
<a class=small target=_blank title="SEO ( Search Engines Optimization ) - three magic key for your Web-site" href="http://to-seo.com/">All About SEO</a><br>
<a target=_blank title="Domain Names Rules and Reviews" href="http://domain-names-rules.info/">Domain Names Rules and Reviews</a>
</center>
</div>
</td>
</tr>
<tr><td valign=top align=left>
<div id=panels>
<div class=nolink>Navigation-panel:</div>
<div ><a class=button id=menu href=http://www.no-ban.com/on-line-articles-and-news/page_1.html>On Line Articles and News</a><br></div>
<div ><a class=button id=menu href=http://www.no-ban.com/automotive/page_1.html>motors World</a><br></div>
<div ><a class=button id=menu href=http://www.no-ban.com/business/page_1.html>Business World</a><br></div>
<div ><a class=button id=menu href=http://www.no-ban.com/career/page_1.html>Career</a><br></div>
<div ><a class=button id=menu href=http://www.no-ban.com/computers-hardware/page_1.html>Computers</a><br></div>
<div ><a class=button id=menu href=http://www.no-ban.com/computers-software/page_1.html>All Software</a><br></div>
<div ><a class=button id=menu href=http://www.no-ban.com/all-fashion/page_1.html>All Fashion</a><br></div>
<div ><a class=button id=menu href=http://www.no-ban.com/health-and-fitness/page_1.html>Health and Fitness</a><br></div>
<div ><a class=button id=menu href=http://www.no-ban.com/home-business/page_1.html>Home Business</a><br></div>
<div ><a class=button id=menu href=http://www.no-ban.com/internet/page_1.html>Internet</a><br></div>
<div ><a class=button id=menu href=http://www.no-ban.com/site-promotion/page_1.html>Site Promotion</a><br></div>
<div ><a class=button id=menu href=http://www.no-ban.com/technology/page_1.html>Technology</a><br></div>
<div ><a class=button id=menu href=http://www.no-ban.com/web-design/page_1.html>Web Design</a><br></div>
<div ><a class=button id=menu href=http://www.no-ban.com/web-hosting/page_1.html>Web Hosting</a><br></div>
<div ><a class=button id=menus href=http://www.no-ban.com/webmasters/page_1.html>Webmasters</a><br></div>
<div ><a class=button id=menu href=http://www.no-ban.com/communications/page_1.html>Communications</a><br></div>
<div ><a class=button id=menu href=http://www.no-ban.com/domain-names/page_1.html>Domain Names</a><br></div>
<div ><a class=button id=menu href=http://www.no-ban.com/books/page_1.html>All Books</a><br></div>
<div ><a class=button id=menu href=http://www.no-ban.com/e-marketing/page_1.html>E-Marketing</a><br></div>
<div ><a class=button id=menu href=http://www.no-ban.com/multimedia/page_1.html>Multimedia</a><br></div>
<br>
</div>
</td></tr>
</table>
<div class=ct id=bluelinetop>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td><div><a id=topmenu href=http://www.no-ban.com/ style='margin-left:4pt;' title='Home'>Home</a></div></td>
<td><div><a id=topmenu href=http://www.no-ban.com/cms_rss.html title='RSS'>RSS</a></div></td>
<td><div><a id=topmenu href=http://www.no-ban.com/cms_connect.html rel='nofollow' title='For connects to admins.'>Email</a></div></td>
<td><div><a id=topmenu href=http://www.no-ban.com/cms_stat.html title='Stat'>Stat</a></div></td></tr>
</table>
</div>
<div class=ct id=bluelinebottom align=center>
<table border=0 cellspacing=0 cellpadding=3>
<tr><td class=small><a href=http://no-ban.com/>www.No-Ban.com</a></table>
</div>
</div>
</body>
</html>
<div class=hide>
<img src=http://www.no-ban.com/synchro.php width=1 height=1 border=0>
</div>
|