Re: [css-d] External Links

2009-04-02 Thread Virgilio Quilario 
> I'm wanting to add indicators for links that leave our site.  A little
> Googling included this info from MaxDesign:
> 
>
> I noticed the 2005 date of the article and just wondered if the info
> presented is still considered a good method or is there something
> better now?
>
> I'd be open to any good examples you folks have of nice external link
> style treatments.
>
> Chris A.

hi Chris,

here's a css solution for indicating external links.
no need to add html tags, just put on the css.
http://www.bestwebbuzz.com/highlighting-different-types-of-link-part-1.html

Virgil
http://www.jampmark.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] center float:left

2009-04-02 Thread Virgilio Quilario 
> Here's the problem:
> - building a horizontal tabbed navigation bar with these conditions:
>
> 1. equal width of tabs
> 2. centered to the width of the body
> 3. preserve centering when adding/subtracting tabs [dynamically generated 
> links/tabs]
>
> All menus based upon the  type of lists use a float:left or right 
> approach. You can center a list if it's enclosed in a div with a fixed width. 
> However, as mentioned above, this is not a solution to my problem since the 
> tabs are dynamically generated.
>
> The tabs can be centered eliminating the float, but, you loose the equal 
> width condition.
>
> Any ideas would be greatly appreciated. Needs to work in IE6 and all normal 
> browsers.

dynamically generated you mean using javascript?
if so, use javascript to center it everytime a tab is added or deleted.
specifically, use it to set css left to 50% and margin to negative
half of width.

Virgil
http://www.jampmark.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] Putting IE6 out to pasture

2009-04-02 Thread Virgilio Quilario 
>> Thought you'd be interested in this. Could this *finally* be the end
>> of IE6 and our CSS woes?
>
> Yes, in time IE6 will disappear - the sooner the better, but the
> suggested 'options for "not supporting" ie6' are time-consuming and
> don't provide quick relief for designers/developers.
>
> This is quick and painless...
> 
> ...and can leave IE6 with no styles or with minimal styling in no time,
> almost regardless of how one organizes ones site and CSS.
>
> I prefer the "minimal styles" route - as shown for my article, but will
> probably follow the "no change" route site-wide and for client work
> until IE7 disappears too.
> IE7 for the most part falls into the same "bug-category" as IE6, and is
> in need of the same fixes as its predecessor(s), or variants thereof,
> anyway - at least the way I work :-)
>
> More on the issue...
> 
> 
>
> Stay updated: 
>
> regards
>        Georg
> --
> http://www.gunlaug.no

nice articles.
working on css to deal with ie6 is really time consuming.
not to mention the troubles of getting ie6 browser for testing.

virgil
http://www.jampmark.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] Remove borders from selectors in IE 7

2009-04-01 Thread Virgilio Quilario 
> Hello all.
>
> I want to remove borders from a tag . I have a class, "drop". I can
> remove borders with CSS on Firefox, with: border-style: none, ut in IE7
> isn't working.
>
> Anyone knows why ?
>
> Thanks in advance
>
>

hi,

seems that select border can't receive styles in ie.
i found this tip for hiding the border
http://www.tek-tips.com/faqs.cfm?fid=5316

good luck
virgil
http://www.jampmark.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] unremovable margin?

2009-03-19 Thread Virgilio Quilario 
> Hello all,
>
> thanks much in advance for your help.
>
> could you please take a look at this trial html file:
>
> http://www.giuseppecraparottacv.co.uk/doubts/press.html
>
> As you can see the images are separated by a bottom / right margin.
>
> - Is it related to the fact that images are *inline elements*?
>
> - Is it any way to eliminate it which is not making the images *block
> elements*?
>
> As you can see I included  * {padding:0; margin:0;}  among the styles.
>
> cheers,
> Giuseppe

that is caused by white spaces in between  tags.
put them like this


virgil
http://www.jampmark.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] [OT] EMs vs. PERCENTs

2009-03-19 Thread Virgilio Quilario 
> Hi all,
>
> I am looking for a few good web locations that explain and clarify the
> differences between EMs and PERCENTS, and recommendations for using one or
> the other. I do not want the W3C specification, I know where that is. I am
> looking for practical information in the real world application of one
> versus the other.
>
> Thanks!
>
> ...Rob
>

Probably you are looking for this
http://css-discuss.incutio.com/?page=EmVsPercentWidths

Cheers,

Virgil
http://www.jampmark.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] ie7 not showing link as link

2009-03-12 Thread Virgilio Quilario 
On Thu, Mar 12, 2009 at 9:56 PM, Göldi  wrote:
> Hi all,
> I have a weird problem here:
> A link is not clickable although it is a correct  tag. On the
> same site in other position the same link works.There are some
> differences in styles (inherited from parent elements) but I don't see
> any reason not to activate the link.
> If I disable all css stylesheets (using IE Devtoolbar) the link works.
> And yes, it's only IE7 showing this issue, all other browsers I tested
> (Safari, Firefox, Opera, Chrome, even IE6) work as expected.
>
> Go to 
> http://www.sma-partner.ch/index.php?option=com_content&view=section&layout=blog&id=7&Itemid=38&lang=en
> to see the problem yourself.
> The Login-Link in the right column ('USER AREA') works, but not the
> Login-Link on the top left side (red background)
>
> thanks for any hints!
> -Peter

Hi Peter,

i can see that the login at the top left is overlapped by the div
#navigation while the the one in the user area is not.
you can achieve same result with:

#navigation {
background-color:#00;
float:left;
margin:0 0 44px 0;
padding-lef:66px;
}

this will get your login link working in ie7.
let me know.

Virgil
http://www.jampmark.com
Free tips, tutorials, innovative tools and techniques for building and
improving web sites.
__
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] (no subject)

2009-03-10 Thread Virgilio Quilario 
> Hi does anyone know why I'm getting white spaces between sliced images ? I 
> have a bunch of  tags within the  and I can't figure out why the 
> images have spaces, and currently why half of the image slices look fine and 
> the rest look like a jigsaw puzzle.

hi, maybe you need:
img {
margin:0;
padding:0;
}

please post a code or link to it.

Virgil
http://www.jampmark.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] Positioning Issues - how to center the middle float?

2009-02-22 Thread Virgilio Quilario 
> I am having some positioning problems over here: http://tinyurl.com/5kxvdb
>
> I have a UL floating left - an image floating left - and a UL floating
> right.
>
> There is probably an easier way to do this.  But basically I want the
> image to be centered between the two UL floats. Centered in the page.
>
> I tried margin: auto, but that is not getting me there.
>
> The css I am trying is:
> #bodylogo img{
>margin: 0 auto !important;
>padding: 40px 0 0 ;
>float: left;
>border: 1px dotted gray;
> }
> #pres ul, #vps ul {
>margin: 0;
>padding: 0;
> }
> #pres li, #vps li {
>list-style-type: none;
>float: left;
> }
>
> #vps li {
>list-style-type: none;
>float: right;
>text-align: right;
> }
>
> Suggestions?
>

try this layout pattern.

the html:







the css
.right { width:100px;float:right;}
.left { width:100px; float:left;}
.mid {width:500px;}

this is actually a 3-column layout pattern but this can also be
applied to anything that needs left-mid-right layout.

virgil
http://www.jampmark.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] good tutorials

2009-02-20 Thread Virgilio Quilario 
> Hi all,
>
> I've been browsing the web for a few days looking at css tutorials, but I
> thought I would ask the list if they knew of any good ones that I may have
> missed. I'm looking for something that goes in depth with explanation, not
> tutorials.
>
> Also, I've been looking for a good PHP/CSS IDE program for linux does anyone
> know of any good ones? I downloaded the trail version of Zend and I found
> Aptana studio. I haven't tried either one yet, so I can't comment on them.
>
> The reason for the IDE is because I'm looking for an easier way to program. I
> get confused and start feeling overwhelmed with so many windows open at times,
> Kate for coding, firefox for checking, konqueror for ftp, and cervisia for
> CVS, So I'm trying to find a good IDE that will combine as much of these as
> possible.
>
> Blessings,
> --
> David M.

Hi David,

Here is a link to w3 css online resources http://www.w3.org/Style/CSS/learning
It provides links to excellent tutorials and in depth information about css.

