Thread: css

**cerin** · 01-08-2005

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head><title>My first styled page</title>
</head>
<style>body {
    padding-left: 11em;
    font-family: Georgia, "Times New Roman",
          Times, serif;
    color: purple;
    background-color: blue }
  ul.navbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2em;
    left: 1em;
    width: 9em }
  h1 {
    font-family: Helvetica, Geneva, Arial,
          SunSans-Regular, sans-serif }
  ul.navbar li {
    background: white;
    margin: 0.5em 0;
    padding: 0.3em;
    border-right: 1em solid black }
  ul.navbar a {
    text-decoration: none }
  a:link {
    color: blue }
  a:visited {
    color: purple }
  address {
    margin-top: 1em;
    padding-top: 1em;
    border-top: thin dotted }
</style
<body>

<!-- Site navigation menu -->
<ul class="navbar">
  <li><a href="index.html">Home page</a>
  <li><a href="musings.html">Musings</a>
  <li><a href="town.html">My town</a>
  <li><a href="links.html">Links</a>
</ul>

<!-- Main content -->
<h1>My first styled page</h1>

<p>Welcome to my styled page!

<p>It lacks images, but at least it has style.
And it has links, even if they don't go
anywhere&hellip;

<p>There should be more here, but I don't know
what yet.
</address>

</body>
</html>

How do I go about putting the nav bar on top and making the boxed links closer together.

**Quantrizi** · 01-08-2005

This helps, so does this, and don't forget this one.

**cerin** · 01-08-2005

wow thanks!

**gcn_zelda** · 01-08-2005

Just because CSS starts with a C doesn't make it a C programming language :P

Google it, by the way.

**cerin** · 01-08-2005

who said it makes it c programming?

**gcn_zelda** · 01-08-2005

The sarcasm is lost on cerin

**cerin** · 01-08-2005

lololololololololololol try Cascading style sheets

The sarcasm is lost on cerin

I guess so

**Quantrizi** · 01-08-2005

Ya know, looking at that makes my PHP code look good in some parts (which is bad!), I've noticed something "odd":

PHP Code:


body {

    padding-left: 11em;

    font-family: Georgia, "Times New Roman",

          Times, serif;

    color: purple;

    background-color: blue }

1. What does "11em" in padding-left mean? I've never heard of 11em's of padding. I've heard of 11 pixels (px) and 11 points (pt), but not em.

2. Why is TNR in quotes, but the rest are not?

**cerin** · 01-08-2005

no clue

EDIT: if you say so

**Quantrizi** · 01-08-2005

Originally Posted by cerin

no clue

Ya know...one-or-two answer replies are really not worth posting...not to mention a waste of space on the browser window.

**Hunter2** · 01-08-2005

Allow me to momentarily hijack this thread. While we were on the topic of annoying embedded sounds (especially mid, which everyone is picking on

) in the other thread, it got me thinking - does that apply to my site as well? It does have a 'stop' button, and offers a choice between 4 mids otherwise, and the controls are easily accessible in the bottom left corner at all times. And the music is dampened to a much lower volume by default.

**Quantrizi** · 01-08-2005

Originally Posted by Hunter2

Allow me to momentarily hijack this thread. While we were on the topic of annoying embedded sounds (especially mid, which everyone is picking on

) in the other thread, it got me thinking - does that apply to my site as well? It does have a 'stop' button, and offers a choice between 4 mids otherwise, and the controls are easily accessible in the bottom left corner at all times. And the music is dampened to a much lower volume by default.

If the music is stopped by default, than it should be good.

**MadCow257** · 01-08-2005

I think if there is music it should not be set to play unless the user presses the play button. There are of course exceptions...

EDIT
Beat me to it

**gcn_zelda** · 01-08-2005

It'd be all right with me, if you weren't using frames :P

**Kleid-0** · 01-08-2005

Originally Posted by Quantrizi

1. What does "11em" in padding-left mean? I've never heard of 11em's of padding. I've heard of 11 pixels (px) and 11 points (pt), but not em.

2. Why is TNR in quotes, but the rest are not?

em is just another length unit, just like in and the other two you typed. It's just a matter of preference. You can check out the comparisons Here

TNR is in quotes because it has spaces in it. It's customary in CSS to put quotes around fonts that have more than one word. Not only is it probably customary, but probably also more browser portable for browser interpretation.

Thread: css

Thread Tools

Search Thread

Display

css

Similar Threads

Web designer needed! html, css and other design stuff...

Counter-Strike: Source animated spray maker

CSS extraction

css ?

CSS in CAPS