«

http://www.cpart.co.cc/calendars/index.html

Basicly, I have a series of images and text that are separated by a
graphic divider that's part of the design. I've been doing all kinds
of stuff with floats and margins, but I just can't figure out how I
should go about this. I'm trying to go container-less for this part
because after reading an article I realized I could try and be a
little more semantic, a div for each three layer part seems kind of
crazy. As always, I'd appreciate and am dying for any asisstance.

In article
<96a259e0-c9d0-45dc-8a36->,
wrote:

> http://www.cpart.co.cc/calendars/index.html
>
> Basicly, I have a series of images and text that are separated by a
> graphic divider that's part of the design. I've been doing all kinds
> of stuff with floats and margins, but I just can't figure out how I
> should go about this. I'm trying to go container-less for this part
> because after reading an article I realized I could try and be a
> little more semantic, a div for each three layer part seems kind of
> crazy. As always, I'd appreciate and am dying for any asisstance.

First job, validate the HTML.

You need to set your character encoding, your page is showing white
diamond shaped backed black question marks on my browsers... More info
when you take a look at

<http://validator.w3.org/>

I suspect you also need a plain text editor, set plainly, to write your
source code. Don't use curly quotes and funny dashes, uses simple plain
ones. Korpela will explain all this to you if he is in a good mood.

Anyway, here is a float layout that you could adapt to your needs. Just
be careful and generous in styling the dimensions:

<http://tinyurl.com/2jcs5r>

Get the feeling you need to understand centring better too.

I wrote a little piece on this once, but there are better (but, hey, why
should I find them now?):

<http://netweaver.com.au/centring/>

--
dorayme

On Oct 30, 7:03 pm, dorayme <doraymeRidT...@optusnet.com.au> wrote:
> In article
> <96a259e0-c9d0-45dc-8a36-7ea268b94...@s1g2000prg.googlegroups.com>,
>
> midor...@yahoo.com wrote:
> >http://www.cpart.co.cc/calendars/index.html
>
> > Basicly, I have a series of images and text that are separated by a
> > graphic divider that's part of the design. I've been doing all kinds
> > of stuff with floats and margins, but I just can't figure out how I
> > should go about this. I'm trying to go container-less for this part
> > because after reading an article I realized I could try and be a
> > little more semantic, a div for each three layer part seems kind of
> > crazy. As always, I'd appreciate and am dying for any asisstance.
>
> First job, validate the HTML.
>
> You need to set your character encoding, your page is showing white
> diamond shaped backed black question marks on my browsers... More info
> when you take a look at
>
> <http://validator.w3.org/>
>
> I suspect you also need a plain text editor, set plainly, to write your
> source code. Don't use curly quotes and funny dashes, uses simple plain
> ones. Korpela will explain all this to you if he is in a good mood.
>
> Anyway, here is a float layout that you could adapt to your needs. Just
> be careful and generous in styling the dimensions:
>
> <http://tinyurl.com/2jcs5r>
>
> Get the feeling you need to understand centring better too.
>
> I wrote a little piece on this once, but there are better (but, hey, why
> should I find them now?):
>
> <http://netweaver.com.au/centring/>
>
> --
> dorayme

Thanks alot for links, I was indeed having another issue with
centering objects too. I'm coding the css and html in notepad ++
and I had the curly brackets in their because the person I'm making
the site for insisted on them to emphasize "inches" for the
product descriptions. What encoding type would you recommend, UTF-8 is
the one I see often and when I used it I indeed did
get the boxes and question marks.

In article
<57a49620-4d1b-444b-b3cc->,
wrote:

> On Oct 30, 7:03 pm, dorayme <doraymeRidT...@optusnet.com.au> wrote:
> > In article
> > <96a259e0-c9d0-45dc-8a36-7ea268b94...@s1g2000prg.googlegroups.com>,
> >
> > midor...@yahoo.com wrote:
> > >http://www.cpart.co.cc/calendars/index.html
....
> > First job, validate the HTML.
> >
> > You need to set your character encoding, your page is showing white
> > diamond shaped backed black question marks on my browsers... More info
> > when you take a look at
> >
> > <http://validator.w3.org/>
> >
> > I suspect you also need a plain text editor, set plainly, to write your
> > source code. Don't use curly quotes and funny dashes, uses simple plain
> > ones. Korpela will explain all this to you if he is in a good mood.
> >
....
>
> ... I'm coding the css and html in notepad ++
> and I had the curly brackets in their because the person I'm making
> the site for insisted on them to emphasize "inches" for the
> product descriptions. What encoding type would you recommend, UTF-8 is
> the one I see often and when I used it I indeed did
> get the boxes and question marks.

