http://www.mycomp.com/style/site.css. Thenall of the site's pages are modified so that theirHEAD element contains the following:

<LINK REL="stylesheet" TYPE="text/css"HREF="http://www.mycomp.com/style/site.css">

This ensures that all documents -- even those without their ownstyle declarations -- will use the site's overall stylesheet. Figure 11-1 shows one example of how the "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> games download avi mpeg

Wednesday 08th of February 2012 12:21:19 AM
 


View more templates.





Nested Left Floated Box

Ver 2.3

Simple enough template to put together. The menu box is nested in the main content div, and floated to whichever side you want, in this case to the left.

The width needs to be specified because as far as I know IE5 (jeez, again?) stretches it differently to other browsers, as does Opera!

One thing I found was that the content col HAS to be taller than the left box (ok, normally it would be anyway) otherwise it looks awful. The content div wont stretch to the size of the box div like tables (*sniff*)!

One problem I had was with the paragraphs (the paragraphs you are reading now). If I set margins on the paragraph, although the text was sitting against the nested div, the margin would not work there, but would only work against the main div! I had to set a margin on the nested div to compensate.


This template has been tested in:

Changes in this version:

  1. Defined zero padding for the body, Opera seems to like that.

Filler Content

Dáig alta in mac sin i tig a athar & a mathar icon airdig i m-Maig Muirthemne, ocus adfeta dó scéla na maccaemi i n-Emain. Dáig is amlaid domeill Conchobar in rigi, o ro gab rígi in rí, .i. mar atraig fóchetóir césta & cangni in choicid d'ordugud. In lá do raind i trí asa athlil: cetna trian de fóchetóir ic fegad na maccaem ic imbirt chless cluchi & immanae, in trian tanaise dond ló ic imbirt brandub & fidchell, & in trian dedenach ic tochathim bíd & lenna, con-dageib cotlud for cách, aes cíuil & airfitid dia thalgud fri sodain. Ciataim ane ar longais riam reme dabiur bréthir, ar Fergus, na fuil in hErind no i n-Albain óclach macsamla Conchobair.

Ocus adfeta don mac sin scéla na maceáem & na maccraide i n-Emain, & radis in mac bec ria mathair ar co n-digsed dá chluchi do chluchemaig na Emna. Romoch duitsiu sain a meic bic, ar a mathair, co n-deoch anruth do anrothaib. Ulad lett no choimthecht ecin do chaimthechtaib Conchobair, do chor th' aesma & t'imdegla for in maccraid. Cían lim-sa di sodain a mathair, ar in mac bec, & ni biu-sa oca idnaide acht tecoisc-siu dam-sa cia airm itá Emain. Is cían uait, ar a mathair, airm in-das-fil. Sliab Fúait etrut & Emain. Dobér-sa ardmes furri amne, ar esium.


computed in relation to the width of the parent element, so they canchange if the parent element's width changes in some way. Forexample, assume the following, which is illustrated in Figure 7-59:

P {padding: 10%; background-color: silver;}<DIV STYLE="width: 200px;"><P>This paragraph is contained within a DIV which has a width of 200 pixels,so its padding will be 10% of the width of the paragraph's parent element.Given the declared width of 200 pixels, the padding will be 20 pixels onall sides.</P>
light gray silver, since that's now the
foreground color of the image -- even though the image
doesn't actually use that color, it's still passed on to
the border. We'll talk about another way to change border
colors in a later section.



The result, shown in Figure 7-33, is a paragraph
with a solid top border, a dashed right border, a dotted bottom
border, and a solid left border.



Let's explore this in a little more detail. Assume thefollowing:
/* reader styles */BODY {color: white; background-color: black;}/* author styles */BODY {color: black;}
Since, in this circumstance, the author's styles will outweighthe reader's styles -- that's how it is under CSS1,anyway -- then the new style sheet for this document will be as