HighDots Forums  

Re: Trouble with Sliding Doors

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Re: Trouble with Sliding Doors in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Bergamot
 
Posts: n/a

Default Re: Trouble with Sliding Doors - 10-24-2007 , 01:09 PM






rhino wrote:
Quote:
http://sfl.london.on.ca/meetingsite.shtml. If you go to
this page with IE7 and your text size set to "medium", you'll see that I
have a nice row of 9 horizontal tabs.
You must be using a larger browser window than I. I see 3 rows, plus I
get horizontal scrolling.

Quote:
if you start at the leftmost tab on the upper
row and work your way to the right, you can see that the positioning of the
lower row of tabs keeps changing and moving further to the right.
That's because you increased the bottom padding on #overview, causing
the floats to stop there instead of going to the left edge of the
content area.

Quote:
I've looked at the CSS and I'm at a loss to understand why this is
You could find these things yourself with the Web Developer extension
for Firefox/mozilla. CTRL+SHIFT+Y then move your cursor over various
elements. You'll see the "path" of the document tree in a status bar
(top or bottom, depends on the version). Click on an element and it will
show you the CSS for that item. The DOM Inspector can also be a useful
tool for finding rogue CSS.

Personally, I think there are too many items for a horizontal list. It's
a lot easier for the eyes to scan down than across.

--
Berg


Reply With Quote
  #2  
Old   
rhino
 
Posts: n/a

Default Re: Trouble with Sliding Doors - 10-25-2007 , 12:24 AM







"Bergamot" <bergamot (AT) visi (DOT) com> wrote

Quote:
rhino wrote:

http://sfl.london.on.ca/meetingsite.shtml. If you go to
this page with IE7 and your text size set to "medium", you'll see that I
have a nice row of 9 horizontal tabs.

You must be using a larger browser window than I. I see 3 rows, plus I
get horizontal scrolling.

My screen resolution is 1280 x 1024 and I am running IE7 with text size set
to "medium". That translates to one row of tabs for me ;-)

Quote:
if you start at the leftmost tab on the upper
row and work your way to the right, you can see that the positioning of
the
lower row of tabs keeps changing and moving further to the right.

That's because you increased the bottom padding on #overview, causing
the floats to stop there instead of going to the left edge of the
content area.

Yes, you're absolutely right! I've taken out that padding now and the
problem is gone.

Quote:
I've looked at the CSS and I'm at a loss to understand why this is

You could find these things yourself with the Web Developer extension
for Firefox/mozilla. CTRL+SHIFT+Y then move your cursor over various
elements. You'll see the "path" of the document tree in a status bar
(top or bottom, depends on the version). Click on an element and it will
show you the CSS for that item. The DOM Inspector can also be a useful
tool for finding rogue CSS.

Thank you for the suggestion! I wasn't aware of tools that would help with
debugging this; I was just trying to find something wonky by eyeballing it.
I completely forgot about the padding because it is not in the main CSS;
instead, it is in the individual shtml file.

I'd never heard of the Web Developer plugin but quickly found it with a
Google search and installed it. (I had hoped there would be a way to list
available plugins from the browser itself but couldn't find anything like
that.) The plugin is very handy for seeing all the CSS that is influencing a
given block!

Quote:
Personally, I think there are too many items for a horizontal list. It's
a lot easier for the eyes to scan down than across.

You might be right. I'm going to think about combining some of the tabs or
maybe running them down the right or left.

--

Rhino




Reply With Quote
  #3  
Old   
John Hosking
 
Posts: n/a

Default Re: Trouble with Sliding Doors - 10-25-2007 , 01:02 AM



rhino wrote:
Quote:
"Bergamot" <bergamot (AT) visi (DOT) com> wrote in message
news:5o9g38Fll3urU1 (AT) mid (DOT) individual.net...

You could find these things yourself with the Web Developer extension
for Firefox/mozilla.


I'd never heard of the Web Developer plugin but quickly found it with a
Google search and installed it. (I had hoped there would be a way to list
available plugins from the browser itself but couldn't find anything like
that.)
(At least my version of) Firefox has two places where links take you to
a list of extensions (a.k.a. plug-ins or add-ons).

The default bookmarks include a folder called "Firefox and Mozilla
Links", under which is a link to "Themes and Extensions". Go see.

