Re: [css-d] corresponding paragraphs

The page contains tabular data, i.e., there is a relationship between the contents of the cells in each row. This is a legitimate use of tables, you do not need to use css instead. On Fri, Oct 16, 2009 at 5:59 PM, wrote: > On the page at http://www.maireadnesbitt.com/press/press8a.html there is

Re: [css-d] Synchronized paragraphs in adjacent columns

In this case, using a table is justified. There is a relationship between the English paragraph and it's French translation, therefore putting them in a table row is semantically correct. On Mon, Feb 1, 2010 at 8:33 PM, Chris F.A. Johnson wrote: > On Mon, 1 Feb 2010, bruce.som...@web.de wrote: >

Re: [css-d] Image scaling

Firefox in Linux does not implement bicubic resampling of scaled images. It instead uses nearest-neighbor resampling. This is a known issue and, unfortunately, there is no workaround. Here are two links where the issue is discussed: http://forums.mozillazine.org/viewtopic.php?f=38&t=1081435&start=0

Re: [css-d] Image scaling

Another thing to remember, for PNG images, IE 7 does not implement bicubic-resampling (high quality scaling) even with -ms-interpolation-mode: bicubic . On Wed, Sep 22, 2010 at 12:07 AM, Chetan Crasta wrote: > Firefox in Linux does not implement bicubic resampling of scaled images. It > i

Re: [css-d] A question on CSS compression and minifcation

Here is a way to serve compressed .css files (and others) with shared hosting that does not have mod_gzip or mod_deflate enabled: http://blog.mycila.com/2009/08/godaddy-gzip-compression.html In the .htaccess file, the line that excludes Safari can be removed. On Sun, Nov 7, 2010 at 12:53 AM, Al Sp

Re: [css-d] A question on CSS compression and minifcation

Here is the original article that described the technique: http://www.opensourcetutor.com/2009/06/01/how-to-compress-css-javascript-an-alternative-to-mod_deflate-or-mod_gzip/ On Sun, Nov 7, 2010 at 12:21 AM, Gabriele Romanato wrote: > Hi all. > Since the overwhelming majority of my clients own we

Re: [css-d] flash element covering nav dropdowns in Chrome

I don't have a fix, but I have a suggestion: don't use Flash for the slideshow. You can have the same slideshow using the CSS opacity property (opacity filter for IE) and a little javascript. You can see my implementation of this at bagitwise.com . On Mon, Nov 29, 2010 at 10:17 PM, Peter wrote: >

Re: [css-d] flash element covering nav dropdowns in Chrome

wrote: > > On Nov 29, 2010, at 9:32 AM, Chetan Crasta wrote: > >> I don't have a fix, but I have a suggestion: don't use Flash for the >> slideshow. You can have the same slideshow using the CSS opacity >> property (opacity filter for IE) and a little javascript. Y

Re: [css-d] change width of CSS dropdowns?

The width is being set by Javascript, however you can override it using this: #primary-menu ul li ul { width:200% !important; } Of course 200% is just an example, you can choose any width you like. Cheers, Chetan On Wed, Dec 1, 2010 at 10:06 PM, Debbie Campbell wrote: > I'm having a problem ma

Re: [css-d] flash element covering nav dropdowns in Chrome

the > time between slides? I've been looking at the js but I'm not seeing it. > > Thanks again > Jody > > On Dec 1, 2010, at 1:30 AM, Chetan Crasta wrote: > >> I've integrated the javascript, have a look at it here: >> http://roughtech.com/t/indexcssslide

Re: [css-d] Outlook 2007 and DL/DD tag

Here is a detailed article on creating HTML emails: http://articles.sitepoint.com/article/code-html-email-newsletters On Thu, Dec 2, 2010 at 1:53 AM, Bobby Jack wrote: > --- On Wed, 12/1/10, Albert van der Veen wrote: > >> I'm setting up an HTML newsletter and come across a problem >> in Outlook

Re: [css-d] Visibility: hidden contingent on value of content or href attribute of inner element ?

