![](/i/fill.gif) |
![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
scott wrote:
>> ...but the main reason is, I have *no idea* how to chop an image up
>> into little pieces, put them onto a web server, and switch then back
>> together with HTML and CSS so that the text sits nicely over the top. O_O
>
> Well go read some books or tutorials then, it's not hard. Try "CSS
> tutorial layering" in google, but I recommend you first learn how CSS
> works before delving into the details of specific solutions.
I *know* how CSS works. What I don't know is how it's possible to use
that to construct nontrivial pages.
(If you look at my site again, you'll see it's already using CSS in
fact. That's why the page is green, but the breadcrumbs are yellow. All
the words hilighted in red are using <span> tags, and so forth.)
>>> Agreed, although it depends what comes up on your front page :-)
>>
>> Uh... the same as everybody else? (It's not like I'm logged in...)
>
> Dunno what the "standard" amazon page looks like, it always comes up
> with stuff it thinks I will be interested in.
I think it just customises _which_ books and CDs it yells at you about.
I could be wrong though... ;-)
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
Invisible wrote:
> No, ignore the text. Look at the site design. How the heck do you *do*
> stuff like that?! o_O
Not quite as visually impressive, but look at this:
http://www.slimeland.com/
Now click on the various "stylesheet" buttons, and watch the entire site
instantly transform.
Sure, CSS allows you to change colours and add image backgrounds. But
this stuff is seriously crazy. I can't even begin to imagine how this is
remotely possible...
PS. Last updated in... 2005? Wow.
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
> Sure, CSS allows you to change colours and add image backgrounds. But this
> stuff is seriously crazy. I can't even begin to imagine how this is
> remotely possible...
CSS also allows you to set the location rules and sizes of div blocks. So
in your html you can put a bunch of text into the "main" div, and then in
the CSS you can describe where and how you want the main div to appear.
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
Invisible <voi### [at] dev null> wrote:
> Invisible wrote:
>
> > No, ignore the text. Look at the site design. How the heck do you *do*
> > stuff like that?! o_O
>
> Not quite as visually impressive, but look at this:
>
> http://www.slimeland.com/
>
> Now click on the various "stylesheet" buttons, and watch the entire site
> instantly transform.
>
> Sure, CSS allows you to change colours and add image backgrounds.
That is where you are mistaken. You can control much more than that with CSS.
You can control how and where to position things, too.
> But
> this stuff is seriously crazy. I can't even begin to imagine how this is
> remotely possible...
>
>
>
> PS. Last updated in... 2005? Wow.
Have a look at http://www.w3schools.com/css/default.asp
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
>> Sure, CSS allows you to change colours and add image backgrounds.
>
> That is where you are mistaken. You can control much more than that with CSS.
Sure. You can adjust fonts and colours, add bullets and numbering, draw
line borders and add padding, and several other things besides.
(I did once try delivering raw XML with a CSS stylesheet. I managed to
make it do almost everything HTML does, but with less brokenness.
However, I was forced to stop when I realised that there's no way to
make hyperlinks using CSS...)
> You can control how and where to position things, too.
Yes - but you're only adjusting the default layout. (E.g., adding more
space around a specific item than is the default.) It's not like you can
invent totally new layouts from scratch.
> Have a look at http://www.w3schools.com/css/default.asp
I'm not sure why everybody thinks W3 Schools is so good... I find most
of their material to be vague and unhelpful.
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
scott wrote:
> CSS also allows you to set the location rules and sizes of div blocks.
> So in your html you can put a bunch of text into the "main" div, and
> then in the CSS you can describe where and how you want the main div to
> appear.
Hmm. It's an interesting theory... Must be pretty complex to make it
work properly though.
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
> Yes - but you're only adjusting the default layout. (E.g., adding more
> space around a specific item than is the default.) It's not like you can
> invent totally new layouts from scratch.
Incorrect. In the simplest case you can position any section of the
document with absolute coordinates relative to the browser window. There
are of course more complex and useful positioning schemes available within
CSS.
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
Invisible <voi### [at] dev null> wrote:
> > You can control how and where to position things, too.
>
> Yes - but you're only adjusting the default layout. (E.g., adding more
> space around a specific item than is the default.) It's not like you can
> invent totally new layouts from scratch.
No, you can tell a div where exactly it is supposed to show up. Either relative
to the page or relative to the viewport.
see here: http://de.selfhtml.org/css/eigenschaften/anzeige/position.htm
All elements are positioned through CSS only
Me wonders: You claim to have read the CSS spec but have not noticed position,
left, top, width and height?
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
"Aydan" <hes### [at] hendrik-sachse net> wrote in message
news:web.497889b3415164161ccf29180@news.povray.org...
> Have a look at http://www.w3schools.com/css/default.asp
Thanks for that. Bookmarked. :)
~Steve~
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
>>> You can control how and where to position things, too.
>> Yes - but you're only adjusting the default layout. (E.g., adding more
>> space around a specific item than is the default.) It's not like you can
>> invent totally new layouts from scratch.
>
> No, you can tell a div where exactly it is supposed to show up. Either relative
> to the page or relative to the viewport.
Well, that's true, but how does that help?
(I guess it means you can make section 2 appear above section 1 instead
of below it - but that's not very helpful.)
> see here: http://de.selfhtml.org/css/eigenschaften/anzeige/position.htm
This page fails to load.
> All elements are positioned through CSS only
>
> Me wonders: You claim to have read the CSS spec but have not noticed position,
> left, top, width and height?
The width, margin, padding, etc. properties allow you to adjust the size
of an element and the amount of spacing around it. (When these
properties actually work, of course.) You can also flip an element from
block to inline and back, and control whether an element displays or
not, takes up visual space or not, etc.
In order words, tweak the way the element will display.
What I'm not seeing is how it's possible to have two elements display at
the same horizontal position. (Well, without using tables anyway - and
who the hell wants to do that?) Adding and removing spacing is merely
tweaking HTML's top-to-bottom layout algorithm. I don't know how it's
possible to put stuff side-by-side in violation of that rule.
I also don't see how to overprint multiple things on top of each other
with transparency.
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |