Re: [css-d] center float:left

From: css-d-boun...@lists.css-discuss.org on behalf of AG Sent: Wed 4/1/2009 4:26 PM To: css-d@lists.css-discuss.org Subject: [css-d] center float:left Here's the problem: - building a horizontal tabbed navigation bar with these conditions: 1. equal

Re: [css-d] Is this possible with CSS?

-Original Message- From: css-d-boun...@lists.css-discuss.org on behalf of Gunlaug Sørtun Sent: Sat 3/28/2009 9:12 PM To: Geoffrey Hoffman Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Is this possible with CSS? Geoffrey Hoffman wrote: Specifically, I want the li bullet to turn

[css-d] Is this possible with CSS?

I'm trying to replicate the effect done (with tables, images and Javascript) in the left column of this page... http://holdenluntz.com/artist.htm ... with CSS only. Specifically, I want the li bullet to turn a color when I hover on the a inside it. (Ignore the images that show up on hover in

Re: [css-d] Is this possible with CSS?

Geoffrey D. Hoffman President, Global Interactive Minds, LLC 398 S. Mill Ave. #303 Tempe, AZ 85281 Office: 480-921-3171 Fax: 480-921-3139 Mobile: 480-231-8323 G | M | M Global Media Minds --- On Sun, 3/29/09, Geoffrey Hoffman geo...@globalmediaminds.com wrote: From: Geoffrey Hoffman geo

[css-d] inline-block ignored by IE6

Hi List, I'm trying to code a Photoshop layout given to me where the H1 element has a border-bottom that is only the length of the text. I first tried this: !-- Example 1 -- h1 { font-size:160%; font-family:Times New Roman, Times, serif; font-variant:small-caps;

Re: [css-d] inline-block ignored by IE6

/11/cross-browser-support-for-inline-block-stylin g/ -Original Message- From: Bill Brown [mailto:macnim...@gmail.com] Sent: Monday, March 16, 2009 12:11 PM To: Geoffrey Hoffman Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] inline-block ignored by IE6 Geoffrey Hoffman wrote: I've

Re: [css-d] how to select an element that does not containanattrbite

Is this a 'best practice' or is it recommended for inclusion in future RFCs? I'm familiar with the idea of having exactly one id=unique per page, but H1? I always assumed that on a news site, for example, every headline would be an H1, whereas every subhead would be an H2. I realize there's really

Re: [css-d] how to select an element that does not contain an attrbite

If you mean that you want all H1's styled a certain way except for the one that has a specific style attribute, that is, h1 style=your-inline-style-definition-hereHeadline/h1 then I think what you mean is that you want the rule not to cascade to that particular H1, which is basically the opposite

Re: [css-d] how to select an element that does not contain anattrbite

Yes, inline styles trump (overwrite) rules set for the element, but if you put h1 { color:red; } then your h1 style=stuff-here will be red, unless the inline style specifies something else for color. My hunch is the original poster wants to prevent that single h1 from being red without having any

Re: [css-d] Footer at bottom of page/viewport

Awesome, I like it and needed that before (I think I gave up and used a table - sigh). In the content, the Footer says Footer but the Header says Bottom Footer. Is that intentional, or am I confused. Otherwise, nice example. How is that achieved? In the absence of Firebug for Opera I've got no

Re: [css-d] div with text wrapping around it

One easy way is to float your photo right, with some margin-left and margin-bottom, inside the div that contains the text. On Tue, Apr 29, 2008 at 9:04 AM, vincent pollard [EMAIL PROTECTED] wrote: so a client wants a a div on the right of the page and the text to wrap around underneath that

[css-d] Styling a submit button

So far I've tested this only on Windows XP Pro. It looks to me like Firefox does not observe padding-left:6px; padding-right:6px; to make a submit button wider than normal, nor does Safari. IE7 applies padding to the left and right of the button text correctly. I guess I can use

[css-d] falling back if a font doesn't exist

I have a design that is spec'd with a headline using Arial Black. Arial Black, when bolded, looks terrible, so I thought I'd put font-weight:normal; on it, which helps slightly. But then I realized that if someone doesn't have Arial Black installed, it will fall back to Arial, which won't get

Re: [css-d] IE6 rendering of nested ul: three issues

Wondering if it has to do with using multiple css classes on a single item. IE 6 (not sure on 7, 8) won't handle two classes at once. Have you tried making a sublistdisplayed single class? On Sat, Apr 19, 2008 at 1:14 PM, Darren Best [EMAIL PROTECTED] wrote: Since I was likely too verbose

Re: [css-d] em-based typographic grid

I'm not exactly a design or typography purist, so bear that in mind. I like your work-in-progress; although I feel the p font size is a bit small, especially compared with the headers or subheaders in the copy. Perhaps you are following a specific typographic standard here... or perhaps its

[css-d] Anchor color on an image with border=1

I noticed that Firefox colorizes the border with the anchor color I specified, and a:hover turns that color also, but in IE7 I get default blue border. I already have a conditional comment in my page to deliver ie.css, but I'm not sure what to put into it because IE doesn't support :hover on

Re: [css-d] Anchor color on an image with border=1