Since In CSS an element cannot be selected based on its children, I think the only way this can be achieved is by using javascript. On Thu, Dec 2, 2010 at 3:30 PM, Philip Taylor (Webmaster, Ret'd) wrote: > A CMS, over which I have no control, auto-generates a number > of the following blocks (wit

Re: [css-d] Visibility: hidden contingent on value of content or href attribute of inner element ?

) wrote: > d...@mn : "Nanny" won't allow that -- > > >> Error >> >>    * You have linked to an external image. Please upload your image via >> the "Upload Assets" and use a relative link. > > > Chetan Crasta wrote: >> >> div.album_box

Re: [css-d] Visibility: hidden contingent on value of content or href attribute of inner element ?

gt;                 > > Now is there any way of styling that first div.album_box, do you > think ?  I could juggle the order of the galleries to make Sandbox > the first ... > > ** Phil. > > Chetan Crasta wrote: >> >> Looks like absolute urls are blocked. T

Re: [css-d] Visibility: hidden contingent on value of content or href attribute of inner element ?

tn">View Shopping Cart >>       >>      Galleries >>       >> >>      First · >> Prev |  > class="grey_text">1 | Next >> · Last >>                 >> >> Now is there any way of styling that first div.album_box, do you

Re: [css-d] Visibility: hidden contingent on value of content or href attribute of inner element ?

