Floating went awry ... where did I?

RichardL <RichardDummyMailbox58407 DeleteThis @USComputerGurus.com> writes:

> On Aug 12, 8:10 am, RichardL
> <RichardDummyMailbox58... DeleteThis @USComputerGurus.com> wrote:
> > Hi,
> >
> > I tried creating "left" and "right" links on the top of a page I'll be
> > building. I intended them to be on the opposite sides of the first
> > line. That failed. What am I missing?
> >
> > TIA,
> > Richard
>
> Woops, I forgot http://home.comcast.net/~CaptQueeg/PositioningTest.htm

Not commenting out most of your stylesheet might help...

Also, note the difference between id and class.
--
Jón Fairbairn Jon.Fairbairn DeleteThis @cl.cam.ac.uk

RichardL <RichardDummyMailbox58407 DeleteThis @USComputerGurus.com> writes:

> On Aug 12, 8:10 am, RichardL
> <RichardDummyMailbox58... DeleteThis @USComputerGurus.com> wrote:
> > Hi,
> >
> > I tried creating "left" and "right" links on the top of a page I'll be
> > building. I intended them to be on the opposite sides of the first
> > line. That failed. What am I missing?
> >
> > TIA,
> > Richard
>
> Woops, I forgot http://home.comcast.net/~CaptQueeg/PositioningTest.htm

You also forgot <http://jigsaw.w3.org/css-validator/>


--
Jón Fairbairn Jon.Fairbairn DeleteThis @cl.cam.ac.uk

On Aug 12, 8:11 am, RichardL
<RichardDummyMailbox58....RemoveThis@USComputerGurus.com> wrote:
> On Aug 12, 8:10 am, RichardL
>
> <RichardDummyMailbox58....RemoveThis@USComputerGurus.com> wrote:
> > Hi,
>
> > I tried creating "left" and "right" links on the top of a page I'll be
> > building. I intended them to be on the opposite sides of the first
> > line. That failed. What am I missing?
>
> > TIA,
> > Richard
>
> Woops, I forgothttp://home.comcast.net/~CaptQueeg/PositioningTest.htm
>
> Sorry,
> R

Hi All,

Thank you very much for your reponses.

<Jón Fairbairn> You also forgot <http://jigsaw.w3.org/css-validator/>

Mea culpa! I had intended to that before I posted, but I forgot
abuout it.

<Jón Fairbairn & BTS> Not commenting out most of your stylesheet might
help...

Sloppy. Again, validating would have alerted me.

<Jón Fairbairn> Also, note the difference between id and class.

I wasn't aware of this problem, particularly since the validators
didn't raise any red flags. But I think I'm closer to the mark now.

Why are there no commas between the font names?

Because I think that's the standard. Am I wrong?

<BTS> Why mix serif and sans-serif?

Because I thought the browser would go from left-to-right until it
found a font it had access to. I now found a set of fonts (with
credit in the comments) that one person recommends. How do they
strike you?

<BTS> You should get in the habit of adding a semi-colon on the last
item in a style, too, so when you add more, they work.

Point taken.

<BTS> Maybe this page will give you some ideas on how to float to both
sides. http://k75s.home.att.net/banner.html

I think it will. I just wanted to post the corrctions I've
implemented so far. If you look, you'll see I'm almost there. I
don't have the "left" and "right" links living inside the banner, nor
pushed to the extremes. Banner.html will probably help with that.

Thank you all for your responses. They were GREAT.

Best wishes,
Richard