for your PHP/CSS IDE, you can try netbeans for php and see if it has
all the things you listed above.
pardon for the spoiler. :)

Virgil
http://www.jampmark.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] Style a select tag (the arrow part)

2009-02-17 Thread Virgilio Quilario 
> I found this CSS only hack to allow a pretty select menu with no JavaScript.
> http://pennypacker.net/articles/css_tricks_select_menu
> It works okay in FF3 but falls back to the default in IE6.
>

yeah works okay in FF3 but you can't see the item you select.
i'm sure there's a way to do it in css got to experiment.

virgil
http://www.jampmark.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] ASP.NET - Tableless Forms

2009-02-17 Thread Virgilio Quilario 
> New to this CSS world but loving it.
>
> I have seen many examples of tableless forms such as that at Dynamic Drive -
> CSS Library
>
> http://www.dynamicdrive.com/style/csslibrary/item/css-tableless-form/P10/
>
>
> However, I cannot find anything that works with ASP.NET components such
>
> ,  etc.
>
> Is it possible to do the same thing with .Net components (new to .net as
> well)
>

hi,

css is applied to html tags - output of ASP.net codes.
see them by browsing the page and viewing the html source using a browser.
then you can create css for the tags you see.
place them in a file with .css extension.
for example: styles.css

then in your asp.net source include the following:

Dim CSSHtmlLink as new HtmlLink

CSSHtmlLink.href="~/styles.css"
CSSHtmlLink.Attributes.Add("rel", "Stylesheet")
CSSHtmlLink.Attributes.Add("type", "text/css")
CSSHtmlLink.Attributes.Add("media", "all")
Page.Header.Controls.Add(CSSHtmlLink)

assuming you're using ASP.NET 2.0

good luck.

Virgil
http://www.jampmark.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] Happy 1234567890 day!

2009-02-13 Thread Virgilio Quilario 
Happy cool epoch 1234567890 day everyone.

http://coolepochcountdown.com/
http://timestamp1234567890.com/


virgil
http://www.jampmark.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] Review site for IE

2009-02-13 Thread Virgilio Quilario 
> Please review the following site in IE 6.
>
> http://www.kucia.com/kucia/sua/
>
> I am able to test in Mac FF, Safari and Opera as well as Windows IE 7.
> Would like to get feedback in IE 6 environment.
>
> Noticed on IE 6 render site that IE 6 stacks the main nav.
>
> Any feedback would be great.
>

you can download and use ie tester.
it has ie 5.5 up to ie8b1 and it won't conflict with ie7.
http://www.my-debugbar.com/wiki/IETester/HomePage

Virgil
http://www.jampmark.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] css question

2009-02-11 Thread Virgilio Quilario 
> The below css is ripped from another thread
>
> #sidebar {position: relative;}
>
> #sidebar {position: relative}
>
>
> Are both of these writings correct, or are there any differencies in
> which version of ccs you are using in connection to (x)HTML.
>

Yes, both are correct and there are no differences.
for me, it is helpful terminate every rule with a semi-colon even if
it is the last one.
in the past, i used to get css errors just because of the missing semi-colon.
so i made it a habit.

Virgil
http://www.jampmark.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] Firefox Weirdness

2009-02-02 Thread Virgilio Quilario 
Works fine here too.
FF3.0.5 on winXP PRO SP2

virgil
http://www.jampmark.com

On Mon, Feb 2, 2009 at 9:04 PM, David McGlone  wrote:
> On Sunday 01 February 2009 7:19:25 pm Gunlaug Sørtun wrote:
>> Jerod Venema wrote:
>> > http://frozenmountain.com/team.aspx
>> >
>> > in FF (3), and check out the "Length of Service: 9 Years", you'll
>> > notice that the "s" is slightly cut off.
>>
>> Seems to be OS related one way or another.
>>
>> FF3.0.5 on win2K - no problem.
>> FF3.0.5 on winXP - is cut off.
>> FF3.1b2 on Vista - is cut off.
>> FF3.0.5 on Ubuntu - no problem.
>>
>> All on same resolution.
>>
>> Haven't observed such "last-letter clipping" in FF before.
>
> Works fine here on Kubuntu FF 3.0.4.
>
> --
> David M.
> __
> 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-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] gettings lists to align right

