|
|
Posted by Jonathan N. Little on 03/06/06 02:42
Noozer wrote:
>>"Noozer" <dont.spam@me.here> wrote:
>>
>>
>>>I have a very simple CSS layout that I'm trying to make work. The idea of
>>>CSS makes perfect sense to me. Actually putting it into use in another
>>>story.
>>>
>>>I want my layout to be a simple 3x3 grid, similar to what a table would
>>>produce...
>
>
> <snip>
>
>>You could look at http://alistapart.com/articles/holygrail and
>>sniff about the links further... or Google for CSS tutorials...
>
>
> Believe me... I've read several tutorials and still, I can not figure out
> the logic of CSS.
>
> For example. To define the hieght and width of an element, it must be a
> block and not an inline. But if I do that, it starts a new line after the
> block, so I can't place block elements side by side.
Of course it must be a block (think box) to have width and height dims
>
> ..or... if I float a div left and a div right, the right one is lower than
> the left one.
That is do to your are floating incorrectly...if you are trying to
produce below.
+----+ +----+ +----+ +----+
|1 | |2 | |3 | |4 |
| | | | | | | |
+----+ +----+ +----+ +----+
..squares {
float: left;
width: 5em;
height: 5em;
margin: .5em;
border: 1px solid black;
}
<div class="squares">1</div>
<div class="squares">2</div>
<div class="squares">3</div>
<div class="squares">4</div>
>
> It's enough to make my head hurt.
>
> : (
>
>
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|