Re: [css-d] Something amiss...

[Susan Grossman]

I'm re-working a web site. The menu (in the orange bar) is shifted to the
> right a bit. For the life of me, I cannot figure out why.
>
> Can anyone see what I'm missing?
>
>
> http://fairreview.leeciviccenter.com
>



#header  & #topwrapper are set at width: 980px wide.  If your screen is that
size, it is all the way to the right.   Try use 100% width

HTH - Susan



> __
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
*Susan R. Grossman*
susan.r.gross...@gmail.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] My active and visited links not working

[Susan Grossman]

Hello,
> Why aren't my active and visited link CSS commands working on my portfolio
> page? I want people to know that they've already clicked on an image.
>
> http://www.draftingservices.com/portfolio.html
>


Believe it's the onclick event that's at issue.  You're not actually going
to a page, so you haven't "visited" and the links don't change.

-- 
Susan R. Grossman


Sincerely,
Brian
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Pseudo Element after:not to include images?

[Susan Grossman]

> > I can't seem to figure out how to leave out any images in a pseudo
> element
> > selector for off-site links.  The following blocks the domains fine and
> > attaches to all other outside links (except IE), but sometimes images are
> > linked and need to be excluded.
> >
> > a:not([href^=".com"]):not([href^=".com"]):after {
> content:"\279F"; }
>



On Mon, May 10, 2010 at 5:33 PM, Philippe Wittenbergh wrote:

>
> If I understand correctly, you want those 'external' links to display a
> right-pointing arrow next to the linked text, but those external links that
> contain an image should not have that arrow. Correct ?
> (as always, linking to a minimal test case makes things much easier to
> understand…).
>
> > Have tried things like:
> >
> > a:after img { content:none !important; }
> >
> >..  obviously wrong syntax.  Any suggestions?
> Obviously, that won't work, given the syntax above. The generated content
>  is applied to the link, not the image, child of that link.
> And also note the last paragraph under CSS 2.1:12.1 regarding replace
> elements
> http://www.w3.org/TR/CSS21/generate.html#before-after-content
>
> What you'll need to do is append a class to those links that contain an
> image, then write you selector thusly:
> a:not([href^=".com"]):not([href^=".com"]):not([class="image-in-link"]):after
> { content:"\279F"; }
>
> 
>
> CSS has no provisions, to date, to do reverse lookup, of the type
> a:contains(img) or the like. There have been various proposals to the css-wg
> but none worked out so far
>
>


Thank you - I knew I had it crooked, though I was hoping to apply without
back adding a class (existing content).

Really appreciate this, it works correctly.

Susan
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Pseudo Element after:not to include images?

[Susan Grossman]

I can't seem to figure out how to leave out any images in a pseudo element
selector for off-site links.  The following blocks the domains fine and
attaches to all other outside links (except IE), but sometimes images are
linked and need to be excluded.

a:not([href^=".com"]):not([href^=".com"]):after { content:"\279F"; }

Have tried things like:

a:after img { content:none !important; }

..  obviously wrong syntax.  Any suggestions?


-- 
Susan R. Grossman
susan.r.gross...@gmail.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Safari Issue with using Absolute Positioning span inside of Overflow:auto (Scrolling Division)

[Susan Grossman]

I have a *Safari only * Issue with using Absolute Positioning "tool tips"
inside of Overflow:auto (Scrolling Division)

If you scroll to the bottom table row, and mouseOver the icon, the "tool
tip" shows as if the table wasn't contained in a scrolling division.  It
shows where the table row would be - underneath the division.

Here's the example link:  http://www.finishingfirst.com/test/overflow.html

Here's the relevant css

   *Division

*div.refine { margin: 0 auto; border: 1px solid #dedede;width:
356px; background: #ee; padding:4px; display:block; font-size:90%;
overflow:hidden; }

