473,326 Members | 2,114 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,326 software developers and data experts.

Hi everyone New Here and got a question

Hi everyone i was wondering if there was a way to turn this code that is css into HTML
[html]
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!-- YOUR WEBSITE TITLE -->
<title>
YOUR SITE TITLE | ver. Optimistic
</title>
<!-- YOUR WEBSITE TITLE -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="copyright" content="Design by nelchee @ inobscuro.com" />
<link rel="Stylesheet" type="text/css" href="optimistic.css" />
<!--[if lte IE 6]>
<script type="text/javascript" language="javascript" src="iehover.js"></script>
<![endif]-->
</head>
<body>
<div id="container">
<div id="header">
<h1>
<!-- YOUR WEBSITE NAME -->
Your website name
<!-- YOUR WEBSITE NAME END -->
</h1>
<!-- TOP MENU -->
<ul id="mainmenu">
<li class="active"><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
<li><a href="#"><span>Guestbook</span></a></li>
<li><a href="#"><span>Links</span></a></li>
</ul>
<!-- TOP MENU END -->
</div>
<div id="content">
<div>
<!-- CONTENT START -->
<h2>About the Template</h2>
<p>This design is featuring my drawing. It's been lying in my sketchbook for weeks until I decided to
make it useful. Some brushes were used as well (you can download them at
<a href="http://inobscuro.com/">my website</a>).</p>
<p>It took me so long to make because I changed my mind about the concept and color scheme about
a dozen times. I think my muse will be gone for a while.</p>
<h3>Technical information</h3>
<p>The layout is entirely formatted using <acronym title="Cascading Style Sheets">CSS</acronym>,
so I strongly advise you not to change it, otherwise the layout might break.
Editing the content should be easy, just don't delete anything outside areas marked with comments.</p>
<p>I added a JavaScript required by Internet Explorer 6 and lower so rounded corners would work on hover.
If you don't need the top menu, just delete everything between <code>&lt;!-- TOP MENU --&gt;</code>
and <code>&lt;!-- TOP MENU END --&gt;</code> — in this case you may discard the JavaScript.
To make a link appear highlighted (like <i>&quot;Home&quot;</i> shown here) add a class
<code>&quot;active&quot;</code> to the list item (<code>li</code> tag).</p>
<blockquote>
<p>To make text appear in this box, use the <code>blockquote</code> tag, or add a class <code>&quot;box&quot;</code>
to any element.</p>
<p>To keep the template looking exactly as you see it, use tags and classes provided in this example.</p>
</blockquote>
<p>It's tested in
<a href="http://www.mozilla.org/firefox/">Mozilla Firefox 1.5</a>,
<a href="http://www.microsoft.com/windows/ie/">Internet Explorer 6</a>,
<a href="http://www.opera.com/">Opera 8</a>, and <a href="http://browser.netscape.com/">Netscape 7.2</a>,
on resolution 800x600 and
1024x768, and works good in each of the mentioned. It is also validated
<a href="http://validator.w3.org/check?uri=referer">XHTML</a> and
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.
</p>
<h2>Terms of Service</h2>
<ol>
<li>Leave the credit and link back to <a href="http://inobscuro.com/">http://inobscuro.com/</a> visible.</li>
<li>Do not redistribute.</li>
<li>Personal, non-profit use only.</li>
<li>Derivative work prohibited.</li>
</ol>
<h2>Instructions for Installation</h2>
<ul>
<li>Download the .ZIP file containing the entire template;</li>
<li>Unzip the file. Use software like <a href="http://www.rarlab.com/">WinRAR</a>,
<a href="http://www.winzip.com/">WinZIP</a>,
<a href="http://www.stuffit.com/">StuffIt</a> etc.
(If you have Windows XP then you don't need to download any additional software);</li>
<li>Open the file <strong>index.html</strong> in your text editor (Notepad) and edit the website title, content
and links in the navigation area. (Those areas are marked with comments.)
Save edited files under corresponding names (for example <i>about.html</i>, <i>links.html</i>...);</li>
<li>Upload all the files and folders to your server.</li>
</ul>
<p>
For detailed information on istalling this layout, please refer to my tutorial
<a href="http://inobscuro.com/tutorials/read/31/">Installing premade templates</a>.
</p>
<p>Have fun and enjoy :)</p>
<!-- CONTENT END -->
</div></div>
<div id="column">
<div>
<!-- NAVIGATION START -->

<h3>About...</h3>
<p>You can write something here if you like. Or put a cam, or shoutbox.
<a href="#">A link</a>.</p>

<h3>Network</h3>
<ul class="menu">
<li><a href="#">Website Link Here</a></li>
<li><a href="#">Website Link Here</a></li>
<li><a href="#">Website Link Here</a></li>
</ul>

<h3>Affiliates</h3>
<ul class="menu">
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
</ul>
<!-- NAVIGATION END -->

<a href="http://inobscuro.com/" class="credit">Designed by In Obscuro</a>
</div></div>
<div id="footer">
<p>
<!-- COPYRIGHT INOFRMATION -->
Content &copy; 2006 <a href="mailto:your@address.here">Your Name</a>.
<!-- COPYRIGHT INOFRMATION END -->
Design &copy; <a href="http://inobscuro.com/">In obscuro</a>.
<a href="http://creativecommons.org/licenses/by-nc-nd/2.5/" title="Creative Commons Attribution-NonCommercial-NoDerivs 2.5 License">Creative Commons Licence</a>
</p>
</div>
</div>
</body>
</html>
[/html]
Thank you ever so much
Mar 9 '08 #1
1 1586
Not sure what you mean that code that you have posted is HTML, well XHTML to be precise.

XHTML is the structure of the document while CSS is what is used for all presentation such as colour and so.

Tom
Mar 9 '08 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

3
by: Everyone | last post by:
There seems to be a lot of answering of questions with answers that really don't solve the problem the postee is looking for or is just someone's 2 cents. Please, only answer questions if you...
3
by: Nugs | last post by:
Hi there everyone, I'm new to this newsgroup so I hope you don't mind me just asking a question, but it has been working me for way to long now and I need some help. I'm fairly new to ASP.NET and...
1
by: ImageAnalyst | last post by:
Yay!!! They fixed this for VS2005. You can now set the default installation to be "Everyone" instead of "Just Me" and you can control whether you even want those radio button installed in your...
4
JimWu
by: JimWu | last post by:
As title, I'd like to add a "Everyone" group to a file and give this account a full control right. I have try to use FileSecurity class to add a account, ASPNET ,for example. code as follow: ...
9
by: PomonaGrange | last post by:
HI All, I've been trying to make a membership management type script. This script would have a database with the members contact info and which office they hold, if any. The problem I am having is I...
30
by: ayush patel | last post by:
Hi I have already posted this question before.I got a work around but doesn't seem reasonable. I developed a windows service and I installed it in our server.everybody in the office has access to...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.