On Aug 12, 3:28 pm, RichardL
<RichardDummyMailbox58... RemoveThis @USComputerGurus.com> wrote:
> On Aug 12, 8:11 am, RichardL
>
>
>
> <RichardDummyMailbox58... RemoveThis @USComputerGurus.com> wrote:
> > On Aug 12, 8:10 am, RichardL
>
> > <RichardDummyMailbox58... RemoveThis @USComputerGurus.com> wrote:
> > > Hi,
>
> > > I tried creating "left" and "right" links on the top of a page I'll be
> > > building. I intended them to be on the opposite sides of the first
> > > line. That failed. What am I missing?
>
> > > TIA,
> > > Richard
>
> > Woops, I forgothttp://home.comcast.net/~CaptQueeg/PositioningTest.htm
>
> > Sorry,
> > R
>
> Hi All,
>
> Thank you very much for your reponses.
>
> <Jón Fairbairn> You also forgot <http://jigsaw.w3.org/css-validator/>
>
> Mea culpa! I had intended to that before I posted, but I forgot
> abuout it.
>
> <Jón Fairbairn & BTS> Not commenting out most of your stylesheet might
> help...
>
> Sloppy. Again, validating would have alerted me.
>
> <Jón Fairbairn> Also, note the difference between id and class.
>
> I wasn't aware of this problem, particularly since the validators
> didn't raise any red flags. But I think I'm closer to the mark now.
>
> Why are there no commas between the font names?
>
> Because I think that's the standard. Am I wrong?
>
> <BTS> Why mix serif and sans-serif?
>
> Because I thought the browser would go from left-to-right until it
> found a font it had access to. I now found a set of fonts (with
> credit in the comments) that one person recommends. How do they
> strike you?
>
> <BTS> You should get in the habit of adding a semi-colon on the last
> item in a style, too, so when you add more, they work.
>
> Point taken.
>
> <BTS> Maybe this page will give you some ideas on how to float to both
> sides. http://k75s.home.att.net/banner.html
>
> I think it will. I just wanted to post the corrctions I've
> implemented so far. If you look, you'll see I'm almost there. I
> don't have the "left" and "right" links living inside the banner, nor
> pushed to the extremes. Banner.html will probably help with that.
>
> Thank you all for your responses. They were GREAT.
>
> Best wishes,
> Richard

Hi Y'all,

Thanks for these additional responses.

<Jonathan> See: http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family

Great link. I don't know my way around the standard yet, but I'll get
there ... he says hopefully
BTW, it's interesting that the validator didn't wince at the lack of
commas. I guess it's not perfect.

<Jonathan> ... why would you not select alternates of similar visual
style?
I haven't even looked at those fonts. For now, I trying to get a set
that will satisfy almost all browsers and are aesthetically pleasing.
So I'll be happy to use anything recommended by people more
knowledgeable than me. In time, I'll see what I have wrought.

<BTS> I was wondering why you wanted to mix serif and sans-serif
fonts. Do you understand the difference?
Yes, I know what serifs on fonts are. Beyond that, please note
previous response.

<BTS> Then go to this page of mine: http://k75s.home.att.net/fontsize.html

Thanks. I'll make changes in my next incarnation, after I read your
page or put up a demo on fonts for myself.

My latest incarnation works pretty well, at least to my present humble
standards. However,
*** the validator fails the html ***.

The example I started with had [[<span class="bannerleft"><img
src="..." ... width="50" height="43" />]]
I went with [[<span class="BannerLeft" width="50" height="43"><a ...]]
That failed validation.

So I tried:

<div width="50" height="43">
<span class="BannerLeft"><a href="JavaScript:history.back()"><
Prev</a> </span>
</div>

That got no better reception from the validator. So my last question
is: what's the cool way to provide sizing for my link? And is there
any virtue to go without sizing?

Again, thanks for taking the time to respond a second time. I hope
I'm not going back to the well too often.

Best wishes
Richard

RichardL wrote:

> <Jón Fairbairn> Also, note the difference between id and class.
>
> I wasn't aware of this problem, particularly since the validators
> didn't raise any red flags. But I think I'm closer to the mark now.

If you used more than one ID on the page the HTML validator will
certainly let you know.

>
> Why are there no commas between the font names?
>
> Because I think that's the standard. Am I wrong?

Very much so. See:

http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family

<cite>The value is a prioritized list of font family names and/or
generic family names. Unlike most other CSS properties, values are
separated by a comma to indicate that they are alternatives:

body { font-family: Gill, Helvetica, sans-serif }</cite>
^ ^
*note* *note*