visibility:hidden makes an element invisible, but the element still occupies space. To make an element completely disappear from the flow, use display:none ~C On Thu, Dec 2, 2010 at 4:57 PM, Philip Taylor (Webmaster, Ret'd) wrote: > Excellent, now there Chetan : "_Sandbox" is now > the last, and

Re: [css-d] Visibility: hidden contingent on value of content or href attribute of inner element ?

The following removes the gap. .album_box { height:auto; max-height:150px; } IE6 does not support max-height so use a conditional comment to specify an IE6-only stylesheet that restores the original height declaration in IE6. ~C On Thu, Dec 2, 2010 at 5:04 PM, Chetan Crasta wrote

Re: [css-d] does anyone know of...

A CSS-only lightbox will have many limitations. You cannot have the same functionality as the example you gave, with only CSS2. However, here is one good implementation of a css-only lightbox http://www.cssplay.co.uk/menu/lightbox-hover.html ~Chetan On Fri, Dec 3, 2010 at 6:40 AM, Matthew P. John

Re: [css-d] does anyone know of...

Here is another one http://www.cssplay.co.uk/menu/gallery.html ~Chetan On Fri, Dec 3, 2010 at 2:22 PM, Chetan Crasta wrote: > A CSS-only lightbox will have many limitations. You cannot have the > same functionality as the example you gave, with only CSS2. > However, here is

Re: [css-d] does anyone know of...

I stand corrected. Here is a CSS-only lightbox, similar to your example, that works through ingenious use of the object element (iframe for IE): http://www.cssplay.co.uk/menu/object-gallery.html Amazing! ~Chetan On Fri, Dec 3, 2010 at 2:28 PM, Chetan Crasta wrote: > Here is another one h

Re: [css-d] [+] Re: does anyone know of...

@Thierry: All valid criticisms. However, when one wants to do anything fancy with plain HTML and CSS2, it is often at the cost of semantic correctness. On Fri, Dec 3, 2010 at 9:35 PM, Thierry Koblentz wrote: >> >> A CSS-only lightbox will have many limitations. You cannot have the >> same functio

Re: [css-d] hasLayout triggering & best practice

If having valid stylesheets is important, one could simply apply zoom using javascript: object.style.zoom="1"; ~C On Fri, Dec 3, 2010 at 10:13 PM, Thierry Koblentz wrote: > Hi Georg, > >> Myself, I use any property/value that gets the job done, whenever I >> need >> to trigger hasLayout. Loss of

Re: [css-d] [+] Re: hasLayout triggering & best practice

I couldn't guess why presentational javascript is a bad thing, so I did a quick search and I found two articles that appear to address the issue: http://www.bobbyvandersluis.com/articles/presentational_javascript/index.html http://www.digital-web.com/articles/separating_behavior_and_structure_2/

Re: [css-d] [+] Re: hasLayout triggering & best practice

The statistics provided by Nicholas Zakas are interesting! http://developer.yahoo.com/blogs/ydn/posts/2010/10/how-many-users-have-javascript-disabled/ About 1% of Yahoo's visitors had Javascript disabled (2% for Yahoo USA). So I guess the decision whether to use presentational Javascript or not d

Re: [css-d] [+] Re: hasLayout triggering & best practice

d the odd bad apple. I never had to disable Javascript because good content is found on well-designed sites. The sites with the ugly Javascript are the ones that I wouldn't visit more than once, with or without Javascript. ~Chetan On Sat, Dec 4, 2010 at 1:03 AM, Christie Mason wrote: >

Re: [css-d] [+] Re: hasLayout triggering & best practice

-foil hats, that's their choice -- hats off to them. As for me, I believe my energy is better spent making my webpages work well for 99% of my sites visitors. ~Chetan On Sat, Dec 4, 2010 at 12:01 PM, david wrote: > Chetan Crasta wrote: > >> Javascript can considerably improve the ae

Re: [css-d] [+] Re: hasLayout triggering & best practice

~Chetan On Sat, Dec 4, 2010 at 12:46 PM, Chetan Crasta wrote: > @David: I think it is established, with reasonable accuracy, that a > very small percentage (~1%) of surfers block Javascript. If somebody > wants to make sure that their site looks absolutely perfect to the 12 > peop

Re: [css-d] [+] Re: hasLayout triggering & best practice

I hate to point this out, but it would be unfortunate if those reading this thread consider this an example of good use of CSS and HTML: http://www.gunlaug.no/contents/wd_additions_36.html The page has 9 (yes 9!) wrapper or container divs that serve no semantic purpose. Not to mention the empty 'sp

Re: [css-d] [+] Re: hasLayout triggering & best practice

dentify which elements need the fix? > > Again, I'd be very interested to see the full working script for this; or the > revelation that the method is in fact 100% ill-conceived idle theory ;) > > Sent from my iPod > > On 4 Dec 2010, at 07:16, Chetan Crasta wrote: >

Re: [css-d] crashing redmond

Looks ok in IE8 on Windows 7, IE8 compatibility view on Win 7 , IE7 on Windows XP (MS VHD image) , IE6 standalone by evolt on Winxp . In IE6 the site has a very simple layout, which I suppose is by design. ~Chetan On Sat, Dec 4, 2010 at 7:28 PM, David Laakso wrote: > Signature link crashes IETes

Re: [css-d] [+] Re: hasLayout triggering & best practice

I think this article is relevant to this discussion: http://meyerweb.com/eric/thoughts/2008/10/22/javascript-will-save-us-all/ I agree with it completely. ~Chetan On Sat, Dec 4, 2010 at 7:47 PM, Alan Gresley wrote: > On 4/12/2010 9:38 PM, Chetan Crasta wrote: >> >> I hate to

Re: [css-d] Element is little bigger than inner

Try ~Chetan On Mon, Dec 6, 2010 at 10:29 PM, Yu-Hsuan Lai wrote: > My HTML is : > > --- > >         > > --- > > I think that should fill up with , but in fact, is smaller > than . > Like this:http://ppt.cc/RqlC > Can I make them the same size? > > -- > Lai, Yu-Hsuan > _

Re: [css-d] Element is little bigger than inner

tledAlbum#5547620075452991186 . > > On Tue, Dec 7, 2010 at 1:18 AM, Chetan Crasta > wrote: >> >> Try > style="padding:0;border:0;margin:0;display:block;height:100%" >> href="#"> >> >> ~Chetan &

Re: [css-d] Element is little bigger than inner

Also try this: ~Chetan On Mon, Dec 6, 2010 at 10:58 PM, Chetan Crasta wrote: > Please provide a link to the page so that we can check the code. > > ~Chetan > > On Mon, Dec 6, 2010 at 10:51 PM, Yu-Hsuan Lai wrote: >> But... display:block will break my layout. >> If

Re: [css-d] help with button position in Safari

You have to remove the float:right of the search button. Or you can try this: #utility #search-form input.button { float:none; } ~Chetan On Wed, Dec 8, 2010 at 12:40 AM, Debbie Campbell wrote: > In Safari/Win (Safari/Mac too?) the search button at top right is not in the > right place, it shou

Re: [css-d] Mac OS X 10.4 Firefox/3.6.12

Didn't notice any H1 drop in Firefox 3.6.12 Ubuntu. ~Chetan On Wed, Dec 8, 2010 at 6:34 PM, David Laakso wrote: > Greetings from Oaxaca, Mexico. > > re: > When going back and forth from the index to an inside page  note the h1 drop > on all inside pages in Fir

Re: [css-d] Mac OS X 10.4 Firefox/3.6.12

> That doesn't surprise me – Liberation Sans has a different aspect ration than > Helvetica Neue. http://chelseacreekstudio.com/fa/css/sisu.css Actually, the font that is used is ProcionoRegular -- it is embedded using @font-face. One other possible reason for the difference in rendering across

Re: [css-d] IE7 display problem

The ingallinks div contains a table. This is an incorrect use of tables. It also complicates matters. Use an unordered list with floated li elements instead. ~Chetan. On Wed, Dec 8, 2010 at 7:49 AM, Julie Holmes wrote: > Hello, > > The following div class .ingallinks displays as I designed in IE

Re: [css-d] unable to hide div in IE7

The CSS seems to be ignored. Even !important didn't work. You can instead put the entire div within conditional comments like this: ... The sliderbox div will be visible to all browser except IE7 and below On Wed, Dec 8, 2010 at 10:53 PM, Debbie Campbell wrote: > I'm using conditi

Re: [css-d] Background image randomly showing in IE6 and IE7

You have to give div#rightbackground hasLayout. You can use the proprietary zoom:1 to do this: ~Chetan On Fri, Dec 10, 2010 at 5:23 PM, Albert van der Veen wrote: > Hi all, > > Please have a look at this site: http://www.debanne.nl/ > > For some reason the large background photo on the right s

Re: [css-d] correct use of background-image

An image should be inserted as a background image only when it is purely decorative. If an image is part of the content, it should be inserted using the img element. Background images are ignored by search engines, they don't figure in search results. Also, background images are not accessible beca

Re: [css-d] Make text bottom-align?

I have made an example of the design here: http://roughtech.com/t/testali.html It uses CSS only. It works in all modern browsers and IE6 and IE7. I have tested it with different fonts and font sizes. Using a table would not be appropriate. Tables are not for layout. ~Chetan _

Re: [css-d] Problem with dropdowns

Made a number of changes to the CSS. You can see the fixed page here: http://roughtech.com/t/dropdown.html The changes I made to the CSS can be seen here: http://roughtech.com/t/dropdown_files/dropdown.css I have commented the changes as "my change". ~Chetan On Sat, Dec 11, 2010 at 12:09 PM, Bri

Re: [css-d] Make text bottom-align?

None taken :) Thanks for pointing that out. I have now given the div#headingsanddescription a min-width of 37em which should prevent overlapping at large font sizes. ~Chetan On Sat, Dec 11, 2010 at 4:05 PM, David Laakso wrote: > On 12/11/10 5:10 AM, Chetan Crasta wrote: >> >>