[EMAIL PROTECTED] wrote: On Wed, Apr 16, 2008 at 11:02 AM, Geoffrey Hoffman [EMAIL PROTECTED] wrote: I noticed that Firefox colorizes the border with the anchor color I specified, and a:hover turns that color also, but in IE7 I get default blue border. I already have a conditional

Re: [css-d] Building a completely CSS, UL based, dropdown menu

You may want to look here http://www.htmldog.com/ptg/archives/50.php On Sat, Apr 12, 2008 at 3:11 PM, Chris Case [EMAIL PROTECTED] wrote: Hey Everyone, I've been building a drop-down menu system for a client. So-far the menu is getting close to acceptable in Firefox 2.0 and Safari, but

Re: [css-d] Styling Dialog Box HELP!

When you say 'styled completely with CSS,' I am going to assume that you can alter or add to the HTML output. If you can't, it could be somewhat tricky, but either way, you have to start with a graphic that looks like the speech baloon you describe. Without being able to alter the html, you'd

Re: [css-d] pure css a:hover based tooltips problems in ie5.5/6

It may confuse some because built-in tooltips show up for content in the title tag. What you are referring to is a problem whereby in IE, the :hover pseudo class only works on a few elements... anchors (a:hover) being the most obvious where it does work, list items (li:hover) being the most

Re: [css-d] why don't they line up?

That is a bit odd. I'm not 100% sure, but when I added borders to both containing divs in Firebug they jumped down to line up. I think it has something to do with the automatic top and bottom margin that H2's get by default. Try explicitly declaring a top and/or bottom margin for #updt_left h2

[css-d] PNG transparency in IE6 and below

Can someone point me to a solution for PNG transparency in IE 6 that works on tiling background images? (If such as solution exists...) I think that the pages I've scoured only work on img src=transparent.png/ and not on .myclass { background-image: url( transparent.png ) }

Re: [css-d] PNG transparency in IE6 and below

For anyone reading this post in the future, I thought I'd reply to my own post. For those of you who say it can't be done, at least in IE6, I have a solution working... I haven't checked it in IE 5.5 or below. What I discovered is that background-repeat:repeat-x and background-repeat:repeat-y

Re: [css-d] PNG transparency in IE6 and below

I don't know what you mean by complex alpha, but I have a 32-bit png (it's just black fading to transparent, a 25x25px png, eg yes it is a a nice soft 8-bit alpha) that acts as a shadow on both sides of a site that has a table floated in the center and the png tiles down both sides. It is casting

[css-d] CSS Workflow Question