>
> <BTS> Why mix serif and sans-serif?
>
> Because I thought the browser would go from left-to-right until it
> found a font it had access to. I now found a set of fonts (with
> credit in the comments) that one person recommends. How do they
> strike you?

True, but why would you not select alternates of similar visual style?
If you wanted sans-serif (without serifs) why would you mix alternated
with serifs???

>
> <BTS> You should get in the habit of adding a semi-colon on the last
> item in a style, too, so when you add more, they work.
>
> Point taken.

This is a very good tip. Will save needless time (hours sometimes) debugging


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

RichardL wrote:
> On Aug 12, 3:28 pm, RichardL
> <RichardDummyMailbox58... DeleteThis @USComputerGurus.com> wrote:
>> On Aug 12, 8:11 am, RichardL
>>
>>
>>
>> <RichardDummyMailbox58... DeleteThis @USComputerGurus.com> wrote:
>>> On Aug 12, 8:10 am, RichardL
>>> <RichardDummyMailbox58... DeleteThis @USComputerGurus.com> wrote:
>>>> Hi,
>>>> I tried creating "left" and "right" links on the top of a page I'll be
>>>> building. I intended them to be on the opposite sides of the first
>>>> line. That failed. What am I missing?
>>>> TIA,
>>>> Richard
>>> Woops, I forgothttp://home.comcast.net/~CaptQueeg/PositioningTest.htm
>>> Sorry,
>>> R
>> Hi All,
>>
>> Thank you very much for your reponses.
>>
>> <Jón Fairbairn> You also forgot <http://jigsaw.w3.org/css-validator/>
>>
>> Mea culpa! I had intended to that before I posted, but I forgot
>> abuout it.
>>
>> <Jón Fairbairn & BTS> Not commenting out most of your stylesheet might
>> help...
>>
>> Sloppy. Again, validating would have alerted me.
>>
>> <Jón Fairbairn> Also, note the difference between id and class.
>>
>> I wasn't aware of this problem, particularly since the validators
>> didn't raise any red flags. But I think I'm closer to the mark now.
>>
>> Why are there no commas between the font names?
>>
>> Because I think that's the standard. Am I wrong?
>>
>> <BTS> Why mix serif and sans-serif?
>>
>> Because I thought the browser would go from left-to-right until it
>> found a font it had access to. I now found a set of fonts (with
>> credit in the comments) that one person recommends. How do they
>> strike you?
>>
>> <BTS> You should get in the habit of adding a semi-colon on the last
>> item in a style, too, so when you add more, they work.
>>
>> Point taken.
>>
>> <BTS> Maybe this page will give you some ideas on how to float to both
>> sides. http://k75s.home.att.net/banner.html
>>
>> I think it will. I just wanted to post the corrctions I've
>> implemented so far. If you look, you'll see I'm almost there. I
>> don't have the "left" and "right" links living inside the banner, nor
>> pushed to the extremes. Banner.html will probably help with that.
>>
>> Thank you all for your responses. They were GREAT.
>>
>> Best wishes,
>> Richard
>
> Hi Y'all,
>
> Thanks for these additional responses.
>
> <Jonathan> See: http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family
>
> Great link. I don't know my way around the standard yet, but I'll get
> there ... he says hopefully
> BTW, it's interesting that the validator didn't wince at the lack of
> commas. I guess it's not perfect.


The validator has no master list of all fonts, if you level out the
commas I believe it treats the list as one font name with embedded
spaces. You can bogus font names the validator will not know the difference.

font-family { "Some Bogus Font", apples, oranges, sans-serif; }

>
> <Jonathan> ... why would you not select alternates of similar visual
> style?
> I haven't even looked at those fonts. For now, I trying to get a set
> that will satisfy almost all browsers and are aesthetically pleasing.
> So I'll be happy to use anything recommended by people more
> knowledgeable than me. In time, I'll see what I have wrought.

Correct that is why if you select a sans-serif font your alternates
should also be sans-serif. You mixed the two...

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