Or you can go to the Menu item Tools, then Extensions, which brings up a
little dialog listing all your currently installed extensions. At the
bottom is a link "Get More Extensions". Go to that page and "Browse
Extensions by Category".

These two links go to slightly different places but you can see the
available add-ons for FF this way.

Quote:
--

Rhino
If you add a trailing space to the two dashes above, you will have a
working sig separator, meaning that your sig will automatically be
trimmed when being replied to using good newsreaders, and many
newsreaders will show the sig in a different fontface or style, setting
it apart from the message. (OE isn't one of these.)


--
John
Pondering the value of the UIP: http://improve-usenet.org/


Reply With Quote
  #4  
Old   
Blinky the Shark
 
Posts: n/a

Default Re: Trouble with Sliding Doors - 10-25-2007 , 01:38 AM



rhino wrote:
Quote:
"Bergamot" <bergamot (AT) visi (DOT) com> wrote in message
news:5o9g38Fll3urU1 (AT) mid (DOT) individual.net...
rhino wrote:

http://sfl.london.on.ca/meetingsite.shtml. If you go to
this page with IE7 and your text size set to "medium", you'll see that I
have a nice row of 9 horizontal tabs.

You must be using a larger browser window than I. I see 3 rows, plus I
get horizontal scrolling.

My screen resolution is 1280 x 1024 and I am running IE7 with text size set
to "medium". That translates to one row of tabs for me ;-)
My screen size is 1440 x 1050. I'm getting two rows of tabs and a H
scroll bar.


--
Blinky RLU 297263
Killing all posts from Google Groups
The Usenet Improvement Project - http://improve-usenet.org


Reply With Quote
  #5  
Old   
Bergamot
 
Posts: n/a

Default Re: Trouble with Sliding Doors - 10-25-2007 , 06:20 AM



rhino wrote:
Quote:
I completely forgot about the padding because it is not in the main CSS;
instead, it is in the individual shtml file.
I suggest putting it in the external CSS file. There's no reason to put
some styles in the HTML unless it's unique to just that page. If it's
something unique to one section of the site, it makes more sense to have
a second external CSS file. Then all the CSS is still in one place, plus
it will be cached by the browser.

--
Berg


Reply With Quote
  #6  
Old   
rhino
 
Posts: n/a

Default Re: Trouble with Sliding Doors - 10-27-2007 , 01:12 PM




"John Hosking" <John (AT) DELETE (DOT) Hosking.name.INVALID> wrote

Quote:
rhino wrote:
"Bergamot" <bergamot (AT) visi (DOT) com> wrote in message
news:5o9g38Fll3urU1 (AT) mid (DOT) individual.net...

You could find these things yourself with the Web Developer extension
for Firefox/mozilla.


I'd never heard of the Web Developer plugin but quickly found it with a
Google search and installed it. (I had hoped there would be a way to list
available plugins from the browser itself but couldn't find anything like
that.)

(At least my version of) Firefox has two places where links take you to a
list of extensions (a.k.a. plug-ins or add-ons).

The default bookmarks include a folder called "Firefox and Mozilla Links",
under which is a link to "Themes and Extensions". Go see.

I'm on Firefox 2.0.0.8 and I found it under Bookmarks/Mozilla
Firefox/Customize Firefox.

I doubt I would ever have stumbled on that on my own so thanks for pointing
that out.

Quote:
Or you can go to the Menu item Tools, then Extensions, which brings up a
little dialog listing all your currently installed extensions. At the
bottom is a link "Get More Extensions". Go to that page and "Browse
Extensions by Category".

On my copy of Firefox, I have Tools/Add-ons. I found this before my original
post. Unfortunately, it does _not_ have a "Get More Extensions" option,
just a "Find Updates" button which only finds updates for extensions you
already have.

Quote:
These two links go to slightly different places but you can see the
available add-ons for FF this way.

Apparently, the Firefox developers decided that it was too easy to find
extensions in the past and decided to make it harder. Seriously, I don't
think I ever would have looked in the Bookmarks/Mozilla Firefox to see if
there was anything to do with finding extensions there.

Quote:
--

Rhino