I'm just curious to know what % of people (A) do their HTML/XHTML first completely before styling it, versus (B) those who do HTML CSS at once. I am A/B split about 25% / 75%. I'm also curious to know what % of people (C) do their layout first in Photoshop (or receive image filesto be converted

Re: [css-d] position of nav bar

Hi Carrie, Always start with a minimalist HTML or XHTML file.You have some unnecessary span tags in your markup. Check to make sure your page validates before you style anything. I'm not saying your page doesn't validate, but step 2 is validation which rules out broken tags and other issues that

Re: [css-d] a picture with in a picture

Sure. Make a div id=frame. Make a blank black frame image and use that as a background-image with no repeat. Then inside that div, put your img add padding-top and padding-left to line up. On 3/6/08, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Is it possible to have an image showing a picture

Re: [css-d] Quickly Removing Formatting from an Element

The C in CSS stands for Cascade. It's inherently designed to, uh, cascade. Though it makes your life more difficult, I think your best bet may be to declare all your rules with explicit selectors: e.g. for every other thing on the page, do... #path .to .item input { } ...not just a blanket...

Re: [css-d] list elements in ie6

Certainly the original poster meant DD = Drop Down menu, not a dd in the markup. His CSS is for a ul. The trouble is that the subsequent items are not dropping below the previous items. Usually this happens in a float, but I am not sure in a ul li arrangement. Ross, do a Google for pure css

Re: [css-d] how to center this suckerfish?..

CSS centering is usually done by declaring... margin-left:auto; margin-right:auto; ...though there may be other ways given your situation. For not wrapping something, try white-space:nowrap; HTH, Geoff On Sat, Mar 1, 2008 at 2:48 PM, Julie Bessette [EMAIL PROTECTED] wrote: Hi everyone,

Re: [css-d] div inside form

This page has some great examples of the fieldset and label tags with various CSS applied. http://www.designmeltdown.com/chapters/Forms/part2.aspx 5h4rk @ gmail wrote: Hi all, I'm wondering if it's valid to put DIVs inside the form tag? Thanks

Re: [css-d] Table cells don't always inherit font size

I've used something like this before: body, p, th, td, input, textarea { font-size:11px; } __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/

Re: [css-d] reply-to address

Hit reply to all, then delete the sender to send replies to list only. If they're using Mailman, there is a setting for this, but the owner probably wanted it this way. FWIW, I agree with you, replies should go to the list address by default IMO also.

Re: [css-d] left sidebar float problems

Matt, You are the man. I've been looking for that. Every other solution I've seen has drawbacks such as tallest content must come in a certain column, background color doesn't flow down, requires JS, etc. Nice work. Geoff On Feb 10, 2008 2:34 AM, Matthew Taylor [EMAIL PROTECTED] wrote, in

Re: [css-d] bullet list problem in Safari, IE; space in IE

Try adding list-style-type: none; to the li you want to not have bullets. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies --

Re: [css-d] Maximum value for em

I thought that may have something to do with it, and appreciate the reply. I'm limited by not having access to a computer with IE 6 anymore :-/ On Feb 7, 2008 12:15 PM, Roger Gordon [EMAIL PROTECTED] wrote, in part: The text-align: center is for the benefit of IE6 (and lower, I presume)

Re: [css-d] Text refusing to be bold in Firefox and IE

If your page and rules are valid, look at your page in Firebug. It shows you the styles in the heirarchy of inheritance, and crosses off rules that have been overridden by styles on parent containers/elements. Something above, eg at a higer importance level, is applying font-style:normal. That is

Re: [css-d] PNG repeating background in IE

I am fairly certain that the PNG alpha trick that dynamically places a filter:progid:DXImageTransform.Microsoft.AlphaImageLoader on your site's png files does not work on repeating backgrounds. Search on IE6 transparent png on google and there's hundreds of helpful articles. If your site uses

Re: [css-d] Maximum value for em

Sure you can use em, ex, % for relative fluid layouts all you like. The best reason to do so if you want your site to expand and contract nicely along with the font size. Just speaking off the top of my head here... The size of an em is derived from the text size of the container. I haven't

Re: [css-d] to center a fixed width website

If you have a div id wrapper with width:800px margin:0 auto; isn't the text-align:center redundant? I've only ever used #wrapper { margin:0 auto; width:800px; text-align:left; } I've never put text-align:center on body. Actually all you need is to specify a width (it can be relative or

Re: [css-d] Need help with a Firefox issue

Div id=sales has 4 of them inside it. Get Firefox, install Firebug, click Tools -- Firebug -- Open Firebug, click the Inspect tab and then hover over the various elements on your page. On Feb 6, 2008 7:56 PM, Big Moxy [EMAIL PROTECTED] wrote: Hi All, I'm puzzled by the appearance of

[css-d] Fonts in Vista Office 2007

I installed Office 2007 on my box at work and really like some of the new fonts that came with it. http://neosmart.net/blog/2006/a-comprehensive-look-at-the-new-microsoft-fonts/ Anyone know if you can buy them separately somewhere? (I really don't need Office 2007 nor Vista on my Win XP box at

Re: [css-d] Fonts in Vista Office 2007

That's rare... The way Microsloth operates I figured you need to buy them. Cheers - On Feb 5, 2008 10:30 PM, Chris Williams [EMAIL PROTECTED] wrote: Google is your friend. Google font calibri and you'll find your answer. Such the second result -- this post:

Re: [css-d] IE issues- oh gosh, here's the link!

Not to be flip, but have you read these: http://www.ejeliot.com/blog/63 http://www.positioniseverything.net/articles/cc-plus.html http://24ways.org/2005/avoiding-css-hacks-for-internet-explorer 2008/1/25 Copeland [EMAIL PROTECTED]: Geez louise. Here's the link: HYPERLINK

Re: [css-d] Multiple Column Lists

I'm trying to think of a case when you'd want to render a numbered menu in this fashion. From a usability standpoint it seems rather confusing. At any rate, if you made a nested repeat loop in your server side scripting language to figure out how many rows columns you need, you can easily

Re: [css-d] Why is a class ignored inside an ID?

a, the lightbulb came on. I like this list. Geoff On Jan 24, 2008 3:40 PM, Arlen Walker [EMAIL PROTECTED] wrote: On Jan 23, 2008, at 10:06 AM, Geoffrey Hoffman wrote: #outer { border:4px solid red; } #outer a { color:red; } .inner { border:4px solid green; } .inner a { color:green

[css-d] I wish you could position and tile two background images at once

In my last group review on a site I'm re-designing, I made the mistake of screen-capturing the site at its current state, pasting it into Photoshop, and letting several people standing around my computer throw out suggestions about ways to tweak the site visually. It was a little nerve-racking,

Re: [css-d] Style tag AFTER body tag?

Actually, I find Dreamweaver's CSS editing features to be extremely handy. What Tim is referring to is how Dreamweaver interprets and displays complex CSS in design mode. True, I agree it is lacking in this area... In effect, it is yet another browser (it handles CSS rules differently than FFX,

Re: [css-d] Style tag AFTER body tag?

Matt, that rocks. Thanks for sharing - I had the thought that someone may have made an external-css-to-inline-css converter for just that reason. Brilliant. On Jan 24, 2008 3:34 AM, Matt Birch [EMAIL PROTECTED] wrote: You may want to have a look at Alex Dunae's premailer, which will take your

[css-d] Why is a class ignored inside an ID?

This is my first post to this list. Thanks to Glish, AListApart, Listamatic, BoxLessons, ZenGarden, BlueRobot, All the amazing people who figured out all the box model hacks and browser targeting stuff I cannot live without. IE6 is evil. Okay... I just stumbed onto something that I could not