On Aug 12, 9:35 pm, "Jonathan N. Little" <lws4... DeleteThis @centralva.net>
wrote:
> RichardL wrote:
> > On Aug 12, 3:28 pm, RichardL
> > <RichardDummyMailbox58... DeleteThis @USComputerGurus.com> wrote:
> >> On Aug 12, 8:11 am, RichardL
>
> >> <RichardDummyMailbox58... DeleteThis @USComputerGurus.com> wrote:
> >>> On Aug 12, 8:10 am, RichardL
> >>> <RichardDummyMailbox58... DeleteThis @USComputerGurus.com> wrote:
> >>>> Hi,
> >>>> I tried creating "left" and "right" links on the top of a page I'll be
> >>>> building. I intended them to be on the opposite sides of the first
> >>>> line. That failed. What am I missing?
> >>>> TIA,
> >>>> Richard
> >>> Woops, I forgothttp://home.comcast.net/~CaptQueeg/PositioningTest.htm
> >>> Sorry,
> >>> R
> >> Hi All,
>
> >> Thank you very much for your reponses.
>
> >> <Jón Fairbairn> You also forgot <http://jigsaw.w3.org/css-validator/>
>
> >> Mea culpa! I had intended to that before I posted, but I forgot
> >> abuout it.
>
> >> <Jón Fairbairn & BTS> Not commenting out most of your stylesheet might
> >> help...
>
> >> Sloppy. Again, validating would have alerted me.
>
> >> <Jón Fairbairn> Also, note the difference between id and class.
>
> >> I wasn't aware of this problem, particularly since the validators
> >> didn't raise any red flags. But I think I'm closer to the mark now.
>
> >> Why are there no commas between the font names?
>
> >> Because I think that's the standard. Am I wrong?
>
> >> <BTS> Why mix serif and sans-serif?
>
> >> Because I thought the browser would go from left-to-right until it
> >> found a font it had access to. I now found a set of fonts (with
> >> credit in the comments) that one person recommends. How do they
> >> strike you?
>
> >> <BTS> You should get in the habit of adding a semi-colon on the last
> >> item in a style, too, so when you add more, they work.
>
> >> Point taken.
>
> >> <BTS> Maybe this page will give you some ideas on how to float to both
> >> sides. http://k75s.home.att.net/banner.html
>
> >> I think it will. I just wanted to post the corrctions I've
> >> implemented so far. If you look, you'll see I'm almost there. I
> >> don't have the "left" and "right" links living inside the banner, nor
> >> pushed to the extremes. Banner.html will probably help with that.
>
> >> Thank you all for your responses. They were GREAT.
>
> >> Best wishes,
> >> Richard
>
> > Hi Y'all,
>
> > Thanks for these additional responses.
>
> > <Jonathan> See:http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family
>
> > Great link. I don't know my way around the standard yet, but I'll get
> > there ... he says hopefully
> > BTW, it's interesting that the validator didn't wince at the lack of
> > commas. I guess it's not perfect.
>
> The validator has no master list of all fonts, if you level out the
> commas I believe it treats the list as one font name with embedded
> spaces. You can bogus font names the validator will not know the difference.
>
> font-family { "Some Bogus Font", apples, oranges, sans-serif; }
>
>
>
> > <Jonathan> ... why would you not select alternates of similar visual
> > style?
> > I haven't even looked at those fonts. For now, I trying to get a set
> > that will satisfy almost all browsers and are aesthetically pleasing.
> > So I'll be happy to use anything recommended by people more
> > knowledgeable than me. In time, I'll see what I have wrought.
>
> Correct that is why if you select a sans-serif font your alternates
> should also be sans-serif. You mixed the two...
>
> --
> Take care,
>
> Jonathan
> -------------------
> LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com

Thanks Jonathan,

I'm on a roll now <g> Many thanks.

Richard

Beauregard T. Shagnasty wrote:
>
> I've always found it easier to float spans rather than divs.

Why would it matter? A span will automatically become a block element
when it's floated.

You should mark it up according what the context is when CSS isn't
applied. Sometimes it isn't crystal clear what markup is best, but there
is a distinct difference between div and span.

--
Berg