Re: [css-d] Problem with dropdowns

Found some more things that needed fixing. Fixed them now. ~Chetan On Sat, Dec 11, 2010 at 4:22 PM, Chetan Crasta wrote: > Made a number of changes to the CSS. You can see the fixed page here: > http://roughtech.com/t/dropdown.html > > The changes I made to the CSS can be seen

Re: [css-d] Make text bottom-align?

> That's nice I guess:-) . Have you considered that some of us are on a > monitor wider than 1024? Yeah, people with monitors wider than 1024 shouldn't be maximizing their browsers. Kidding :) Then one should add a max-width of around 40em. Or one can just remove the max-width and give div#headin

Re: [css-d] Make text bottom-align?

> Kidding aside, one man's 1920 (16" laptop; 142 DPI) could easily be narrower > than another's 1280 (19" desktop; 86 DPI). Designers really ought to quit > thinking in px. Px sizes bear no predictable correlation to the physical > world, and thus to legibility or appropriate line lengths. Agreed.

Re: [css-d] Problem with dropdowns

On Sat, Dec 11, 2010 at 8:47 PM, Brian Jones wrote: > On Sat, Dec 11, 2010 at 5:52 AM, Chetan Crasta wrote: >> Made a number of changes to the CSS. You can see the fixed page here: >> http://roughtech.com/t/dropdown.html >> >> The changes I made to the CSS can be seen her

Re: [css-d] Make text bottom-align?

@Jukka: Like I mentioned in my earlier email, I thoroughly tested the solution. I doubt there would be any problems integrating it with any kind of layout. Take a closer look at the solution, there is only one px declaration, for font size (in the container div). This was used for convenience only,

Re: [css-d] Make text bottom-align?

>> Not using tables for layout is not a "religious matter". It has been >> about a decade since tables for layout have been deprecated. See >> http://en.wikipedia.org/wiki/Tableless_web_design > > While true, that's not stopped their use, or promotion: > http://developer.apple.com/internet/webconte

Re: [css-d] mac 10.4 opera/10.63

The language names are in two overflowed elements that are within two floated divs. Then there is some absolute positioning etc. I think the approach is far too complicated. I have simplified the structure using an unordered list and display:inline. This may even fix the alignment issues that you

Re: [css-d] Block elements in links

I think Firefox, Opera and IE 8 show the correct behavior. An element with display:block that is within an inline element generates a block box within the context that it is in (the inline box). This can be seen when a span with a has display:block and also in your third example with text outside

Re: [css-d] Block elements in links

> 1. style="display: block;">test Opera shows extra space on 2. but not on 1. > Opera puts the extra space only if there is text before or after the . ~Chetan __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.o

Re: [css-d] Block elements in links

> Which version? I get the extra space, in that exact example, in Opera 10.60 Opera 10.63 Linux http://roughtech.com/t/list-display-testing.html ~Chetan __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mail

Re: [css-d] Block elements in links

> So it definitely looks as if we have a fairly minor bug in Opera, and a more > significant bug in Firefox. If anyone's thinking of filing a bug or looking > into this in more detail, I have some anecdotal evidence (from a third party) > that the Firefox behaviour was not present in April, whic

Re: [css-d] Background image randomly showing in IE6 and IE7

> Thanks, but this doesn't solve the problem. Image is still randomly > showing/not showing :( > Anything else I could try? Sorry about that. It worked when I applied zoom using the web developer tool. I noticed that div#rightbackground is empty and has a min-height of 854px. Did you try height:

Re: [css-d] Background image randomly showing in IE6 and IE7

Ok, I think it is fixed: http://roughtech.com/t/debannehome.html I put the background image in the div#container (look at the inline style). ~Chetan __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/

Re: [css-d] mac 10.4 opera/10.63

> it seems  to simplify the markup even a little further... Yes, your solution has less markup. However, the element is for paragraphs. What you have is a list. Therefore using an unordered list would be semantically correct. If you need simplicity at all costs, then your solution is great. If y

Re: [css-d] mac 10.4 opera/10.63 [1 + ec]

>> If you need simplicity at all costs, then your solution is great. If >> you want your markup to be semantic, then  is the right choice. >> > Kudos to Georg Sortun for this simple markup suggestion [on server]... > re: > Since it is "simplicity" you

Re: [css-d] The CSS Position Property

> I thought this article could be of interest to this list: > That's a nice informative summary of positioning. It would also be worthwhile mentioning that absolutely and fixed positioned inline elements can be sized with width an

Re: [css-d] The CSS Position Property

>> > I thought this article could be of interest to this list: >> > > I believe the article says that already. > Check the first bullet point in the "Things to remember" about > position:absolute. It says: > > For *any* 'absolute'

Re: [css-d] The CSS Position Property

@Thierry: Happy to help. > the element is taken out of flow, thus float is rendered impotent @Barney: It doesn't necessarily follow that because the element is out of the flow, float cannot work. If the spec hadn't disallowed it, it would be conceivable for position:absolute and float to be used

Re: [css-d] The CSS Position Property

Sorry, here's the link: http://roughtech.com/t/posit.html ~C On Thu, Dec 16, 2010 at 12:58 PM, Chetan Crasta wrote: > @Thierry: Happy to help. > >> the element is taken out of flow, thus float is rendered impotent > > @Barney: It doesn't necessarily follow that bec

Re: [css-d] The CSS Position Property

> It not that the spec disallowed it The spec did explicitly disallow it, see point number 2: http://www.w3.org/TR/2009/CR-CSS2-20090423/visuren.html#dis-pos-flo > Absolutely positioned boxes are taken out of the normal flow The phrase "taken out of the flow" is used a bit loosely in the spec. B

Re: [css-d] The CSS Position Property

> http://barneycarroll.com/floatAndPos.html > Assigned float properties are computed, they just don't take effect. Firebug shows computed value of float as none on an element with position:absolute and float:left or float:right ~Chetan _

Re: [css-d] Box dropping down behind footer in IE7

Give div#inner_wrap a height of around 1100px. The testimonial is getting cutoff because the height of 1015px is insufficient. ~Chetan __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d

Re: [css-d] min-height best-practices

> I am hoping that someone might be able to > point to a good source of info on proper use of min-height This is a good reference on min-height: http://reference.sitepoint.com/css/min-height ~Chetan __ css-discuss [cs...@lists.cs

Re: [css-d] the box that clears float can't have margin?

The reason that the margin-top on the div#footer has no effect on the floated div#content and div#side is floated boxes are not in the flow and are therefore "invisible" to other block boxes. You have three options to create the 10px gap: div#content , div#side { margin-bottom:10px; } Or: div#fo

Re: [css-d] the box that clears float can't have margin?

>  In other words, the '10px' value is overridden by the browser because it > needs more than 10px of top margin to push the cleared element down far > enough.  If that were changed to, say, '1px' then you'd see the top > margin in full force. I put a margin-top of 1px (and more) on div#fo

Re: [css-d] the box that clears float can't have margin?

> I put a margin-top of 1px (and more) on div#footer, but did not > see any effect. The margin-top had no effect because it was collapsing through div#wrapper. It worked after I put padding-top:1px on div#wrapper. ~Chetan __

Re: [css-d] strange IEX behaviour

> My website looks fine except in IEX where behaves strange: > http://kunstomhetlijf.nl/res2/ The whole page is a mess. The CSS has got numerous errors and you have used tables for layout. I have rebuilt the page with valid and semantic code: http://roughtech.com/t/fusionticket.html http://roughte

Re: [css-d] How do I style links which are only a part of ul li?

Couldn't understand your description, but this page might have the information you need: http://reference.sitepoint.com/html/a ~Chetan __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d

Re: [css-d] How do I style links which are only a part of ul li?

Here is a page with a phrase which is a link of which only a few words are styled as a link: http://roughtech.com/t/linktest.html You first need to put the words that should appear link links in a span. Then, you need to style a elements to look like normal text. Next, you make the spans that are

Re: [css-d] safari glitch

> http://ba-doyn.com/junk/ There was some deprecated html like the center tag and align=right etc. and some non-semantic html like . I've made an example of how you can style the form with valid css and semantic html. http://roughtech.com/t/j.html ~Chetan

Re: [css-d] safari glitch

>> http://ba-doyn.com/junk/ > > There was some deprecated html like the center tag and align=right > etc. and some non-semantic html like . > I've made an example of how you can style the form with valid css and > semantic html. > > http://roughtech.com/t/j.html > BTW, the Yahoo tracking code is t

Re: [css-d] safari glitch

> Thanks so much. By why is there Yahoo stuff there? It wasn't there in the > original was it? > > Man, I dislike messing with someone else's code, especially when they have > been unresponsive. > You are using Yahoo hosting for your site: go to http://ba-doyn.com/ and view the generated source ("

Re: [css-d] can a div be a link?

>>> Is it possible for a div to be a link? >>> >>> I'm trying to make a logo, which is a background in a masthead, as a >>> link. The masthead div also contains the horizontal nav. . http://ba-doyn.com/junk/link_test/ > > You'll see the outlined block in the upper left. I would like the block to >

Re: [css-d] can a div be a link?

>> Or why not set an to display block and have the logo be the bg of >> that instead of the div? >> > > Wouldn't that mess up the nav in the div then? > It is best to have the logo in an img element because the logo is not just decorative. Only decorative images should be backgrounds. A few sugg

Re: [css-d] can a div be a link?

The link: http://roughtech.com/t/pcv.html On Sat, Dec 25, 2010 at 5:15 AM, Chetan Crasta wrote: >>> Or why not set an to display block and have the logo be the bg of >>> that instead of the div? >>> >> >> Wouldn't that mess up the nav in the div th

Re: [css-d] can a div be a link?

@David and Felix: Thanks for the feedback. I have fixed the issues mentioned. The IE7 issues mentioned by Felix were due to an IE7 bug that is fixed with body{font-size:100%}. See: http://roughtech.com/t/pcv1.html ~Chetan __ css-

Re: [css-d] can a div be a link?

Oops wrong link: http://roughtech.com/t/pcv.html ~Chetan On Sat, Dec 25, 2010 at 6:54 PM, Chetan Crasta wrote: > @David and Felix: Thanks for the feedback. > > I have fixed the issues mentioned. The IE7 issues mentioned by Felix > were due to an IE7 bug that is fixed with body{f

Re: [css-d] body has a top-margin that I can not figure out

As German pointed out, the top margin of div#header is the cause. Since div#container does not have top padding or a top border, the top margin of its child (div#header) "collapses" through. ~Chetan __ css-discuss [cs...@lists.css

Re: [css-d] image layout question

> 2. how to align images from right to left instead of the default left to > right? >when photos are added to the beginning > of the list the older photos move into position after new photo. I have a solution that *might* be of help: http://roughtech.com/t/picalign.html However, there are some l

Re: [css-d] conditional comments, extra style sheets and IE6

The easiest way (in my experience) to trigger hasLayout is with the proprietary zoom:1 . You can put this declaration within a conditional comment so that your page will validate. For accurate IE6 testing, you can download MS's OS images and install them in VirtualPC or VirtualBox: http://www.micr

Re: [css-d] conditional comments, extra style sheets and IE6

On Wed, Dec 29, 2010 at 1:48 PM, Lisa Frost wrote: > For a conditional comment i need to link to an IE specific .css file right? Any HTML element (or text) can be put inside a conditional comment. Including style elements or link elements. Here is a brief summary of how conditional comments work

Re: [css-d] parent selector

On Thu, Dec 30, 2010 at 4:38 AM, Jonas Geiregat wrote: > >        ... > > > Is it possible to change the css of the .btnwrapper class when hovering over > the .btn class ? > > I'm aware that it works the other way around when you're selecting the child > element on a parent's hover > But, wha

Re: [css-d] A good site for font-face

> I am looking for a good source of info on webfont embedding. Specifically, > usage of @font-face, browser support, and support for font weight and style > variants. Can anyone point me to a good online resource (or a few). > http://destination-code.blogspot.com/2009/08/font-face-at-rule.html htt

Re: [css-d] Trouble with Opacity / Nav Menu in IE

> Sure, keep in mind this is not a production level site as of now, so I > ask that anyone please be respectful in not sharing/using it beyond > debugging/inspecting the HTML/CSS. > > https://www.moremagicpoints.com/ The page has a lot of errors like incorrect nesting of elements, nonstandard attr

Re: [css-d] IE6 and 7 help please

> http://www.peredur.net/stella/template.php > > The page is valid according to the w3c validator and renders correctly in > everything I've tried (FF, Opera, Chrome, IE8) except for IE6 and 7.  IE6 > isn't respecting the padding given to the links.  IE7 isn't displaying the > menu at all! > ul#to

Re: [css-d] IE6 and 7 help please

> Now I just have to sort out why IE7 and only IE7 seems to be having a > problem with the placeholder image.  It's never straightforward, is it. > > Many thanks, Chetan. Happy to help. Try the same hack: #header img {position:relative;} ~Chetan __

Re: [css-d] google hosted font question

> http://lettershop.ehclients.com/visual_diary_archive > > My issue is that the font weight is heavier in the browser than it looked in > our photoshop comp. Is there any way, using CSS, to get the font weight to > look lighter (less bold)? Or do I just explain to the designer that the way > tex

Re: [css-d] google hosted font question

On Sun, Jan 2, 2011 at 6:09 PM, Philip Taylor (Webmaster, Ret'd) wrote: >Do you have a citation for this, Chetan ? I'd be interested to read more concerning this artifact of Windows. > Apart from the link given earlier [1], I found two more articles that describe the issue: http://www.thebright

Re: [css-d] google hosted font question

On Sun, Jan 2, 2011 at 8:23 PM, Philippe Wittenbergh wrote: > You're comparing apples and oranges. Windows (and XP especially) and Linux, > or OS X. What you have to compare is font-rendering on the same platform for > embedded vs native (installed) fonts. Few web designers have issues with Wi

Re: [css-d] google hosted font question

On Sun, Jan 2, 2011 at 8:59 PM, David Laakso wrote: > Ditch Neuton. > Go to Font Squirrel. > > Download Calluna and install it. > Go back to Font Squirrel and use their fontface generator [expert setting]. As David suggested, the Rory's only option is to choose a f

Re: [css-d] unable to over ride an li

On Sun, Jan 2, 2011 at 9:08 PM, Lisa Frost wrote: > Its the donations link. > It needs to be aligned right and be bigger in size. You need to float the last , not the last . And the text of the last menu item *is* larger than the rest. ~Chetan ___

Re: [css-d] unable to over ride an li

Try this: DONATIONS CSS: #container #mainmenu ul li#last {float:right;font-size:1.24em;} ~Chetan On Sun, Jan 2, 2011 at 10:32 PM, Lisa Frost wrote: > >> >> > Its the donations link. >> > It needs to be aligned right and be bigger in size. >> >> You need to float the last , not the last . And t

Re: [css-d] unable to over ride an li

On Sun, Jan 2, 2011 at 10:46 PM, Chetan Crasta wrote: > Try this: > > DONATIONS > > CSS: #container #mainmenu ul li#last {float:right;font-size:1.24em;} > Correction: CSS: #container #mainmenu ul li#last {float:right;} #mainmenu ul li#last #donations {font-size

Re: [css-d] unable to over ride an li

On Sun, Jan 2, 2011 at 10:57 PM, Thierry Koblentz wrote: > Why going through so many elements? It can't be good regarding performance > and it increases specificity for no reason. > > I'd go with a simple:  #last {...} Point accepted. In general, one should keep selectors as simple as possible,

Re: [css-d] unable to over ride an li

On Mon, Jan 3, 2011 at 12:16 AM, Thierry Koblentz wrote: > That's if browsers were reading from left to right, but they actually do the > opposite. That's right. Here are two articles that explain the process, that I found informative: http://code.google.com/speed/page-speed/docs/rendering.html

Re: [css-d] nav layout on a mac

On Mon, Jan 3, 2011 at 5:36 AM, Matthew P. Johnson wrote: > > http://www.applegateelements.com/ Change the div#menu's parent div's width to 57em. This will ensure that the menu doesn't break even when the text is zoomed in or the minimum font size is increased ~Chetan ___

<    1   2   3   >