2009-02-02 Thread Virgilio Quilario 
hi,

i didn't see this in the site.

.menu ul li {
  float : right;
 }

perhaps fixed already?

virgil
http://www.jampmark.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] Opera problem with footer

2009-01-31 Thread Virgilio Quilario 
hi,

i tried setting its container ".content" to 200px, and it worked.
it must be that opera sees the container to be 0 height when it tries
to position the .logo-footer.
so you need to give the container a height.

cheers,
virgil
http://www.jampmark.com


On Sat, Jan 31, 2009 at 10:18 PM, Cristian Palmas
 wrote:
> Hi all,
>
> I have a problem on a client's site at the address http://www.tecnicaed.it.
>
> The footer has a div.logo-footer which has these properties:
>
> #footer .logo-footer {
>width: 196px;
>float: left;
>margin-left: 12px;
>margin-top: -12px;
>position: absolute;
>top: 50%;
>  }
>
> The intention is to make it always be in the middle height of the footer,
> even if a user increase the font-size properties of the browser (I tested it
> using 16px).
> This simple solution works for IE7 & 6, FF3.0.5, Chrome 1.0.154.46 and
> Safari 3.1.2, all of them on WinXP SP3.
> But in Opera 9.61 it does not work: the .logo-footer is position at the top
> and half cut.
> Could someone tell me why?
> Thanks in advance.
>
> --
> ~ Cristian Palmas ~
> http://www.cristianpalmas.it
__
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] Inline styles vs. external style sheet

2009-01-23 Thread Virgilio Quilario 
hi,

you can use http://lud.icro.us/wordpress-plugin-head-meta/ for
inserting  tags on wordpress.

to make sure that your stylesheet overrides all other styles, list it
last, that is, insert before . use your browser's view source
to see if it is placed last.

to learn how css cascades, see
http://www.w3.org/TR/CSS2/cascade.html#cascading-order

actually, i only use inline css if i don't want my styles for certain
elements gets overridden such as branded layouts for widgets. one
example is google adsense.

you just have to make sure that you can change the widget layout from one place.

cheers,
virgil
http://www.jampmark.com


On Sat, Jan 24, 2009 at 2:13 AM, Dan Gayle  wrote:
> On Jan 23, 2009, at 8:09 AM, Virgilio Quilario wrote:
>
>> You can always put a  tag into your html body to include your
>> external css file.
>> I'm pretty sure it would override those linked in the head.
>>
>> that should make your css for the widget re-usable.
>> you may put all overrides into that external file.
>
> You could, and it will work, but that would be invalid XHTML :(
>
> Now, of course, I could insert the same stylesheet into the  element,
> but that still wouldn't solve my specificity issue, since I have no way of
> knowing what is or isn't in the cascade.
>
> __
> 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-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] Inline styles vs. external style sheet

2009-01-23 Thread Virgilio Quilario 
You can always put a  tag into your html body to include your
external css file.
I'm pretty sure it would override those linked in the head.

that should make your css for the widget re-usable.
you may put all overrides into that external file.

cheers,
Virgil
http://www.jampmark.com

On Fri, Jan 23, 2009 at 11:34 PM, Dan Gayle  wrote:
>>> I believe you are wrong. There are valid reasons for adding inline
>>> styles.
>>> For instance, when creating a plugin or widget for a CMS or other managed
>>> site, often the CSS and/or the HTML cannot be modified.
>
> On Jan 23, 2009, at 12:52 AM, david wrote:
>>
>> If you can't modify the HTML, you can't add inline styles, either.
>
> Not necessarily. Many plugins, let's say a shortcode plugin for Wordpress or
> similar, inserts html into a post's content area. I've had to do this on a
> few occasions. For instance, I had a specific pull-quote shortcode style
> that made use of blockquotes and cites. The content div had something like
> this declared:
>
> #content blockquote{margin:1em;padding:1em;background-color:#ff;}
>
> In this case, everything about that declaration needed to be changed. No
> matter how hard you try, unless you have access to the main CSS, you cannot
> over-ride that style block with classes only. And since this widget will be
> used in sites where the main content div's id cannot be predetermined, the
> only way to guarantee that the styles you need to make it use inlines.
>
> That is, unless I am completely wrong, in which case I would love to hear an
> alternate solution.
__
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] Inline styles vs. external style sheet

2009-01-23 Thread Virgilio Quilario 
The earlier, the better while there are only few pages on your site.
Can you imagine yourself scanning those 100 static pages?

Well, however, you can always get a script to clean those embedded
styles and automatically link your external css.

cheers,
virgil
http://www.jampmark.com


On Fri, Jan 23, 2009 at 8:24 AM, Gunlaug Sørtun  wrote:
> Sarah Atkinson wrote:
>
> For styles used only on one page, the benefits of moving loads of them
> to an external stylesheet are near zero.
>
> However, there's an alternative that may make life/maintenance easier
> for static pages, and that is to move all one-page styles into a
> style-element in the page head. Usually much easier to keep track of
> them that way, and if you see repetitions of a style in several pages
> you can later decide when it's something to gain by moving them to the
> external stylesheet.
>
> I use this approach extensively, since mine is a static site.
>
> regards
>Georg
> --
> http://www.gunlaug.no
> __
> 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-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] Inline styles vs. external style sheet

2009-01-23 Thread Virgilio Quilario 
i also keep my hacks external.
so whenever there's a need, i just include them and never need to code
again and again.

when working on Joomla cms, styles are kept external even when used in
1 page only.
but then, as the web site grow, there's always opportunity to use that
style again.

-
virgil
http://www.jampmark.com


On Fri, Jan 23, 2009 at 4:18 AM, Sarah Atkinson
 wrote:
>
> What about Conditional Inline styles (you know to fix crappy old IE?)
>
>
>
> On 1/22/09 12:39 PM, "Virgilio Quilario" 
> wrote:
>
>> hi,
>>
>> for me, i always try to create css rules that can be applied to many pages.
>> as a result, i get consistent layout across pages, a compact css and
>> html files, and easy styling change to my pages.
>>
>> cheers,
>> virgil
>> http://www.jampmark.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-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] Inline styles vs. external style sheet

2009-01-22 Thread Virgilio Quilario 
hi,

for me, i always try to create css rules that can be applied to many pages.
as a result, i get consistent layout across pages, a compact css and
html files, and easy styling change to my pages.

cheers,
virgil
http://www.jampmark.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] the correct way to declare textarea width

2009-01-09 Thread Virgilio Quilario 
hi Eric,

actually on my ff 3.0.5, it breaks and it worked when padding set to 0
for textarea.

screen.css at line 244
textarea {
height:250px;
padding:0; /* set to 0 */
width:390px;
}

padding of 5px actually pushed the textarea out of bounce.

cheers,

virgil
http://www.jampmark.com


On Sat, Jan 10, 2009 at 5:28 AM, Eric Cash  wrote:
> I hate form elements...
>
> I've run into this problem before, I don't think I've ever actually
> understood it.
>
> On this page
>
> http://scotaganda.com/work/MineKey/opinionsBoard.html
>
> the "Express your opinion" textarea is fine in firefox, but both safari and
> ie place "control" on the right hand side of the textarea, which makes it
> grow about 8px, and break the layout.
>
> I'm not sure of the correct way to get this thing to behave, and I'd rather
> not keep poking around in the dark here
>
> I have a div wrapped around it, with the correct width, and I'm not sure why
> just setting the textarea's width to 100% won't correctly display, any help
> here?
__
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] Background:transparent in IE7

2009-01-08 Thread Virgilio Quilario 
pretty strange indeed.
thanks for sharing.

Virgil
http://www.jampmar.com

On Thu, Jan 8, 2009 at 10:57 PM, Mary Ellen Curtin  wrote:
> I've found some curious behavior with background:transparent in IE7. I
> was working on a CSS image replacement, and was seeing the old IE
> flicker. In the course of trouble-shooting I made a version using only
> differently-colored backgrounds, not images. You can see my test page
> here:
>
> http://datagnostics.com/test/transparent.html
>
> The underlying div has a red background, the link on top has a blue
> background. a:hover is background:transparent, so that the link-block
> turns from blue to red on hover. It works fine in Mozilla, but in IE7
> the link block flickers as you mouse over it, and the cursor flickers
> between "hand" and "arrow".
>
> If a:hover is made any solid color, there's no problem -- it's only
> background: transparent that's the issue.
>
> To double-check, I gave a:hover the background of a random image that
> was at hand, which happened to be a transparent .gif. Not only did the
> flicker stop in IE7, the underlying red background can be seen through
> the .gif. It turns out that this also works when the "image" is a clear
> spacer .gif.
>
> Furthermore, when I remove anything on the hover state and make the
> background of the link block transparent, the cursor keeps flickering
> between hand/arrow as I move the mouse.
>
> It looks to me as though there's something unstable about the way IE7
> interprets background:transparent for links. Is this problem also
> present for IE6? (I can't check because my IE6 machine is down for
> repairs.) Is spacer.gif the way around it, or should we try something
> else?
>
> Mary Ellen
> Doctor Science, MA
>
__
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] Background-image and line height problems in IE6

2009-01-07 Thread Virgilio Quilario 
hi Rory,

i've viewed your web site on both ie7 and ff3 and haven't notice any difference.

perhaps fixed already?

cheers,

virgil
http://www.jampmark.com


On Mon, Jan 5, 2009 at 2:49 AM, Rory Fitzpatrick  wrote:
> Hi all,
>
> I'm having a couple of issues on the following website that I can't
> resolve:
>
> http://www.roryf.co.uk/projects/cgm/
>
> I think everything now works fine in all browsers except IE6 & 7. Both
> have an issue with the background image on #keywords-calls and #blog-
> latest, the first not displaying at all and the latter only partly
> visible. IE6 is also increasing the height of #sidebar #audience-calls
> li on the right. I'm at a loss for either of these problems, any help
> is greatly appreciated!
>
> Browsershots images from yesterday, I've resolved a couple of things
> since then:
>
> http://browsershots.org/screenshots/b38052f3c490ed482175f7d40303e5d3/
> (FF3, how it should look)
> http://browsershots.org/screenshots/09c2a68c7a80ff914c20dafae79310b2/
> (IE7)
> http://browsershots.org/screenshots/b8b7e7654e8d1a0605497492e324c95f/
> (IE6)
>
> Cheers,
> Rory
__
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] Line Height IE7 problem with PVII TMM

2009-01-07 Thread Virgilio Quilario 
hi,

for gaps in between, i noticed that all with sub levels has big gap
try removing all line-height and font-size settings and see if it
would remove uneven gaps.

#p7TMnav div --> for top level
#p7TMnav div div --> for sub level

when you set top level div, it would also set sub level
so be sure to set sub level preferred line height

consider using lists instead of divs for menus.

good luck.
virgil
http://www.jampmark.com

On Wed, Jan 7, 2009 at 7:12 PM, Jo  wrote:
> I did ask this question over at the PVII forum, but I haven't heard back, so
> I thought I'd ask in here.
>
> http://www.waterfrontvenuesnewcastle.com.au/new/
>
> I'm just having my first ever run at using TreeMenu Magic (I've used many of
>
> the other products) and I have one issue.
>
> The first 5 items all have sub-menus. In Firefox, Google Chrome and Safari
> for Windows, the spacing between all 7 top level menu items is the same (as
> it should be). In IE7, the first 4 have a larger gap underneath. I have no
> idea why and I'm assuming since IE7 wasn't even thought of when this was
> designed that there was a tweak out there to fix it. I looked on the website
>
> but couldn't find it.
>
> I would also like to know where in the css I change the line height so all
> the top level menu items have a larger space between them. (I know how to
> set line height - line-height: 200%; I just don't know where in the css it
> should go.
>
> Thanks
> Joanne
>
>
>
> __
> 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-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] How to Apply CSS to Title Tag

2008-12-19 Thread Virgilio Quilario 
How I wish we could. :)

No, CSS is not applicable to the title tag.
You need to use a scripting language like php on server or javascript
on browser to manipulate the cases.

cheers,