div.refine .choices { width: 100%; background: #fff; height: 125px;
overflow: auto; color: #000; margin:0;padding: 0; }*


  Tool Tip*

 a.tooltipExpire{border-bottom:1px dashed
green;text-decoration:none;float:right;}
a:hover.tooltipExpire{text-decoration:none;padding:0;}
a.tooltipExpire:hover span{display:block;width:129px !important;padding:.5em
.4em .5em 1em;}
a.tooltipExpire
span{display:none;position:absolute;text-decoration:none;width:129px
!important;color:#696969;background-color:#fff;border:1px solid
#8da1b3;z-index:100;}

Any help/suggestions/pointers to links would be appreciated.

Thanks -

-- 
Susan R. Grossman
susan.rgross...@gmail.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] overflow: auto does not behave as I thought it would

[Susan Grossman]

On Wed, Sep 10, 2008 at 1:15 PM, Olivier Sannier <[EMAIL PROTECTED]> wrote:

> Hi all,
>
> I have a test page here:
>
> http://obones.free.fr/cssbox/
>
> The miniadmin box should contain links that are visible inside an inner
> div that shows up a vertical scroll bar.
> However, as it is, the links are not visible at all and I don't really
> know how to make it behave the way I want.
>
> Any help would be much appreciated.
>
> Regards
> Olivier
>   I think the issue is in box-title h1   If you remove   padding: 10px;,
> then the text is visible.(you have padding declared, which covers right,
> and then padding-right declared again BTW)  There's probably another issue
> since I don't know why.
>
> HTH
>
> Susan
>
>
> --
> Susan R. Grossman
> [EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Help with Navigation Bar

[Susan Grossman]

I'm having a few different problems with my navigation bar that I would
> really appreciate any insight on.
>
>
>
> 1.   How do I center the entire navigation div? (I've tried different
> things, but nothing has worked.)



   One way would be to set the nav division to it's accurate width (it's
too large now)  and then set the margin to center.
 margin:0 auto;

and you might also want to add:  text-align:center;  for older IE




>
> 2.   The width of each link looks good in IE 7 and Firefox, but in IE 6
> each link is stretching the entire width of the screen so it looks like
> these long bars piled on top of each other. How do I fix that?



   I don't have access to IE6 right now, so can't answer.

>
>
> 3.   When I hover over each link, the lime green hover background is
> taller than the dark green regular background, even though I have the same
> height applied to each. (You can see it at the bottom)
>
>
  Your nav actually is shorter than the height you have set so the
background shows.Just state the height once and make it a few pixels
shorter and it won't show



>
>
> Here is a link:  http://www.cascadepest.com/_NEW_SITE/index.html
>
> The CSS link:  http://www.cascadepest.com/_NEW_SITE/stylesCascade.css
>


Also you might think about switching from pixels to ems, fixing your invalid
html,  and optimizing your style sheet so that a lot of the redundant values
are removed.  It makes everything work better.



Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] WP captions ruin leading

[Susan Grossman]

>
> I'm trying to add the new wp 2.6 caption function to old posts. Just
> like when I tried out the image-caption plugin under 2.5, each
> paragraph in which an image is attached gets its line-spacing
> tightened. Why? How can I avoid this?
>
> Although it's terribly ugly, I left an example at:
> http://bobarno.com/thiefhunters/2008/07/russian-rip-off-part-5/
> You'll see it in the first paragraph.
>
>


I believe your problem may be you don't have   wrapped around your
1st paragraph.

-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Resend: IE/FF differences padding/margins etc

[Susan Grossman]

On Sat, Jul 19, 2008 at 1:11 AM, Pete Harrison <
[EMAIL PROTECTED]> wrote:

> I have taken over the development of a site
> (www.squaremilenews.com/design2/n-index.asp css at
> www.squaremilenews.com/design2/sqn.css) which I need to tidy up.
>
> In FF, the DIV contentframe needs to be reduced width wise so that it lines
> up with the branding div, and in IE, branding needs to be increased to line
> up with the contentframe.
>
> Any ideas?
>
> Regards
> Pete
>



Well you have quite a number of issues.  You should start by cleaning
up/validating the html, like removing the duplicate title and metat tags in
the header, removing orphaned close tags and closing open existing tags,
using xml closers on  tags since that's what's declared, etc.  there
are lots of errors.

You are using % for width and % for margins in divisions holding those
widths and they are bumping heads.  Start by remove the 1%padding from
#contentFrame and then revisit all your width's and margins and fixed all
the code issues and it should be OK.

Hope this helps

Susan

-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Site Check please (IE6 ideally)

[Susan Grossman]

