New to CSS, help?

D

Del

New Member
--> What browsers support stylesheets?/Which don't?[Currently, I saw a bunch of sites about how IE 4 is the newest browser :rolleyes:

-->What can do the nav bar? (The page you're on has a &raque to the left and the other pages are all linked and have &bull to the left. Some pages when entered should have additional pages added to the nav bar.)

I need to get the content from under to the right of the nav bar.
Code: 
<style type="text/css">
body { background: #B0E0E0; link-color: #FF1493;
 alink-color: #FF0000; vlink-color: #0000FF; text-color: #1E90FF; }

A:Link { color : #FF1493; text-decoration: none;  }
A:Active { color : #FF0000; text-decoration: none; }
A:Visited { color : #0000FF; text-decoration: none; } 

#logo{width: 100%; height: 10%; Position: top;background-color: #B0E0E0; }
div.nav{width: 20%; height: 80%; position: left;background-color: #B0E0E0; }
.content{width: 80%; height 80%; Position: right;display: inline;background-color: #B0E0E0; }
.footer{width: 100%; height 10%; background-color: #B0E0E0; }

</style>

This is the code for the test page. I broke the top image links on purpace.
Code: 
<html>

<head>
<meta name="robots" content="none">
<Title>3</title>
<link rel="stylesheet" href="stylesheet.css" type="text/css">
</head>
<!-- Copyright 2006 -->
<Body>
<!--ChangeDetect start keep-->
<!-- Last Modified on Nov. 04, 2006 at appox. 7:00PM my time -->
<!--ChangeDetect end keep-->
<Font face="Comic Sans, Comic Sans MS, Arial">
<HR COLOR="blue" SIZE="2">
<HR COLOR="blue" SIZE="2">
<div id="logo">
<div style="text-align: center;"><img src="http://random.script-sys.net/?u=___***___" />&nbsp;
&nbsp;<a href="http://m.domaindlx.com/Sandsite/Default.html"><img src="headerlogo.gif" border="0">
</a>&nbsp;&nbsp;<img src="http://random.script-sys.net/?u=___***___" /></div></div>
<br>
  <div class="nav">
    <SPAN STYLE="font-size: 8pt"> 
    <U><strong>Navigation</strong></U><br><br />
    &nbsp;<strong>Main</strong><br />
    &nbsp;&nbsp;&nbsp; &bull; <a href="http://m.domaindlx.com/Sandsite/default.html">Home</a><br />
    &nbsp;&nbsp;&nbsp;&bull; <a href="http://m.domaindlx.com/Sandsite/1.html">1</a><br />
    &nbsp;&nbsp;&nbsp;&bull; <a href="http://m.domaindlx.com/Sandsite/2.html">2</a><br />
    &nbsp;&nbsp;&nbsp;&nbsp;&raquo; 3<br />
    &nbsp;&nbsp;&nbsp;&bull; <a href="http://m.domaindlx.com/Sandsite/4.html">4</a><br />
    
    &nbsp;<strong>Fun Stuff</strong><br />
    &nbsp;&nbsp;&nbsp;&bull; <a href="http://m.domaindlx.com/Sandsite/Games.html">Games</a><br />
    &nbsp;&nbsp;&nbsp;&bull; <a href="http://m.domaindlx.com/Sandsite/Comics.html">Comics</a><br />
    &nbsp;&nbsp;&nbsp;&bull; <a href="http://m.domaindlx.com/Sandsite/Quotes.html">Quotes</a><br />
    </SPAN>

    <SPAN STYLE="font-size: 7pt">
    &nbsp;<br /><br>
    &nbsp;&nbsp;&bull; <a href="http://m.domaindlx.com/Sandsite/Calender.html">Calender</a><br />
    &nbsp;&nbsp;&bull; <a href="http://m.domaindlx.com/Sandsite/Events.html">Events</a><br />
        &nbsp;&nbsp;&bull; <a href="http://m.domaindlx.com/Sandsite/Contacts.html">Contacts</a><br />
    &nbsp;&nbsp;&bull; <a href="http://m.domaindlx.com/Sandsite/About.html">About</a><br />
    &nbsp;&nbsp;&bull; <a href="http://m.domaindlx.com/Sandsite/Index.html">Index</a><br />
<p>&nbsp;<p>&nbsp;<p>
                     <!-- ChangeDetect -->
<form method="POST" action="http://www.changedetect.com/index.asp" target="_blank">
  <table width="125" border="0" cellpadding="0" cellspacing="0" style="border: 1 solid #C0C0C0">
<tr><td width="5" bgcolor="#FFFF00"></td>
<td align="center" bgcolor="lightYellow" width="120">
<font color="green" size="2"><b>Monitor this Page</b></font></td></tr><tr>
<td colspan="2" width="125"><p align="center">
<input type="text" name="email" size="10" value="enter email"> 
<input type="submit" value="Go" name="B1" style="font-size: 8pt"> 
<input type="hidden" name="webpage" value="http://m.domaindlx.com/Sandsite/3.html">
</p></td></tr><tr><td colspan="2" width="125"><p align="center"><font size="1">
by <a href="http://www.changedetect.com/" target="_blank">ChangeDetect</a>
</font></td></tr></table></form>

    </span>


  </div>
  <div class="content">
<SPAN STYLE="font-size: 12pt"><br>
No content has been submitted yet.

</font></span>

</div>

<div class="footer">
<p style="text-align: center;">
<br>
<font size="2">A big thank you to "Nate" and his site 
<a href="http://www.script-sys.net/">[Script-System]</a></font>
<br>
<font size="1">Copyright &copy;2006 All rights reserved.</font></p></div>
<HR COLOR="blue" SIZE="2">
<HR COLOR="blue" SIZE="2">
</body>

</html>
 
What browsers support stylesheets?/Which don't?[Currently, I saw a bunch of sites about how IE 4 is the newest browser
Click to expand...

Hmmm...well I wouldn't worry about IE4, since that browser is several years outdated (it came out in 1997). All of the current popular browsers support CSS to an extent. Internet Explorer 6/7, Firefox, Opera, and Safari are the main browsers you need to worry about, with a focus on Internet Explorer and Firefox as they the the two most popular browsers.

What can do the nav bar? (The page you're on has a &raque to the left and the other pages are all linked and have &bull to the left. Some pages when entered should have additional pages added to the nav bar.)

I need to get the content from under to the right of the nav bar.
Click to expand...

Where did you learn HTML and CSS? That code is going to cause you some serious problems. Someone correct me if I'm wrong, but alink-color, vlink-color, and text-color are all not CSS attributes. I would suggest going to W3Schools and brushing up on your knowledge on HTML and CSS before going to design a nav bar.
 
Okay, thanks. I learned Html mainly from a 'for dummies' book, trial and error, and looking up bits a peices not in the book. The book is fairly old so stuff like SPAN I only got from help sites like htmlgoodies. CSS I haven't learned, I've just booked marked a few sites with CSS info/help and gone from there.
 
You must log in or register to reply here.
Back
Top