On Fri, Jan 7, 2011 at 11:00 PM, Gates, Jeff gat...@si.edu wrote:
Here¹s a link to a sample page: http://americanartinvites.com/omeka/explore
In the footer at the bottom I have two unordered lists to the right of the
logos. (One is a set of links, the second will be links but aren¹t at the
On Sat, Jan 8, 2011 at 12:59 AM, Kim Brooks Wei kimi@kimbwei.com wrote:
Hi People,
I don't remember what will make my right column slide up to sit side by side
with the left one. What am I failing to do?
http://bit.ly/ad7AEl
You can try Tim's suggestion, or if you don't want to change
On Sat, Jan 8, 2011 at 3:23 AM, Dagmar Noll dag...@wincog.org wrote:
1. The javascript is a dropdown menu you can see working here, before I did
a lot of tweaking:
http://www.theroute6hoprivercorridor.com/links.html
2. Here is the same page after I stripped it of most of its tables and
On my computer (ubuntu), there was absolutely no styling of any
element on the page. It might have something to do with the CSS error?
http://jigsaw.w3.org/css-validator/validator?uri=http://chelseacreekstudio.com/indexx.phpprofile=css3
~Chetan
On Thu, Jan 6, 2011 at 8:34 PM, Rob Crowther robe...@boogdesign.com wrote:
What happens if you take the @font-face rule out of the media query? I
wonder if Gecko doesn't like that being nested?
Rob
Hmm, it works if the fall back font-families are removed.
On Thu, Jan 6, 2011 at 8:23 PM, Dagmar Noll dag...@wincog.org wrote:
The title and such were created by splitting up an image and putting it in a
table. When I switched to CSS, Firefox put a line in between all of the
stacked images.
By default, the bottom of images are aligned to the
On Thu, Jan 6, 2011 at 8:12 PM, Shanna Cramer sha...@korbyimagery.com wrote:
website: http://askhg.com/
css: http://askhg.com/wp-content/themes/askhg/style.css
How can I fix that nav in IE7?
Try this:
.menu a {display:block}
.menu .description{/*display:block*/}
~Chetan
On Thu, Jan 6, 2011 at 10:18 PM, Dougie McGilvray
dougie.mcgilv...@googlemail.com wrote:
Hi people, I just wondered if people had an opinion about the
alternative of using hacks/conditional statements, php or js to
account for browser variation?
Whenever I need to target only IE, I use
On Fri, Jan 7, 2011 at 7:57 AM, Del Wegener d...@delweg.com wrote:
Good Evening:
Please look at
http://www.alliedcorrosion.com/products/manufacturer_introduction.php
Click on List Test (top item on left menu)
You will see an ordered list with an unordered list inside each li
In FF, Opera and
On Thu, Jan 6, 2011 at 5:38 AM, Philip Taylor (Webmaster, Ret'd)
p.tay...@rhul.ac.uk wrote:
Whilst Gabriele's weblog citations
were initially interesting, of late they have been coming so
frequently
I agree. Many of Gabriele's blog posts are about simple things like
Styling a Form etc. These
On Mon, Jan 3, 2011 at 12:51 PM, David Laakso
da...@chelseacreekstudio.com wrote:
Careful. The horizontal scroll bar it will throw with + font-scaling will
wreak havoc on land and sea as it shoots its way from here to Havana :-) .
On my computer the menu doesn't break with font scaling but
On Mon, Jan 3, 2011 at 3:44 PM, Alan Gresley a...@css-class.com wrote:
And zooming is the only way to increase the text size in any browser.
Internet Explorer has *two* options for increasing text size: Zoom and
changing Text Size
Firefox has Page Zoom and Zoom Text Only
On Mon, Jan 3, 2011 at 5:36 AM, Matthew P. Johnson i...@ecoitsf.com wrote:
I have the web site looking alright but I was at a friend house on NYE and
notice the navigation was getting clipped on her Mac. If anyone has a Mac
and you let me know what browser and OSv you are running if you have
On Mon, Jan 3, 2011 at 10:50 PM, Rory Bernstein r...@rorybernstein.com wrote:
Can I get some feedback from the list about whether people are seeing the
san-serif font in the nav (left column), Titillium or not? If it is not
working on many browsers, then I have some big problems!
On Tue, Jan 4, 2011 at 2:19 AM, David Laakso
da...@chelseacreekstudio.com wrote:
I have fixed the problems with the page. Here are two slightly
different versions:
http://roughtech.com/t/apple.html
http://roughtech.com/t/apple1.html
Hit the verticals and hold the horizontals or you'll need
On Tue, Jan 4, 2011 at 1:25 AM, Carol Swinehart
c...@ckfswebservices.com wrote:
http://www.edheinleingermanconsultant.com/index3.php
This is just an IE 7 problem so I thought of writing a new header for that
and using browser detection but that didn't seem to work either.
Apart from IE7, the
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
text
On Sun, Jan 2, 2011 at 6:09 PM, Philip Taylor (Webmaster, Ret'd)
p.tay...@rhul.ac.uk 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:
On Sun, Jan 2, 2011 at 8:23 PM, Philippe Wittenbergh e...@l-c-n.com 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
On Sun, Jan 2, 2011 at 8:59 PM, David Laakso
da...@chelseacreekstudio.com wrote:
Ditch Neuton.
Go to Font Squirrel.
http://www.fontsquirrel.com/
Download Calluna and install it.
Go back to Font Squirrel and use their fontface generator [expert setting].
As David suggested, the Rory's only
On Sun, Jan 2, 2011 at 9:08 PM, Lisa Frost birdiefr...@gmail.com wrote:
Its the donations link.
It needs to be aligned right and be bigger in size.
You need to float the last li, not the last a. And the text of the
last menu item *is* larger than the rest.
~Chetan
Try this:
li id=lasta id=donations href=#DONATIONS/a/li
CSS: #container #mainmenu ul li#last {float:right;font-size:1.24em;}
~Chetan
On Sun, Jan 2, 2011 at 10:32 PM, Lisa Frost birdiefr...@gmail.com wrote:
Its the donations link.
It needs to be aligned right and be bigger in size.
You
On Sun, Jan 2, 2011 at 10:46 PM, Chetan Crasta chetancra...@gmail.com wrote:
Try this:
li id=lasta id=donations href=#DONATIONS/a/li
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
On Sun, Jan 2, 2011 at 10:57 PM, Thierry Koblentz
thierry.koble...@gmail.com 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
On Mon, Jan 3, 2011 at 12:16 AM, Thierry Koblentz
thierry.koble...@gmail.com 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:
On Mon, Jan 3, 2011 at 5:36 AM, Matthew P. Johnson i...@ecoitsf.com 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
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!
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
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
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
On Wed, Dec 29, 2010 at 1:48 PM, Lisa Frost birdiefr...@gmail.com 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
On Thu, Dec 30, 2010 at 4:38 AM, Jonas Geiregat jo...@geiregat.org wrote:
div class=btnwrapper
div class=btn... /div
/div
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
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
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
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:
@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
__
Oops wrong link: http://roughtech.com/t/pcv.html
~Chetan
On Sat, Dec 25, 2010 at 6:54 PM, Chetan Crasta chetancra...@gmail.com 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
Or why not set an a to display block and have the logo be the bg of
that a 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
The link: http://roughtech.com/t/pcv.html
On Sat, Dec 25, 2010 at 5:15 AM, Chetan Crasta chetancra...@gmail.com wrote:
Or why not set an a to display block and have the logo be the bg of
that a instead of the div?
Wouldn't that mess up the nav in the div then?
It is best to have the logo
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
have a link,
http://ba-doyn.com/junk/
There was some deprecated html like the center tag and align=right
etc. and some non-semantic html like br.
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 the
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 (view
http://ba-doyn.com/junk/
There was some deprecated html like the center tag and align=right
etc. and some non-semantic html like br.
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
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
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
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
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:
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
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
__
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.
Both
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
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
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
I thought this article could be of interest to this list:
http://www.yuiblog.com/blog/2010/12/14/the-css-position-property/
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' or 'fixed'
@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
Sorry, here's the link: http://roughtech.com/t/posit.html
~C
On Thu, Dec 16, 2010 at 12:58 PM, Chetan Crasta chetancra...@gmail.com wrote:
@Thierry: Happy to help.
the element is taken out of flow, thus float is rendered impotent
@Barney: It doesn't necessarily follow that because
If you need simplicity at all costs, then your solution is great. If
you want your markup to be semantic, thenul is the right choice.
Kudos to Georg Sortun for this simple markup suggestion [on server]...
re: http://chelseacreekstudio.com/fa/index.php
Since it is simplicity you are after
I thought this article could be of interest to this list:
http://www.yuiblog.com/blog/2010/12/14/the-css-position-property/
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 and
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 p has display:block and also in your third
example with text
1. div style=background-color: #ccc; display: list-item;a href=#span
style=display: block;test/span/a/div
Opera shows extra space on 2. but not on 1.
Opera puts the extra space only if there is text before or after the a.
~Chetan
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]
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, which
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:
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]
it seems to simplify the markup even a little further...
Yes, your solution has less markup. However, the p 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
The language names are in two overflowed p 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
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
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,
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
da...@chelseacreekstudio.com wrote:
On 12/11/10 5:10 AM, Chetan Crasta
Found some more things that needed fixing. Fixed them now.
~Chetan
On Sat, Dec 11, 2010 at 4:22 PM, Chetan Crasta chetancra...@gmail.com 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
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
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.
Btw,
at 8:47 PM, Brian Jones bdotjo...@gmail.com wrote:
On Sat, Dec 11, 2010 at 5:52 AM, Chetan Crasta chetancra...@gmail.com 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 here:
http
@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
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:
You have to give div#rightbackground hasLayout. You can use the
proprietary zoom:1 to do this:
!--[if lte IE7]
style type=text/css
div#rightbackground
{
zoom:1;
}
/style
![endif]--
~Chetan
On Fri, Dec 10, 2010 at 5:23 PM, Albert van der Veen
albert.lijs...@xs4all.nl wrote:
Hi all,
Please
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
Didn't notice any H1 drop in Firefox 3.6.12 Ubuntu.
~Chetan
On Wed, Dec 8, 2010 at 6:34 PM, David Laakso
da...@chelseacreekstudio.com wrote:
Greetings from Oaxaca, Mexico.
re: http://chelseacreekstudio.com/fa/
When going back and forth from the index to an inside page note the h1 drop
on
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
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 jhd...@gmail.com wrote:
Hello,
The following div class .ingallinks displays as I
The CSS seems to be ignored. Even !important didn't work. You can
instead put the entire div within conditional comments like this:
!--[if gte IE 8]!--
div id=sliderbox
...
/div
!--![endif]--
The sliderbox div will be visible to all browser except IE7 and below
On Wed, Dec 8, 2010 at
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
d...@redkitecreative.com wrote:
In Safari/Win (Safari/Mac too?) the search button at top right is not in
Try a class=tool
style=padding:0;border:0;margin:0;display:block;height:100%
href=#
~Chetan
On Mon, Dec 6, 2010 at 10:29 PM, Yu-Hsuan Lai rainco...@gmail.com wrote:
My HTML is :
---
a class=tool style=padding:0;border:0;margin:0 href=#
img height=100% src=img/next_page.png alt=next
#5547620075452991186 .
On Tue, Dec 7, 2010 at 1:18 AM, Chetan Crasta chetancra...@gmail.com
wrote:
Try a class=tool
style=padding:0;border:0;margin:0;display:block;height:100%
href=#
~Chetan
On Mon, Dec 6, 2010 at 10:29 PM, Yu-Hsuan Lai rainco...@gmail.com wrote:
My HTML
Also try this:
img src=img/next_page.png alt=next page /
~Chetan
On Mon, Dec 6, 2010 at 10:58 PM, Chetan Crasta chetancra...@gmail.com 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 rainco...@gmail.com wrote
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
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 chetancra...@gmail.com wrote:
@David: I think it is established, with reasonable accuracy, that a
very small
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
da...@chelseacreekstudio.com wrote:
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 a...@css-class.com wrote:
On 4/12/2010 9:38 PM, Chetan Crasta wrote:
I hate to point
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.
Here is another one http://www.cssplay.co.uk/menu/gallery.html
~Chetan
On Fri, Dec 3, 2010 at 2:22 PM, Chetan Crasta chetancra...@gmail.com 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
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 chetancra...@gmail.com wrote:
Here
@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 n...@tjkdesign.com wrote:
A CSS-only lightbox will have many limitations. You cannot have the
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 n...@tjkdesign.com wrote:
Hi Georg,
Myself, I use any property/value that gets the job done, whenever I
need
to trigger
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/
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
wrote:
From: Chetan Crasta About 1% of Yahoo's visitors had Javascript disabled
(2% for Yahoo USA)
[-CM-] % of Yahoo visitors disabling js canNOT be used to extrapolate % of
all web users disabling js. I haven't visited Yahoo in years and I'm sure
that's true of a large % of web users. I
-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 gn...@hawaii.rr.com wrote:
Chetan Crasta wrote:
Javascript can considerably improve
, Dec 4, 2010 at 12:46 PM, Chetan Crasta chetancra...@gmail.com 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
people that surf
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 bobbykj...@yahoo.co.uk wrote:
--- On Wed, 12/1/10, Albert van der Veen albert.lijs...@xs4all.nl wrote:
I'm setting up an HTML
101 - 200 of 217 matches
Mail list logo