473,699 Members | 2,912 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Floating went awry ... where did I?

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

Aug 12 '07 #1
13 1648
On Aug 12, 8:10 am, RichardL
<RichardDummyMa ilbox58...@USCo mputerGurus.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

Sorry,
R

Aug 12 '07 #2
RichardL <Ri************ **********@USCo mputerGurus.com writes:
On Aug 12, 8:10 am, RichardL
<RichardDummyMa ilbox58...@USCo mputerGurus.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 Jo***********@c l.cam.ac.uk

Aug 12 '07 #3
RichardL wrote:
<RichardDummyMa ilbox58...@USCo mputerGurus.com wrote:
>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?

Woops, I forgot http://home.comcast.net/~CaptQueeg/PositioningTest.htm
Part of the reason is likely the unclosed comment in your style sheet,
effectively rendering everything after it as .. nothing.

/* fonts: http://css.maxdesign.com.au/selectut...rial_step3.htm
*/
/* NOTE: No comma separators between names
font-family:Georgia Times "Times New Roman" Serif Sans-Serif;

etc. Why are there no commas between the font names? Why mix serif and
sans-serif? 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.

Maybe this page will give you some ideas on how to float to both sides.
http://k75s.home.att.net/banner.html
--
-bts
-Motorcycles defy gravity; cars just suck
Aug 12 '07 #4
RichardL <Ri************ **********@USCo mputerGurus.com writes:
On Aug 12, 8:10 am, RichardL
<RichardDummyMa ilbox58...@USCo mputerGurus.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 Jo***********@c l.cam.ac.uk

Aug 12 '07 #5
On Aug 12, 8:11 am, RichardL
<RichardDummyMa ilbox58...@USCo mputerGurus.com wrote:
On Aug 12, 8:10 am, RichardL

<RichardDummyMa ilbox58...@USCo mputerGurus.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.ne t/~CaptQueeg/PositioningTest .htm

Sorry,
R
Hi All,

Thank you very much for your reponses.

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

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

<Jn Fairbairn & BTSNot commenting out most of your stylesheet might
help...

Sloppy. Again, validating would have alerted me.

<Jn FairbairnAlso, 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?

<BTSWhy 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?

<BTSYou 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.

<BTSMaybe 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

Aug 12 '07 #6
RichardL wrote:
<Jn FairbairnAlso, 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.htm...ef-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*
>
<BTSWhy 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???
>
<BTSYou 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
Aug 12 '07 #7
RichardL wrote:
Why are there no commas between the font names?

Because I think that's the standard. Am I wrong?
Yes. You always use commas between font names, and quotes around fonts
with multiple words like "Trebuchet MS" .
<BTSWhy 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.
That part is true. I was wondering why you wanted to mix serif and
sans-serif fonts. Do you understand the difference?
I now found a set of fonts (with credit in the comments) that one
person recommends. How do they strike you?
Not well.

font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;

Stand back about two feet from your monitor and read that "CSS Font
Specs" page. (There are many errors on that page; you should completely
forget about it as a reference.)

Then go to this page of mine:
http://k75s.home.att.net/fontsize.html
Note the section on Verdana as well.

That page said: "All the examples below are set at the same 12px font
size." No, they weren't. They were much smaller. There is no style named
"trebuchet" that I can find.

--
-bts
-Motorcycles defy gravity; cars just suck
Aug 12 '07 #8
On Aug 12, 3:28 pm, RichardL
<RichardDummyMa ilbox58...@USCo mputerGurus.com wrote:
On Aug 12, 8:11 am, RichardL

<RichardDummyMa ilbox58...@USCo mputerGurus.com wrote:
On Aug 12, 8:10 am, RichardL
<RichardDummyMa ilbox58...@USCo mputerGurus.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.ne t/~CaptQueeg/PositioningTest .htm
Sorry,
R

Hi All,

Thank you very much for your reponses.

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

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

<Jn Fairbairn & BTSNot commenting out most of your stylesheet might
help...

Sloppy. Again, validating would have alerted me.

<Jn FairbairnAlso, 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?

<BTSWhy 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?

<BTSYou 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.

<BTSMaybe 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.

<JonathanSee: http://www.w3.org/TR/CSS21/fonts.htm...ef-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.

<BTSI 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.

<BTSThen 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="bannerle ft"><img
src="..." ... width="50" height="43" />]]
I went with [[<span class="BannerLe ft" width="50" height="43"><a ...]]
That failed validation.

So I tried:

<div width="50" height="43">
<span class="BannerLe ft"><a href="JavaScrip t:history.back( )">&lt;
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


Aug 12 '07 #9
RichardL wrote:
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?
I've lost what you are trying to do, mostly due to your odd quoting
style.

What is it you are trying to size?

I do note that your

..BannerCenter, .BannerLeft, .BannerRight {
font-size: 90%;

...is 90% of 90% (of the body).

Please don't indent your CSS file so much. Align the IDs and classes at
the left margin and use either three spaces or one tab to indent the
attributes.

Why not use <span>s for the left and right links, instead of <div>s?

--
-bts
-Motorcycles defy gravity; cars just suck
Aug 12 '07 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
1696
by: George Hester | last post by:
At the time this suggestion was made I didn't have the wherewithall to even attempt it. But over time I learned enough to make a stab at it. Let just say the foating DIV had to provide the same advantages as a chromeless window else it really wouldn''t help. You see the idea is that the chromeless window forces a client to make a choice. It cannot be closed until a choice is made. If the user decides not to allow the chromeless window to...
16
7372
by: Michael Bernstein | last post by:
Hello, I've tried to solve this problem six ways from sunday, but I'm conceding defeat and asking for help at this point. The following site is rendering *very* oddly in Mozilla only. IE seems to lay it out just fine: http://pythonphotos.org
2
2204
by: Lee K. Seitz | last post by:
I stayed up late working on a CGI script and spent some time formatting my page with CSS. It looked fine in IE, which will be 95% of my audience, so I went to bed. Got up and looked at it in Opera and it's different and not what I wanted. Take a look at <http://home.hiwaay.net/~lkseitz/hhs/rnb/>. I'm concerned with the form and links in the dashed box in the middle of the page. In IE, my "margin: auto" causes the div to center itself...
1
6277
by: bryanrite | last post by:
I have two floating divs within a 100% width container div. In IE when you resize the window to the point where the text should wrap, it wraps and extends the height of the container div. In Firefox, the div doesn't wrap but drops below the container div. I can't seem to figure out what i'm missing or what IE is automatically adding for me?? check it out: http://frontstreet.realclip.ca/index.php?pg=local_info * resize the window around...
687
23465
by: cody | last post by:
no this is no trollposting and please don't get it wrong but iam very curious why people still use C instead of other languages especially C++. i heard people say C++ is slower than C but i can't believe that. in pieces of the application where speed really matters you can still use "normal" functions or even static methods which is basically the same. in C there arent the simplest things present like constants, each struct and enum...
21
4201
by: Allin Cottrell | last post by:
OK, I realize that what I am asking here is not likely to have a answer within the C standard. Nonetheless, it is not specific to any particular platform, so I'll hazard the question anyway. A C double can be aliased by an array of unsigned char, to which any desired byte pattern may be written. Is there any somewhat portable way of assigning a byte pattern such that the result will, with very high probability, _not_ count as a valid...
13
4136
by: Bern McCarty | last post by:
I have run an experiment to try to learn some things about floating point performance in managed C++. I am using Visual Studio 2003. I was hoping to get a feel for whether or not it would make sense to punch out from managed code to native code (I was using IJW) in order to do some amount of floating point work and, if so, what that certain amount of floating point work was approximately. To attempt to do this I made a program that...
31
2947
by: Martin Clark | last post by:
Hello, I am daring to stick my head above the parapet and ask as question. I am working on redesigning a website to use CSS rather than tables for layout. I have come across a problem when trying to float an image to the right. For ease of looking at the problem, I have stripped away other parts of the page layout, and have just included the "content" section in the examples below. The basic design of having a left column and a main...
4
2358
by: john | last post by:
I am reading TC++PL3, and on page 468, at "21.4.3 Floating-Point Output", it formats floating point output in the style: cout.setf(ios_base::scientific, ios_base::floatfield); // use scientific // format cout<< "scientific:\t"<< 1234.56789<< '\n';
0
8705
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, well explore What is ONU, What Is Router, ONU & Routers main usage, and What is the difference between ONU and Router. Lets take a closer look ! Part I. Meaning of...
0
9054
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8941
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8896
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
6546
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupr who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
4390
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
3071
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
2362
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2015
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.