How your server is set up is an important factor in this. To learn about
this you need to follow up, for example, the link I gave you before on
validation. If you have no control of your server, you should ask server
admin to set things up to deliver UTF-8 (if that is what you want, it
sounds reasonable to me). At least stick this in the head of your docs,
(Use 4.01 Strict Doctype declaration at the top of your HTML):

<meta http-equiv="content-type" content="text/html; charset=utf-8">

as well.

The other factor is how you have your text editor set up. I know nothing
about Notepad except that it is something plainish and wholesome (I hear
my editors talking to each other after work and they seem to like
Notebook). In my editor I have set it to save docs in UTF-8.

Perhaps you might also read about referencing characters (including
curly quotes by character encoding names) like &ldquo; and &rdquo:

<http://en.wikipedia.org/wiki/Quotation_mark_glyphs>

Also scan archives of this group.

You could profit from reading my favourite Finnish writer:

<http://www.cs.tut.fi/~jkorpela/chars.html>

--
dorayme

On Oct 30, 11:46 pm, dorayme <doraymeRidT...@optusnet.com.au> wrote:
> In article
> <57a49620-4d1b-444b-b3cc-5ca9a8bd1...@o4g2000pra.googlegroups.com>,
>
>
>
>
>
> midor...@yahoo.com wrote:
> > On Oct 30, 7:03 pm, dorayme <doraymeRidT...@optusnet.com.au> wrote:
> > > In article
> > > <96a259e0-c9d0-45dc-8a36-7ea268b94...@s1g2000prg.googlegroups.com>,
>
> > > midor...@yahoo.com wrote:
> > > >http://www.cpart.co.cc/calendars/index.html
> ...
> > > First job, validate the HTML.
>
> > > You need to set your character encoding, your page is showing white
> > > diamond shaped backed black question marks on my browsers... More info
> > > when you take a look at
>
> > > <http://validator.w3.org/>
>
> > > I suspect you also need a plain text editor, set plainly, to write your
> > > source code. Don't use curly quotes and funny dashes, uses simple plain
> > > ones. Korpela will explain all this to you if he is in a good mood.
>
> ...
>
> > ... I'm coding the css and html in notepad ++
> > and I had the curly brackets in their because the person I'm making
> > the site for insisted on them to emphasize "inches" for the
> > product descriptions. What encoding type would you recommend, UTF-8 is
> > the one I see often and when I used it I indeed did
> > get the boxes and question marks.
>
> How your server is set up is an important factor in this. To learn about
> this you need to follow up, for example, the link I gave you before on
> validation. If you have no control of your server, you should ask server
> admin to set things up to deliver UTF-8 (if that is what you want, it
> sounds reasonable to me). At least stick this in the head of your docs,
> (Use 4.01 Strict Doctype declaration at the top of your HTML):
>
> <meta http-equiv="content-type" content="text/html; charset=utf-8">
>
> as well.
>
> The other factor is how you have your text editor set up. I know nothing
> about Notepad except that it is something plainish and wholesome (I hear
> my editors talking to each other after work and they seem to like
> Notebook). In my editor I have set it to save docs in UTF-8.
>
> Perhaps you might also read about referencing characters (including
> curly quotes by character encoding names) like &ldquo; and &rdquo:
>
> <http://en.wikipedia.org/wiki/Quotation_mark_glyphs>
>
> Also scan archives of this group.
>
> You could profit from reading my favourite Finnish writer:
>
> <http://www.cs.tut.fi/~jkorpela/chars.html>
>
> --
> dorayme