If you add a trailing space to the two dashes above, you will have a
working sig separator, meaning that your sig will automatically be trimmed
when being replied to using good newsreaders, and many newsreaders will
show the sig in a different fontface or style, setting it apart from the
message. (OE isn't one of these.)

I would have thought the two consecutive dashes on a line by itself was
already plenty but you need to add a trailing space AND an empty line....
And even then it doesn't work on a popular newsreader like OE. Hardly seems
worth the bother....

--

Rhino




Reply With Quote
  #7  
Old   
rhino
 
Posts: n/a

Default Re: Trouble with Sliding Doors - 10-27-2007 , 01:14 PM




"rhino" <No.offline.contact.please (AT) anonymous (DOT) com> wrote

Quote:
"John Hosking" <John (AT) DELETE (DOT) Hosking.name.INVALID> wrote in message
news:47203133$1_3 (AT) news (DOT) bluewin.ch...
rhino wrote:
"Bergamot" <bergamot (AT) visi (DOT) com> wrote in message
news:5o9g38Fll3urU1 (AT) mid (DOT) individual.net...

You could find these things yourself with the Web Developer extension
for Firefox/mozilla.


I'd never heard of the Web Developer plugin but quickly found it with a
Google search and installed it. (I had hoped there would be a way to
list available plugins from the browser itself but couldn't find
anything like that.)

(At least my version of) Firefox has two places where links take you to a
list of extensions (a.k.a. plug-ins or add-ons).

The default bookmarks include a folder called "Firefox and Mozilla
Links", under which is a link to "Themes and Extensions". Go see.

I'm on Firefox 2.0.0.8 and I found it under Bookmarks/Mozilla
Firefox/Customize Firefox.

I doubt I would ever have stumbled on that on my own so thanks for
pointing that out.

Or you can go to the Menu item Tools, then Extensions, which brings up a
little dialog listing all your currently installed extensions. At the
bottom is a link "Get More Extensions". Go to that page and "Browse
Extensions by Category".

On my copy of Firefox, I have Tools/Add-ons. I found this before my
original post. Unfortunately, it does _not_ have a "Get More Extensions"
option, just a "Find Updates" button which only finds updates for
extensions you already have.

These two links go to slightly different places but you can see the
available add-ons for FF this way.

Apparently, the Firefox developers decided that it was too easy to find
extensions in the past and decided to make it harder. Seriously, I don't
think I ever would have looked in the Bookmarks/Mozilla Firefox to see if
there was anything to do with finding extensions there.

Oops! I missed a link called "Get Extensions" on the Tools/Add-ins dialog. I
take back my snarky remark about Firefox foolishly removing a link from the
logical place. My mistake!

Quote:
--

Rhino

If you add a trailing space to the two dashes above, you will have a
working sig separator, meaning that your sig will automatically be
trimmed when being replied to using good newsreaders, and many
newsreaders will show the sig in a different fontface or style, setting
it apart from the message. (OE isn't one of these.)

I would have thought the two consecutive dashes on a line by itself was
already plenty but you need to add a trailing space AND an empty line....
And even then it doesn't work on a popular newsreader like OE. Hardly
seems worth the bother....

--

Rhino





Reply With Quote
  #8  
Old   
Rik Wasmus
 
Posts: n/a

Default Re: Trouble with Sliding Doors - 10-27-2007 , 04:57 PM



On Sat, 27 Oct 2007 20:12:24 +0200, rhino
<No.offline.contact.please (AT) anonymous (DOT) com> wrote:
Quote:
If you add a trailing space to the two dashes above, you will have a
working sig separator, meaning that your sig will automatically be
trimmed
when being replied to using good newsreaders, and many newsreaders will
show the sig in a different fontface or style, setting it apart from the
message. (OE isn't one of these.)

I would have thought the two consecutive dashes on a line by itself was
already plenty but you need to add a trailing space AND an empty line....
Nope, not an empty line, a newline character...

Quote:
And even then it doesn't work on a popular newsreader like OE.
Which is why a lot of people use OE Quotefix for it, which does make it
recognize it.

Quote:
Hardly seems
worth the bother....
Well, almost every other newsreader automatically recognizes a signature,
so what is the bother to make a correct seperator _once_ and keeping it? 2
seconds of your time to prevent irritation of potentially dozens or
hundreds of readers seems quite a good investment of time IMHO.||

(Oh: and for people claiming my sig seperator is broken: that's a known
Thunderbird/SeaMonkey bug...)
--
Rik Wasmus


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.