virgilio quilario jr.
http://www.jampmark.com

On Thu, Dec 18, 2008 at 11:05 PM, Chris Akins  wrote:
> Is the HTML title tag not capable of receiving CSS styles?  I'm
> manipulating upper/lower case of some database data to make it more
> readable.  The trick works everywhere but in the title tag.
> Unfortunately, I can't include a link on this one because the page
> isn't yet on a public server.
>
> Thanks,
>
> C. Akins
> __
> 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-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] Fw: Re: how to check for embedded styles when using external style sheet?

2008-12-13 Thread Virgilio Quilario 
Hi Elaine,

use this regular expression in DW CS3 "find and replace" to remove
embedded styles.

Re: [css-d] drop down menu off-center?

2008-12-12 Thread Virgilio Quilario 
 hi guys,

just add "text-align: center;". see below.

#nav li li a {phc_stylin.css (line 92)
background-color:#C0B679;
color:#00;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
letter-spacing:0.2em;
padding:0.2em 7px;

text-align:center;
}

That should fix your problem.

Cheers,

Virgilio Quilario Jr.
The Practical Web Site Development Resource <http://www.jampmark.com/>


On Sat, Dec 13, 2008 at 2:52 AM, David Laakso
wrote:

> Kitty Garrett wrote:
> > Can anyone help me with why the drop downs are not centered
> > under the links? They are off to the right.
> >
> > http://www.prettygoodwebsites.com/phchelp/index.htm
> >
> > KittyG
> >
>
> No guarantee. Try:
>
> #nav li li a {
> margin-left: -40px; /*minus 40*/
> min-height:1px;/* IE/7 needs this but it will not adversely effect IE/6
> or compliant browsers*/
> }
>
> *:first-child + html #nav li li a {
> margin-left:0;
> }/*hack for our good friend IE/7.0*/
>
> And validate.
>
>
>
> --
>
> A thin red line and a salmon-color ampersand forthcoming.
>
> http://chelseacreekstudio.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-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] drop down menu off-center?

2008-12-12 Thread Virgilio Quilario 
 hi guys,

just add "text-align: center;". see below.

#nav li li a {phc_stylin.css (line 92)
background-color:#C0B679;
color:#00;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
letter-spacing:0.2em;
padding:0.2em 7px;

text-align:center;
}

That should fix your problem.

Cheers,

Virgilio Quilario Jr.
The Practical Web Site Development Resource <http://www.jampmark.com/>


On Sat, Dec 13, 2008 at 2:52 AM, David Laakso
wrote:

> Kitty Garrett wrote:
> > Can anyone help me with why the drop downs are not centered
> > under the links? They are off to the right.
> >
> > http://www.prettygoodwebsites.com/phchelp/index.htm
> >
> > KittyG
> >
>
> No guarantee. Try:
>
> #nav li li a {
> margin-left: -40px; /*minus 40*/
> min-height:1px;/* IE/7 needs this but it will not adversely effect IE/6
> or compliant browsers*/
> }
>
> *:first-child + html #nav li li a {
> margin-left:0;
> }/*hack for our good friend IE/7.0*/
>
> And validate.
>
>
>
> --
>
> A thin red line and a salmon-color ampersand forthcoming.
>
> http://chelseacreekstudio.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-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] image replacement not working in IE6

2008-12-12 Thread Virgilio Quilario 
hi,

consider this html code:

northern colorado's exclusive providers of
interior design

here is the css for replacing the text.

h1.h1-home {
width:380px;
height:55px;
background:url(../images/h1_home.gif) no-repeat scroll 0 0;
overflow:auto;
}
h1.h1-home span {
text-indent:-1000em;
display:block;
}

hope that helps.

---
Virgilio Quilario Jr.
The Practical Web Site Development Resource <http://www.jampmark.com/>
On Sat, Dec 13, 2008 at 3:32 AM, Debbie Campbell 
wrote:

> In this page:
>
> > http://www.redkitecreative.com/projects/hixon/test.php
>
> My H1 tag isn't being replaced - or rather the image flashes for a
> second then disappears. Can someone help?
>
> --
> Debbie Campbell
> www.redkitecreative.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-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/