Jump to content

Basic CSS layout


____

Recommended Posts



















SITE_TITLE





:: <? echo $_GET['p']; ?> ::

















[ link ]









[/code]

 

 

 

 

 

 

 

page/$page.php

 

 

 

         



:: contentHead





















              :: quoteHead











              Some more text





















 

 

 

 

 

 

 

includes/overall_footer.php

 

 

 

         









:: Compatability and Compliancy

















Content copyright YOUR_NAME, 2005.

Layout copyright Richard Simon, 2005.














Link to comment
Share on other sites

Verdana is evil ;)

 

 

 

Anyhow, just looking through it, I think you could make it smaller as such:

 

 

 

 

 

 

 

   margin-left:   auto;



  margin-right:  auto;



  margin-top:    0px;



  margin-bottom: 0px; 

 

 

 

becomes:

 

 

 

margin: 0px auto;

 

 

 

 

 

 

 

And

 

 

 

   border-top:    1px dashed #484848;



  border-left:   1px dashed #484848;



  border-right:  1px dashed #484848; 

 

 

 

Becomes

 

 

 

border: 1px dashed #484848;  



border-bottom: 0px none transparent;



 

 

 

 

 

 

 

Obviously this is just tweaks, but it should just work, and it looks neater ;) (though one could argue it's harder to understand like this)

Link to comment
Share on other sites

They can tweak it themself...

 

 

 

 

 

 

 

 

 

 

 

Verdana is not evil. My font-family consits of fonts which were designed to be displayed on computer monitors :P

 

 

 

 

 

 

 

If you want evil, try Times :x

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

And I just noticed something....

 

 

 

The example $page I posted:

 

 

 

 

 

 

 

          



:: contentHead 



 













 



              :: quoteHead 



 



 



              Some more text 



 













 



 

 

 

 

 

 

 

3 div layers deep and it breaks in IE.

 

 

 

the .quoteHead and .quoteBody divs are hard left against the .contentBody, despite having set an auto magin which works for all the others :-?

 

 

 

 

 

 

 

*shrug*

 

 

 

 

 

 

 

Weird stuff. My sister suggested changing it to have a 5px margin or whatver for the .contentBody, but meh. The CSS is valid, i'm not going to write a hack for IE since it's a problem with the browser. Already got enough of them in the CSS as it is :x

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use.