>
>
> Just done some footer work on this page and want to know if the page
> is rendering without flaws in most peoples browsers.
> http://cedd.raez.net/cedd.html
>
>
>
It does not render correctly in IE6 - the "Gray" areas (designed by and
other) one floats all the way to the left and the other all the way to the
right - so they aren't contained in your footer div.  The remainder of the
footer then shows in a division underneath these "splitting divs".   This
also pushes the page to wide at resolutions under1200.

I haven't figured out the fix for it though I'm still fiddling.

Susan





-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Background colors disappear when DTD is added

[Susan Grossman]

On Mon, May 12, 2008 at 1:46 PM, Nathan Cahill <[EMAIL PROTECTED]>
wrote:

> When I add a DTD to the html code of my web page the background color
> of every element disappears.
>
> Could you send a link to the site?

-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] drop-down nav

[Susan Grossman]

>
> The entire nav is supposed to be centered but I think I need to wrap
> a div around it and give the  a margin: 0 auto;


You can use Margin:0 auto;  if you also give the UL a width - it is 100%
unless you tell it otherwise - so technically it is centered...

>
>
> What's really tripping me out is the space I had to allocate for each
> . Some of them have a normal amount of space but others require
> an excessive amount and then leave a wide gap after them ("The Obrien
> Story" and "Primary Sources"). Any idea what is causing this?


You're doing a combination of giving each  list item by class a width and
then giving all lit items the same lots of padding and  margin.  Try giving
it the width you want  or giving it the padding you want instead of doing
both.


Hope this helps

>
>
-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Help with dropdown in IE?

[Susan Grossman]

On Tue, Mar 25, 2008 at 11:08 AM, Kenny Graham <[EMAIL PROTECTED]>
wrote:

> I have a dropdown menu that just won't behave in IE6 or IE7.
>
> There are lots of possible fixes for lots of possible IE errors, so could
> you supply a URL?


Thanks


-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE7 spacing blowout problem on Stu Nicholls' "Snazzy Borders" code

[Susan Grossman]

On Mon, Mar 10, 2008 at 1:28 PM, Eriol Hiragizawa <[EMAIL PROTECTED]>
wrote:

> Hi,
> I'm modifying code from Stu Nicholls' "Snazzy Borders" code, referenced
> here:
> http://www.cssplay.co.uk/boxes/snazzy.html
>
> As he stated, this works in modern browsers.  However, I tried putting
> only a form field in here, and it blows out the spacing above and
> below the content area in IE7 only. Firefox 2.x doesn't do this.  I
> tried to use the IE Web Developer Toolbar to examine the content area,
> but I cannot select the whitespace, so I don't know which element(s)
> may be generating it.  Any ideas or help would be appreciated.
>
> Thanks for reading.
>
> --Stephen
>


You need to remove padding/margin from the form itself:

form {
margin:0;
padding:0;
}

-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] New to list - space at top of background image?

[Susan Grossman]

>
>
> The main problem I'm having is a gap that seems to be present between
> the site menu and the background image on the div that holds the main
> content for each page.


The gap isn't in the main div.  If you put a red border around the main div,
you'll see that the back-ground is completly in the div all the way to the
top.

The issue is the wrapper div,  margin-bottom: 20px;

-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE 6 and IE 7 bumping out the hovers on a sidebar

[Susan Grossman]

>
>
> I'm struggling to work out  why IE6 and IE7 render the hover states
> out of line with the sidebar here:
>
> http://stemcel.bingodisk.com/public/uow/single.html
>


You have a 100% declared width here:

   #nav-sidebar li a { *width:100%*; display:block;color:#111;}


-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] A CSS Mystery

[Susan Grossman]

>
>
> A question and a comment: Susan, can you tell me why taking out the title
> attributes would fix it? Comment: I use a switcher to switch between text
> sizes and I need those attributes for the js to work.
>
>
It's about "preference"  This is a good explanation by Eric, old, but good:


http://devedge-temp.mozilla.org/viewsource/2002/preferred-stylesheets/index_en.html


-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] A CSS Mystery

[Susan Grossman]

> 
>
> As I said, I've fixed the problem by reinstating the css links in the
> . When they weren't there the problem occurred, as I outlined it in
> my original post.
>
> Jeff
>
>
Try removing the title attributes in the css links and it should work


Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with floated links at right of page in FF

[Susan Grossman]

 Unfortunately when dealing with FireFox you get the outline around the
entire element, and  I think it's the use of negatives that causes this to
expand past the actual size you want..

I'm not a proponent of removing the outline because it's there for
accessibility reasons.

Susan



On Feb 9, 2008 11:20 AM, haveboard. com <[EMAIL PROTECTED]> wrote:

> > the sidebar links FF places a faint dotted line around the link that
> extends
> > all the way across the page to the left side. It is intended as an
> > indication that the link is actively selected, but it is very
> distracting,
>
> a {outline:none;}
>
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Scaling type isn't expanding the container div

[Susan Grossman]

> http://nancyray.accountsupport.com/index0.php
> http://nancyray.accountsupport.com/bct.css
>
> The layout is still crap but it's coming together. I can't figure out why
> the type under the Presstek Ad isn't pushing the div below it down when I
> scale the type.


#content div.tab_section {
display: block;
margin: 0px;
padding: 5px;
height: 165px;   ***  you have a specified height here  ***
}

-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] s get separed if abs positioned is inside them

[Susan Grossman]

>
>
> This styles seem to imply that in IE6 and 7 a clear grey border appears
> below the first 4 's, as you can see. It is actually the page
> background, not a border part of my design.
> In Firefox there's no grey between the boxes, which is the way it should
> be.
> Besides, when I increase the page's size, the works' button looses part
> of the blue.
>
> How can I get rid of these defects? Is something I do wrong?
>
> Thanks much,
> Giuseppe
>
>
I think if you remove the width from the list item you'll be OK

li {
position:relative;

}
-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] (no subject)

[Susan Grossman]

>
> Does anyone know why this page is not picking up the css style sheet like
> the javascrip is telling it to?
>
> http://www.pcg-advisors.com/new/theteam/brent.html
>
>
> It looks like you're not calling the correct path to the css - you're
calling it at:
 http://www.pcg-advisors.com/new/theteam/mac_firefox.css


When they are here:
http://www.pcg-advisors.com/new/mac_firefox.css

-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Border not shown in Firefox

[Susan Grossman]

>
>
>   I tried changing the borders to border: 1px solid #e6e6e6; instead of
> defining for all of them like border-top, border-right etc. but it doesn´t
> make any difference.
>   Why does FF not show the border? Thanks for any ideas
>
>
>
It worked for me doing
   border : 6px solid #e6e6e6;
 in FireFox for Windows - What FireFox isn't it working for you in?

-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE7 only Not printing all the contents of a table

[Susan Grossman]

Good day,

I have an application page that isn't printing all of the items in the table
in IE7 only.  It drops the first 4 items in the table - but not in Opera,
FireFox, NN, even IE6.

There's a mock-up of the page here:
http://www.finishingfirst.com/sia/summary.html

Any suggestions would be appreciated

Thanks

-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Website Check and IE Problem

[Susan Grossman]

On 7/12/07, Sol Sinclair <[EMAIL PROTECTED]> wrote:
>
> Hi all;
>
> I have created this website,
>
> http://www.robertsmart.ca/
> http://www.robertsmart.ca/robert.css
>
>  IE 7



This is how it looks on IE7 - there;s and issue with the left nav not being
positioned correclty

http://www.finishingfirst.com/robert.gif

-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] What is the equivalent of font-size:11px?

[Susan Grossman]

II set my body font to 100% and then use em's for the rest.   I avoid the
use of small  and any px or pt fixed sizes.  Try experimenting with this to
get what you want.

this is a hot topic for a lot of people and there are several ways of doing
this. and I'm sure you'll get better responses from others.

Many people set their font around 76%  - but I'm a firm believer in letting
the user use their defaults as base.  100%

Susan



On 6/28/07, trevor bayliss <[EMAIL PROTECTED]> wrote:
>
> I am continuing my css journey and have been playing around with this and
> can´t seem to get the right results using ems or font-size:small on my body
> css:
>   body {padding-right: 0px; padding-left: 0px; background: #ff
> repeat-x 50%
>   top; padding-bottom: 0px; margin: 0px; font: 11px tahoma, arial,
> sans-serif;
>   color: #4d4d4d; padding-top: 0px}
>
>
>
>   TIA
>
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] A New Bug or am I just a bad Programmer?!?!