I just went ahead and fixed all the errors, the validator is now
saying everything is good for the most part, but what about the style
sheet?
I should use this type of bracket [] instead of {} with css documents?

<> wrote in message
news:83a514a2-4f3a-4a50-92d4-...

> I just went ahead and fixed all the errors, the validator is now
> saying everything is good for the most part, but what about the style
> sheet?

Use the CSS validator.

> I should use this type of bracket [] instead of {} with css documents?

Er, what possibly gave you idea that you should, or even could?

Quite seriously, if somebody told you you could use [ and ] then don't
believe any more they say. If you read it in a book then throw the book away

On Nov 1, 7:58 pm, "rf" <r...@invalid.com> wrote:
> <midor...@yahoo.com> wrote in message
>
> news:83a514a2-4f3a-4a50-92d4-...
>
> > I just went ahead and fixed all the errors, the validator is now
> > saying everything is good for the most part, but what about the style
> > sheet?
>
> Use the CSS validator.
>
> > I should use this type of bracket [] instead of {} with css documents?
>
> Er, what possibly gave you idea that you should, or even could?
>
> Quite seriously, if somebody told you you could use [ and ] then don't
> believe any more they say. If you read it in a book then throw the book away
>

Yeah, I read a page about using curly braces for css, but that was
referring to inline styles
that might cause problems for some browsers, my bad.

In article
<83a514a2-4f3a-4a50-92d4->,
wrote:

> On Oct 30, 11:46 pm, dorayme wrote:

> > midor wrote:
> > > On Oct 30, 7:03 pm, dorayme wrote:
> >
> > > > midor wrote:
> > > > >http://www.cpart.co.cc/calendars/index.html
> > ...
> > > > First job, validate the HTML.
> >
....
>
>
> I just went ahead and fixed all the errors, the validator is now
> saying everything is good for the most part, but what about the style
> sheet?

What about the style sheet? We should really be talking about your HTML
first. Did you look at the url I gave you that floats and centres blocks
of pics with their captions?

> I should use this type of bracket [] instead of {} with css documents?

Why would you do that? Did you write the sheet for the above URL? What
even made you suppose you should use curly brackets in the first place?
I mean, it is not exactly some obvious choice! And why were you not more
surprised that the validator gave you a sort of thumbs up with the curly
ones? <g>

Yes, the curly ones are correct!

But you are puzzling me. My minders have communicated some recent
intelligence about a strange spaceship that has left Alpha_657 (a
jokster planet that plays the equivalent of April Fools jokes on
Martians - but in November.)

--
dorayme

<> wrote in message
news:96a259e0-c9d0-45dc-8a36-...
> http://www.cpart.co.cc/calendars/index.html
>
> Basicly, I have a series of images and text that are separated by a
> graphic divider that's part of the design. I've been doing all kinds
> of stuff with floats and margins, but I just can't figure out how I
> should go about this. I'm trying to go container-less for this part
> because after reading an article I realized I could try and be a
> little more semantic, a div for each three layer part seems kind of
> crazy. As always, I'd appreciate and am dying for any asisstance.

You have not said what you want this to look like. At the moment I see a
bunch of calendars and a bunch of yellow things, with no apparent logic to
their placement. Are those five blocks of text supposed to relate to the
five rectangular images? And the yellow things. Where to you want them to
go?

What are you trying to do? What to you *want* it to look like? You could
upload a jpeg of your hand drawn sketch, for example.

And what does "container-less" mean? What is a "layer part"? How do you want
to be more "semantic"?

On Oct 30, 8:32*pm, midor...@yahoo.com wrote:
> http://www.cpart.co.cc/calendars/index.html
>
> Basicly, I have a series of images and text that are separated by a
> graphic divider that's part of the design. I've been doing all kinds
> of stuff with floats and margins, but I just can't figure out how I
> should go about this. I'm trying to go container-less for this part
> because after reading an article I realized I could try and be a
> little more semantic, a div for each three layer part seems kind of
> crazy. As always, I'd appreciate and am dying for any asisstance.

a quick note on using special characters in html, it is best to use
the decimal, octal, or the html codes for these. For example "
will print to the screen the double qoute character. You can find
these at http://www.asciitable.com/