[Susan Grossman]

You have a{display:block;color: #981793;padding:10px} -it's the
display:block that's doing it.

Also, it's not a good idea to have an ID and a Class named the same.

Susan R Grossman



>
> Why oh WHY is the anchor tag FORCING a line break when I close the tag
> ().
>
>
> -KC
> 
>
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Best way for text when enlarged

[Susan Grossman]

As an FYI - I sent out a survey at my last position to state workers who
used computers for specific tasks and personal use and this was one of the
questions.  Out of 67 responses back, no one had ever changed the default
font size or their default resolution.   A very small study, but
interesting.



> > I wonder what proportion of web users ever bother to adjust the default
> text size of their browser(s)?
> http://antanova.blogspot.com
> __
>
>


-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] I cant get list style - help!

[Susan Grossman]

If you try  #navlist li.active { margin: 0 0 0 20px;list-style-type:square }
(as an example) you'll see that the squares are there - you just need
margins on both the UL and the LI so you can see them

HTH - Susan




> I would like square bullets on my left hand menu but just cant get it to
> do it. I added this style to the style sheet  #navlist .subnavlist
> {list-style-type: square;} and that didn't do it. If anyone can help I
> would be very grateful.
>
>
>
> Mandy
>
>
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] I cant get list style - help!

[Susan Grossman]

Mandy,

Have you tried qualifying your class

#navlist li.subnavlist {
   list-style-type: square;
  }

If you can send a link it'd be easier to troubleshoot



> I would like square bullets on my left hand menu but just cant get it to
> do it. I added this style to the style sheet  #navlist .subnavlist
> {list-style-type: square;} and that didn't do it. If anyone can help I
> would be very grateful.
>
>
>
-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Please work in IE

[Susan Grossman]

have you checked to see if you have the IE only CSS only pop-ups bug?

http://www.quirksmode.org/css/ie6_purecsspopups.html


Please point me in the right direction.  My CSS driven menus work in
> Firefox, but not IE.
>
>


-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] header and conditional comment info

[Susan Grossman]

In the example you gave of your header, there's a style close without an
open that may be causing your issue - you didn't say the actual invalid
message though, so I can't be sure that's what you're speaking of.

-->

HTH

Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Pixels, Ems and Borders, Margins

[Susan Grossman]

I have avoided using pixels for any sizing or fonts, but when I look at my
style sheet there's lots of use of pixels for borders, margins, etc.(1-4
pixel thingys)

What are others doing for these to keep a total fluid design?

Thanks,

-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] font-size-adjust

[Susan Grossman]

My understanding of the functionality is that it overrides the default

> behavior which would be as follows:
>
> body{ font-size 10px Verdana, "Times New Roman"; }
>
> In this case, if Verdana were not available, the font chosen would be
> Times New Roman at 10px.  By using the font-size-adjust, you are able
> to compensate for the clear difference in "perceived size" between
> Verdana (which is readable at 10px) and Times New Roman (which is
> generally not readable at 10px).  The font size (as you pointed out)
> would convert to between 12 and 13px for Times New Roman--a much more
> readable size.
>

I haven't been able to find a reference that lists the "perceived size" of
the variety of system fonts so adjustments can be calculated.  Do you know
if there is one? I'd like to look further into this.

Thanks

-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problems with Column Widths

[Susan Grossman]

 I can't explain it - I've played with it for a long time - and there seem
to be some unnecessary divisions in the top section, but you could just
ignore it and make the top box a tiny bit wider by adjusting the right
margin slightly large in  the division "info".

You're using the reset css, so padding and margin aren't the issue to the
core problem.

I could make the bottom the same width by killing all the 1% margins you put
in #pg-ruby, #pg-sapphire, #pg-diamond  and changing the width to 32.85%
though this doesn't answer any questions

Susan
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Border not showing in IE

[Susan Grossman]

I've been out of this for quite a long time (and off the lists) and just
finally starting back  

I have a border issue that I haven't been able to figure out what's
happening and still learning IE 7 stuff...

There should be a line under the non-active secondary tabs in this mock-up.
It appears OK in FireFox and opera.

Any pointers in the right direction would be appreciated.

http://www.finishingfirst.com/sia/index.html


Thanks

-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/