Re: [WSG] HTML5 offline storage question
You can store on iPhone with Web Database any amount of data. It will just ask user does he really want to allow this site to use, say, 100mb. My application for the iPhone stores 150mb now. Yuriy "akella" Artyukh, http://cssing.org.ua On Mon, Aug 9, 2010 at 11:03 AM, David Dorward wrote: > > On 9 Aug 2010, at 08:59, Josh Godsiff wrote: > > > I avoid Apple products like the plague, so perhaps I'm missing some info > here, but what's wrong with simply getting the user to download the file in > the normal fashion? > > Apps are heavily sandboxed and there is no user accessible global file > system. > > -- > David Dorward > http://dorward.me.uk > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > > *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] the mysteries of overflow: hidden
Apparently he is talking about overflow:hidden as a clearing floats fix. ( http://www.quirksmode.org/css/clearing.html) Let me reformulate the question: why the property that serves for hiding smth just make the wrapper stretch to accomodate containing floats. As for me - i still consider this magic. May be W3C got smth on this topic. Yuriy "akella" Artyukh, http://cssing.org.ua On Wed, Feb 10, 2010 at 9:32 PM, Christian Snodgrass < csnodgrass3...@gmail.com> wrote: > I'm not sure I understand what you're asking. Could you put together a > quick example to illustrate. > > Basically what overflow: hidden does is anything that doesn't fit into it's > given container is hidden, basically meaning that it doesn't affect the > height of it's container. This only works if the parent has a height set. If > it doesn't, overflow: hidden has absolutely no effect. > > Here is an example: http://www.arwebdesign.net/test2.html > > In the first one, the container has a static height (500px) and no > overflow. The text just streams right out of the container. > In the second one, the container still has a static height, but has > overflow: hidden. This time, the text just disappears. > In the third one, the container has no height set, but has overflow: > hidden. This time, the container's height stretches to accommodate it's > contents. > In the fourth one, the container has no height set and has no overflow. > This functions exactly the same as the third. Overflow hidden had no effect > on the third one without a height being set. > > Hope that clarifies overflow: hidden a bit. > > - Christian > > > On 2/10/2010 1:50 PM, Jody Tate wrote: > >> (I'm a list lurker. Also, apologies if this has been covered before.) >> >> In CSS, setting a div to "overflow: hidden" solves a problem it >> shouldn't--at least from the name of the property and value, it seems like >> it shouldn't. >> >> Often I'll have text, e.g. an h1, overflowing its containing/parent div, >> but setting the containing/parent div to "overflow: hidden" causes the >> parent div to set its height in a way that the formerly overflowing text no >> longer overflows. >> >> I've seen this happen for years. Another developer showed me this fix >> years ago. But over the years, I've never read an explanation why "overflow: >> hidden" fixes a problem its name implies it wouldn't. >> >> Have others seen this? Any explanations? >> >> -jody >> >> >> >> >> *** >> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm >> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm >> Help: memberh...@webstandardsgroup.org >> *** >> >> >> >> > > > -- > Christian Snodgrass > CEO - Azure Ronin > http://www.arwebdesign.net > http://www.htmlblox.com > Phone: 859.816.7955 > > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > > *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] converting CSS and XHTML to PDFs
You also might use this one http://www.princexml.com/download/ for semiautomatic generation of pdf's -- Yuriy "akella" Artyukh, http://cssing.org.ua On Mon, Mar 30, 2009 at 5:05 PM, wrote: > Use firefox with fireshot extension and send (an annotated) jpg instead. > > It's much lighter, doesn't require software to open, can be annotated, will > pick up flash images, etc. > > Thanks, > Jason > www.flexewebs.com > > Sent from my BlackBerry® wireless device > > -- > *From*: agerasimc...@unioncentral.com > *Date*: Mon, 30 Mar 2009 09:30:13 -0400 > *To*: > > *Subject*: [WSG] converting CSS and XHTML to PDFs > > > I have a problem converting my web pages, which are CSS driven into PDFs > (users usually do Right Click - convert page to PDF) - they need to send > those pages for client approval in the PDF format. The pages in PDF > display very poorly, not all CSS images are displayed, CSS formatting is > completely off... > > Does anybody have any idea, what's the best approach to tame the CSS pages > and convert them to PDF? > Thank you! > > Anya V. Gerasimchuk > Web Designer, IT - Web Shared Services > UNIFI Information Technology > agerasimc...@unioncentral.com > (513) 595 -2391 > > > ** > Sent by: li...@webstandardsgroup.org > > 02/01/2009 02:52 PM > Please respond to > wsg@webstandardsgroup.org > > To > cc > Subject > [WSG] WCAG2.0 summary > > > > > Hi there - WebAim just released a good summarised guide to WCAG2, a lot > easier for the newbie to get their head around. > > *http://webaim.org/standards/wcag/checklist*<http://webaim.org/standards/wcag/checklist> > > > cheers > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Drop-down menu slips behind left-nav anchor text in IE
Hello, Cole.
The problem with IE's z-index, is that you should try to change it not for
"elements i've got stacking problem with" (in your situation it is menu
links and drop downs), but for their parents.
It is for you id="wrapperSide" and id="navTopDrop"
Try something like this:
#wrapperSide{
position:relative;
z-index:25;
}
#navTopDrop{
position:relative;
z-index:83;
}
I cant test it now.. but AFAIK it should do the trick.
С уважением,
Юрий "akella" Артюх,
http://cssing.org.ua,
On Mon, Aug 25, 2008 at 12:44 PM, Cole Kuryakin <[EMAIL PROTECTED]> wrote:
> Hello All -
>
> I've got a framework with a drop-down menuing system which works pretty
> well
> until you select one particular menu item which SHOULD drop down OVER a
> left-positioned navigation bar.
>
> Everything looks fine in FF, but in IE (6 and 7) when you trigger the
> "Section 2" drop down, the menu slips BEHIND the anchor text in the side
> navigation - it doesn't slip behind the UL or LI's, just the anchor text...
> hummm.
>
> To see the nightmare in action, please go here:
> http://www.koisis.com/.framework/-public/index.php and hover over the menu
> trigger labeled "Section 2"
>
> I thought that this would be a "simple" stacking/z-index fix (silly me),
> but
> I've fiddled around with this "solution" for hours to no successful
> solution.
>
> Anyone care to thrown in a suggestion or two?
>
> Any and all guidance greatly appreciated!
>
> Cole
>
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Mystery Margin or Padding in FF and IE
In your CSS (
http://www.koisis.com/.framework/-public/assets/css/c.project_display.css)
you got this line:
*#contentMain h1
{
margin: 25px 0 10px 0;
}*
h1 margin (h1 is the first element in main area) is that mystery margin.
That's how CSS works. I guess somebody can find it in W3C site.
С уважением,
Юрий "akella" Артюх,
http://cssing.org.ua,
On Mon, Aug 25, 2008 at 12:34 PM, Cole Kuryakin <[EMAIL PROTECTED]> wrote:
> Hello All -
>
> I'm developing a new framework for my projects and have come across
> something I can't get rid of.
>
> Go here: http://www.koisis.com/.framework/-public/index.php
>
> If you look at the purple float that contains a beige main content area,
> you'll see that the beige content area is being pushed down about 25px for
> some reason in FF. In IE 6 and IE 7 the same phenomena also happens, but it
> happens at the TOP of the beige content area itself.
>
> I've gone over and over the css and can't see where I'm going wrong here -
> have also run the site through the W3C Validator but that service says
> everything's valid.
>
> Can anyone else see the error of my ways?
>
> Cole
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Nowrap for floats
Thierry! That is very cool and close!
Thank you!
But still it breaks a little in my IE6 after resizing the window, here is
screenshot: http://cssing.org.ua/a/5.png.
But still floating everything is great trick! Thank you for the idea.
Anyway, i spent 2 hours experimenting, and i think i found the best
solution, and it even doesn't need any additional markup. I just want to
share it with everybody, so it may help in future.
Here is what saved me:
Safari,FF, Opera: (as i mentioned in the first letter)
dt,dd{display:table-cell;vertical-align:top;}
dl{display:table}
And for ie in ie.css:
dt{float:none;}
dl{white-space:nowrap;}
dt, dd {
display:inline;
vertical-align:middle;
zoom:1;
}
Here is link to working example (tested in IE, Safari, Opera, Firefox)
http://cssing.org.ua/a/floatingdls.html
(I took your HTML, Thierry)
Thanx everybody! Thank you Sergey. It seems that this problem is solved! =)
And i hope it will help somebody as well.
С уважением,
Юрий "akella" Артюх,
http://cssing.org.ua,
2008/7/5 Thierry Koblentz <[EMAIL PROTECTED]>:
> > @Сергей: it is a great idea! But i've tried it with no success.
> inline-block doesnt work in IE like that, float1-2 appear to be on a
> different lines > all the time.
> >
> > @Manny, overflow doesn't help =(.
> >
> > @Thierry:
> > I need to float container(.float) because there are a lot of them, here
> is
> screenshot of how it might look: http://cssing.org.ua/a/3.png
> > When i set overflow hidden in addition to float and white-space:nowrap
> (for the text inside float2), it just cuts the float2 text.
> > Without floated container - sure it is quite simple to acheive the thing
> i'm trying to acheive. Thanx for the code example!
> > Even without .float2{float:left} the text jumps under the number in green
> block.
> >
> >
> > I know you are extremely experienced with a complex CSS-problems. May be
> you've ever heard of display:table-cell emulation for IE? May be with
> > expressions or smth like that?
>
> If you're willing to cheat with the markup a little (using many DLs), you
> can go this route (floating everything):
>
> http://tjkdesign.com/lab/inline-DLs.asp
>
>
>
> --
> Regards,
> Thierry | http://www.TJKDesign.com
>
>
>
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Nowrap for floats
@Сергей: it is a great idea! But i've tried it with no success. inline-block
doesnt work in IE like that, float1-2 appear to be on a different lines all
the time.
@Manny, overflow doesn't help =(.
@Thierry:
I need to float container(.float) because there are a lot of them, here is
screenshot of how it might look: http://cssing.org.ua/a/3.png
When i set overflow hidden in addition to float and white-space:nowrap (for
the text inside float2), it just cuts the float2 text.
Without floated container - sure it is quite simple to acheive the thing i'm
trying to acheive. Thanx for the code example!
Even without .float2{float:left} the text jumps under the number in green
block.
I know you are extremely experienced with a complex CSS-problems. May be
you've ever heard of display:table-cell emulation for IE? May be with
expressions or smth like that?
С уважением,
Юрий "akella" Артюх,
http://cssing.org.ua,
On Sat, Jul 5, 2008 at 7:36 PM, Thierry Koblentz <[EMAIL PROTECTED]> wrote:
> > @Essential, there is no image, the number in green block is text. It has
> some padding and background-image (left-top corner). And it is already
> > floated, because it is .float1. Any ideas?
> >
> > The real life code for those images looks like this:
> >
> > 30
> > Commodore645 href="#">add present
> >
> > I can give a link to live demo, but i just want to simplify it for the
> list. The abstract float1 float2 example is just my problem...
>
> Why floating everything?
> Did you try this approach:
>
> dl {overflow:hidden;zoom:1;}
> dt {float:left;width:20px;height:20px;}
> dd {margin-left:30px;}
>
> --
> Regards,
> Thierry | http://www.TJKDesign.com
>
>
>
>
>
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Nowrap for floats
@Essential, there is no image, the number in green block is text. It has
some padding and background-image (left-top corner). And it is already
floated, because it is .float1. Any ideas?
The real life code for those images looks like this:
30
Commodore645 add
present
I can give a link to live demo, but i just want to simplify it for the list.
The abstract float1 float2 example is just my problem...
С уважением,
Юрий "akella" Артюх,
http://cssing.org.ua,
On Sat, Jul 5, 2008 at 1:54 PM, Essential eBiz Solutions Ltd <
[EMAIL PROTECTED]> wrote:
> From what I can see there it's because of the image you are using.
>
>
>
> Try
>
> .float1, .float2, .float{
>
> float:left;
>
> }
>
> .float1 img {
>
> height: 20px;
>
> width: 20px;
>
> float: left;
>
> }
>
>
>
>
> ------
>
> *From:* [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] *On
> Behalf Of *akella
> *Sent:* 05 July 2008 11:38
> *To:* wsg@webstandardsgroup.org
> *Subject:* [WSG] Nowrap for floats
>
>
>
> Hi list! Got a CSS question, it's now two days in my head.
> Here is my HTML, just to be abstract:
>
>
> Some random text
>
> and smth like this in CSS:
> .float1, .float2, .float{float:left}
>
> My problem is that i need .float1-2 to be on the same line.
> Here is how it should look like: http://cssing.org.ua/a/2.png
> But it breaks like this: http://cssing.org.ua/a/1.png
> (the text and the green block are two floats, the block itself is a float)
> So i need something like nowrap-for-floats.
>
> I solved this problem for Safari, FF, Opera by:
> .float{display:table}
> .float1, .float2{display:table-cell}
>
> But that doesn't work in IE. May be someone got such an experience? Fancy
> ie-expression? i would highly appreciate any ideas on this subject.
>
> Thanx in advance!
>
> regards,
> Yuriy "akella" Artyukh,
> http://cssing.org.ua
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[WSG] Nowrap for floats
Hi list! Got a CSS question, it's now two days in my head.
Here is my HTML, just to be abstract:
Some random text
and smth like this in CSS:
.float1, .float2, .float{float:left}
My problem is that i need .float1-2 to be on the same line.
Here is how it should look like: http://cssing.org.ua/a/2.png
But it breaks like this: http://cssing.org.ua/a/1.png
(the text and the green block are two floats, the block itself is a float)
So i need something like nowrap-for-floats.
I solved this problem for Safari, FF, Opera by:
.float{display:table}
.float1, .float2{display:table-cell}
But that doesn't work in IE. May be someone got such an experience? Fancy
ie-expression? i would highly appreciate any ideas on this subject.
Thanx in advance!
regards,
Yuriy "akella" Artyukh,
http://cssing.org.ua
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] hCard microformat and phone numbers
hi,the second one seems more strict to me. i think our microformats-philosophy is to make it as readable by bots as possible. IMHO: [span class="type"]Office[/span][span class="value"] +1.415.555.1212[/span] is simpler to parse than [span class="tel"][span class="type">Office[/span] +1.415.555.1212[/span] On Fri, Mar 21, 2008 at 8:58 PM, Thierry Koblentz <[EMAIL PROTECTED]> wrote: > I need to wrap phone numbers, what's the best way to go for this? > > [div class="phones"] > [span class="tel"][span class="type">Home[/span] +1.415.555.1212[/span] > [span class="tel"][span class="type">Pager[/span] +1.415.555.1212[/span] > [span class="tel"][span class="type">Office[/span] +1.415.555.1212[/span] > [/div] > > [div class="tel"] > [span class="type"]Home[/span][span class="value"] +1.415.555.1212[/span] > [span class="type"]Pager[/span][span class="value"] +1.415.555.1212[/span] > [span class="type"]Office[/span][span class="value"] > +1.415.555.1212[/span] > [/div] > > > Thanks > > -- > Regards, > Thierry | http://www.TJKDesign.com > > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** > > -- С уважением, Юрий "akella" Артюх, UA WEB http://uaweb.in.ua, +38 (096) 970 64 28, skype: akella_, icq: 296395204 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Navigation menu problem
hello,
Study this one http://www.brunildo.org/test/IEWlispace.phpThere are a lot of
combinations, fast & dirty hack would be to give li's hasLayout
li{zoom:1}
On Fri, Mar 7, 2008 at 11:50 PM, Kevin Arrowsmith <
[EMAIL PROTECTED]> wrote:
> Hi All,
>
>
>
> Im having a problem getting a menu to look right in IE6, it can be found
> at http://darkvirus.homeip.net/~darkness/h2/new/
>
>
>
> IE7 and FF seem fine but IE6 seems to put a margin under each link and I
> cant seem to get rid of it (IE8 only seem to change the background colour
> when the mouse is over the text or border which I put on earlier).
>
>
>
> To save you looking through the source the relevant css is
>
>
>
> #nav
>
> {
>
> float: left;
>
> width: 195px;
>
> margin: 0 0 10px 0;
>
> text-align: center;
>
>
>
> }
>
> #nav ul
>
> {
>
> list-style-type: none;
>
> padding: 0;
>
> margin: 10px auto;
>
> background: #f2edf6;
>
> width: 175px;
>
> border: 1px solid #7d50a6;
>
> text-align: left;
>
> }
>
> #nav li
>
> {
>
> font-size: 13px;
>
> padding: 0;
>
> margin: 0;
>
> }
>
> #nav li a
>
> {
>
> display: block;
>
> padding: 5px;
>
> text-decoration: none;
>
> font-weight: bold;
>
> color: #7d50a6;
>
> background: #f2edf6;
>
> margin: 0;
>
> }
>
> #nav li a:hover
>
> {
>
> text-decoration: underline;
>
> background: #dccce9;
>
> }
>
>
>
>
>
> PS. Any general comments or recommendations on the site are greatly
> welcome.
>
>
>
>
>
> Thanks
>
> Kevin
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
--
С уважением,
Юрий "akella" Артюх,
UA WEB http://uaweb.in.ua,
http://cssing.org.ua
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] IE float/background - I am stumped
Hi James
I guess removing position:relative for #content will help.
Another option is to set position:relative for your floats. May be you
will need to play a bit with z-index after that.
it would be great if you could upload this code to the internet for us
to see the problem.
hth
On 11/17/07, Likely, James A. <[EMAIL PROTECTED]> wrote:
>
>
>
>
> I am working on some new templates and am having a hard time figuring out
> what is going on. I all browsers it works as it should but in IE6 it is not.
> From the look sof it, the background image is going over top of the floating
> divs.
>
> If I take out the background from:
>
>
> #content {
> margin: 0;
> padding: 0 20px 0 20px;
> position: relative;
> background: url(../images/back-content.gif);
> }
>
> It will work fine. I have never seen where a background image goes over top
> of the text.
>
> Any one have any suggestions on how to fix this?
>
> Thanks
>
> James
> ***
> List Guidelines:
> http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe:
> http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
--
С уважением,
Юрий "akella" Артюх
http://cssing.org.ua
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Styling [Forms]
Hi James May be you'd better start thinking about one of those replacement techniques. This for instance http://easy-designs.net/articles/replaceSelect/ On 11/5/07, Chris Knowles <[EMAIL PROTECTED]> wrote: > James Jeffery wrote: > > > > I have a select box that has a greater width and hight then the > > standard size. I am trying to center the default option that displays > > in the select box. I have tried padding: xem 0; and it centers the > > options when the list is displayed, but the default option does not > > change. > > > > Basically i want to center (vertically) the default option in a select box. > > Hi James > > you can get varying results by setting text-align: center on the select > itself and on the option elements but not in IE - I don't think theres > any way to control it in IE at all. > > -- > Chris Knowles > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** > > -- С уважением, Юрий "akella" Артюх http://cssing.org.ua *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Rounded Courners .... Your Take
gt; I have been using span tags and absolute positioning. I have also > > > recently started to use the sliding doors method because you can > > > achive nice rounded boxes with some nice effects, even better if > > > you use PNG's. > > > > > > Using the span method i did find a bug in IE 6, the 2 corner span's > > > wouldn't sit flush with the bottom of the containing div, although it > > > displayed fine in every other browser i tested it on and they could > > > be resized fine. It was odd though, because IE 5.x display them > > > perfect, was just IE 6. > > > > > > Lets have your beloved methods then guys. > > > > > > James > > > > > > > > > *** > > > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > > > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > > > Help: [EMAIL PROTECTED] > > > *** > > > > > > > > > > > > > > > *** > > > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > > > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > > > Help: [EMAIL PROTECTED] > > > *** > > > > > > > > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** > > -- С уважением, Юрий "akella" Артюх http://cssing.org.ua *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] SilverLight
It's going to be on linux as well http://radar.oreilly.com/archives/2007/09/moonlight_silve_1.html Moonlight is the answer On 10/30/07, Michael MD <[EMAIL PROTECTED]> wrote: > > > In the beta process, they were doing some flipping browser detection > > **from within the plugin**, and only checked for Safari or Firefox, as > > opposed to check for Gecko. > > The demos I've seen still only work half and half on Mac browsers, except > > Firefox 2.0.0.x and Safari. > > what about linux browsers? > I won't go near it if it is locked down to one or two operating systems. > > I even avoided using flash for anything other than the occasional animated > banner until quite recently for the same reason... > (it was the talk on Flex a few months ago at a WSG Sydney gathering and the > mention of Flash Player 9 being available on linux that encouraged me to to > actually take a more serious look at flash/swf/etc!) > > > > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** > > -- С уважением, Юрий "akella" Артюх http://cssing.org.ua *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Floated list items of differing heights
Just missed your first letter.. may be this will help a bit? http://www.hedgerwow.com/360/dhtml/css-layout-gridview.html HTH On 10/25/07, Paul Collins <[EMAIL PROTECTED]> wrote: > Thanks for your replies. Unfortunately, the site hasn't gone live yet, so I > can't show anything. It's the exact same problem as the examples given on > the link I sent. Just wish there was a simpler way of fixing it other than > giving it a fixed height. > > Cheers for your help > > > On 25/10/2007, Matthew Pennell <[EMAIL PROTECTED]> wrote: > > On 24/10/2007, Paul Collins < [EMAIL PROTECTED]> wrote: > > > > > I've managed to avoid doing this for while, but I'm doing a CMS job > > > and the content in a floated group of 's is going to be differeing > > > heights. They need to wrap onto a new line when they hit the right > > > edge of the container, causing layout problems. > > > > > > > You either need to force the list items to all occupy the same height, by > using a fixed height, or use a server-side counter that sets "clear: left" > on every Nth item. > > > > -- > > > > > > > > > > > > > > Matthew Pennell // > > m: 07904 432123 // > > www.thewatchmakerproject.com > > > > > > > > > > > > > > > *** > > List Guidelines: > http://webstandardsgroup.org/mail/guidelines.cfm > > Unsubscribe: > http://webstandardsgroup.org/join/unsubscribe.cfm > > Help: [EMAIL PROTECTED] > > > *** > > > *** > List Guidelines: > http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: > http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** -- С уважением, Юрий "akella" Артюх http://cssing.org.ua *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Looking for a Stylesheet Switcher Script
May be this is what u are looking for? http://www.alistapart.com/stories/alternate/ <http://www.alistapart.com/stories/alternate/> -- С уважением, Юрий "akella" Артюх организатор UAWEB-2007 http://uaweb.in.ua, skype: akella_, +38 096 970 64 28, http://cssing.org.ua *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Correct structure of lists with headers
option 3: Phrase Header Phrase header Phrase header Phrase header Phrase header Why not? On 4/6/07, Webmaster <[EMAIL PROTECTED]> wrote: Hi everyone, I read some tutorials about lists but i don't find how make good structure list that have headers. How i make this list? Which are the best option? I think do it like it: OPTION 1: Phrase Header Phrase header Phrase header Phrase header Phrase header OPTION 2: Phrase Header Phrase header Phrase header Phrase header Phrase header Thanks, César Caballero www.darkrassel.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Yuriy akella Artyukh, http://cssing.org.ua *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Trouble with H3 float
u can solve the problem with different margins in IE and FF,
one of the solutions:
1. wrap those 3 floated divs(.bl) before h3 (additional wrapper div) let it
be class="suppa-wrapper"
it would look like this
2. Set this CSS on it
.suppa-wrapper{
width:100%;
overflow:hidden;
}
And now u can remove clear:both for the h3
On 3/28/07, ~davidLaakso <[EMAIL PROTECTED]> wrote:
Sarah Peeke (XERT) wrote:
> One more question please...
>
> When I resize <http://geofeat.com/> to 800x600 the H3 heading *Featured
> Advertisers* (third heading on page content) floats right.
>
> I have tried all sorts of css to fix this but end up with more problems
> (specifically to do with excess top/bottom margins in the heading etc).
>
> Any help greatly received :(
>
Well, I ain't so sure I get what you are trying to do, but anyway try:
h3.c1 { font-size: 150%; background-color: red; clear: left; }
Featured Advertisers
Best,
~dL
PS Nice site.
--
http://chelseacreekstudio.com/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Yuriy akella Artyukh,
http://cssing.org.ua
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] curing float drops in IE
try
#left_column{/*positioning for left column*/
float:left;
width:300px;
}
#right_column{/*positioning for right column*/
float:right;
width:200px;
}
may be u'll have less problems...
#left_column{/*positioning for left column*/float:left;width:310px;margin-left:15px;
}#right_column{/*positioning for right column*/width:448px;margin-left:360px;padding-left:10px;}and the right column drops down in IE--::Bruce::**
The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help**-- gl&hf,akella.
Re: [WSG] image + title
so the perfect one would look like this
markup
Caption
CSS
.lfigure{
float:left;
text-align:center; /*to center description*/
}
.lfigure img{
display:block;
}On 7/26/05, Bert Doorn <[EMAIL PROTECTED]> wrote:
G'day> I just want to display image with a shrto description below it.> And i want that combination to float.> What is the right semantic markup for this thing. IS it right to use this>
> > > Should be no need for the span if you do this:.lfigure img { display:block }Caption
And maybe it should be a div rather than a p(aragraph). To floatthe paragraph (or div), add a width to .lfigure and give it afloat:left or float:right as appropriate.HTH--Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/Fast-loading, user-friendly websites**The discussion list for
http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help
******-- gl&hf,akella.
[WSG] image + title
I just want to display image with a shrto description below it. And i want that combination to float. What is the right semantic markup for this thing. IS it right to use this or may be there is some kind of microformat for this situation? -- gl&hf,akella.
[WSG] Vertical align(center) for two rows of text
I know that making HEIGHT and LINE-HEIGHT equal for text - will make ONE row "valign:center". But what about 2 rows of text? Is there some way to align even two rows of text this way?-- gl&hf,akella.
Re: [WSG] tables to standards problem...
tnx Ted
now the last problem is: additional DIV or creating DL.
The first thing i consider a sin.
But what do u think about semantics of the second? Dont u think H2 is better for the headline of the article?
And what about SEO? i think h2 has more weight than dt dt strong? or im wrong?
now the markup is as simple as it can be:
<a href="#"><img src
="./i/trio.jpg" alt="trio" />
a><h2><a href="#">headline
a>h2><p>textp>
Just thinking how to minimize markup and make SEO-manager happy.
i see that wrapper for the H2 and P is inavitable.
is it?
You might try using a definition list.
You can float the different elements, the
image in a dd floated to the right, the headline in a dt, the text in a dd are
floated to the right, give the dl a border, background, margin, etc.
A variation can be seen here:
http://www.csatravelprotection.com/csa-executives-insurance.do
The executive bio images and titles are
sitting in a dl.
Ted
From:
[EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED]] On Behalf Of akella
Sent: Friday, July 01, 2005 7:48
AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] tables to
standards problem...
Sorry,Hugues Brunelle
i didnt understood your hint clearly
now im even in doubt which way is better.
Great tnx too!
On 7/1/05, akella
<[EMAIL PROTECTED]> wrote:
Hugues Brunelle
,
Tnx, but it
only works if i know maximum height of so called newsbox.
But 10x anyway
Gunlaug Sørtun,
its just some kind of magic, but it works!
Tnx tnx tnx! :)
thats the way im going to implement it...
On 7/1/05, Hugues
Brunelle <[EMAIL PROTECTED]
> wrote:
Hi Akella,
For articles, I would
suggest something like :
http://www.echo3d.com/lab/akella.html
Regards,
Hugues Brunelle
Concepteur graphique,
multimédia et Web
---
Coopérative de travail
en multimédia ECHO tridimension
2139, rue Masson
Montréal
(Québec) H2H 1A8
Canada
+1 514 521-1360
[EMAIL PROTECTED]
From:
[EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]]
On Behalf Of akella
Sent: July 1, 2005 09:03
To: wsg@webstandardsgroup.org
Subject: [WSG] tables to standards
problem...
Hi,
on this site http://www.champion.com.ua/
or here http://pravda.com.ua/
in main column you can see a lot of news boxes
i mean image+heading+paragraph of text
It is implemented as a table.
image is first cell and text is second.
The problem is:
How to implement it with CSS so that text will not be under the image.
The obvious img{float:left} is not good - client dont want the text to be
displayed under the image.
If all images ware the same size - it would be simple - just add margin
to , but its not like that... :(
And i hate creating classes like that: .img110px .img180px .
So how can i implement this table-like thing?
Can it be done with "standards"? i mean without non-semantic-table.
I cant find the way
Any ideas?
--
gl&hf,
akella.
--
gl&hf,
akella.
--
gl&hf,
akella.
-- gl&hf,akella.
Re: [WSG] tables to standards problem...
Sorry,Hugues Brunelle
i didnt understood your hint clearly
now im even in doubt which way is better.
Great tnx too!
On 7/1/05, akella <[EMAIL PROTECTED]> wrote:
Hugues Brunelle
,
Tnx, but it only works if i know maximum height of so called newsbox.
But 10x anyway
Gunlaug Sørtun,
its just some kind of magic, but it works!
Tnx tnx tnx! :)
thats the way im going to implement it...
On 7/1/05, Hugues Brunelle <[EMAIL PROTECTED]
> wrote:
Hi Akella,
For articles, I
would suggest something like :
http://www.echo3d.com/lab/akella.html
Regards,
Hugues
Brunelle
Concepteur graphique, multimédia et
Web
---
Coopérative de travail en multimédia
ECHO tridimension
2139, rue Masson
Montréal (Québec) H2H
1A8
Canada
+1 514 521-1360
[EMAIL PROTECTED]
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]] On Behalf Of
akellaSent: July 1, 2005 09:03To:
wsg@webstandardsgroup.orgSubject: [WSG] tables to standards
problem...
Hi,on this site http://www.champion.com.ua/ or here
http://pravda.com.ua/in main column you can
see a lot of news boxesi mean image+heading+paragraph of textIt is
implemented as a table.image is first cell and text is second. The
problem is:How to implement it with CSS so that text will not be under the
image.The obvious img{float:left} is not good - client dont want the text to
be displayed under the image.If all images ware the same size - it would be
simple - just add margin to , but its not like that... :(And i hate
creating classes like that: .img110px .img180px .So how can i
implement this table-like thing?Can it be done with "standards"? i mean
without non-semantic-table.I cant find the way....Any
ideas?-- gl&hf,akella.
-- gl&hf,akella.
-- gl&hf,akella.
Re: [WSG] tables to standards problem...
Hugues Brunelle
,
Tnx, but it only works if i know maximum height of so called newsbox.
But 10x anyway
Gunlaug Sørtun,
its just some kind of magic, but it works!
Tnx tnx tnx! :)
thats the way im going to implement it...
On 7/1/05, Hugues Brunelle <[EMAIL PROTECTED]> wrote:
Hi Akella,
For articles, I
would suggest something like :
http://www.echo3d.com/lab/akella.html
Regards,
Hugues
Brunelle
Concepteur graphique, multimédia et
Web
---
Coopérative de travail en multimédia
ECHO tridimension
2139, rue Masson
Montréal (Québec) H2H
1A8
Canada
+1 514 521-1360
[EMAIL PROTECTED]
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]] On Behalf Of
akellaSent: July 1, 2005 09:03To:
wsg@webstandardsgroup.orgSubject: [WSG] tables to standards
problem...
Hi,on this site http://www.champion.com.ua/ or here
http://pravda.com.ua/in main column you can
see a lot of news boxesi mean image+heading+paragraph of textIt is
implemented as a table.image is first cell and text is second. The
problem is:How to implement it with CSS so that text will not be under the
image.The obvious img{float:left} is not good - client dont want the text to
be displayed under the image.If all images ware the same size - it would be
simple - just add margin to , but its not like that... :(And i hate
creating classes like that: .img110px .img180px .So how can i
implement this table-like thing?Can it be done with "standards"? i mean
without non-semantic-table.I cant find the wayAny
ideas?-- gl&hf,akella.
-- gl&hf,akella.
[WSG] tables to standards problem...
Hi,
on this site http://www.champion.com.ua/ or here http://pravda.com.ua/
in main column you can see a lot of news boxes
i mean image+heading+paragraph of text
It is implemented as a table.
image is first cell and text is second.
The problem is:
How to implement it with CSS so that text will not be under the image.
The obvious img{float:left} is not good - client dont want the text to be displayed under the image.
If all images ware the same size - it would be simple - just add margin to , but its not like that... :(
And i hate creating classes like that: .img110px .img180px .
So how can i implement this table-like thing?
Can it be done with "standards"? i mean without non-semantic-table.
I cant find the way
Any ideas?
-- gl&hf,akella.
Re: [WSG] WSG Meetings for "the rest of us"
what about ukraine? there are four of us but only two of us know each other...On 6/9/05, Kvnmcwebn <[EMAIL PROTECTED]> wrote: " Anyone else in the UK want to have our own meeting and show the Ozzies> how it's really done? "how about northern ireland?**The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******-- gl&hf,akella.
Re: [WSG] national letters on MAC
Tnx to Philippe and Juergen. It was really useful. utf of course is the right choice but i was said to use win1251... :( If i use just the generic one it really helps. I really appreciate it Philippe. But the surprise is that after i moved this example to another server(not even changing anything in CSS) everything started to display ok. I can judge only from iCapture but all the letters are displaying like they should be. So im just wondering if there were some problems with Apache encodings? Nevertheless now its ok. Philippe was absolutely right about fonts. On 6/2/05, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote: On 1 Jun 2005, at 11:03 pm, akella wrote:> ive got problems with ukrainian(there are like russian but with 3-4> national letters) letters on MAC.>> [...]>> All font-familys(2 of them) looks like this: > font-family: Tahoma, Verdana, Arial, sans-serif;> font-family:Verdana, Helvetica, Arial, sans-serif;>> If u r interested css is here> http://akella.org.ua/pravda/base.css > and live example> here> http://akella.org.ua/pravda/>1/ it wouldn't be a bad idea to use UTF-8, I'm not sure if allcharacters are displayed correctly. 2/ you specify a number of fonts in your style sheet; none of thosecontain the glyphs those Cyrillic characters. All browsers on OS Xsubstitute your font-choice with glyphs from another font-family. But some characters used (line 'i', '?') are included in your specifiedfont-family, and are displayed according to your choice (noticeable inboth Firefox , Safari/Omniweb and Opera).3/ one additional problem in Safari and Opera: the font-family the browser end up using does not contain *bold* glyphs. The browserdoesn't display the text as bold. Firefox attempts to emulate thebolding on the fly (and the result is - to my eyes - acceptable forthe latest nightly build, but on Firefox 1.04 it is not so great). Butfor those characters that are present in your selected font-family,there is a bold glyph, hence the difference in display in Safari andOpera.Solution: don't specify any font-family, only a generic one (like sans-serif).Or you could add a font-family that does contain Cyrillic characters,like 'HelveticaCY'See this OS X font-list<http://docs.info.apple.com/article.html?artnum=301332 >Philippe---Philippe Wittenbergh<http://emps.l-c-n.com/>**The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **-- gl&hf,akella.
[WSG] national letters on MAC
ive got problems with ukrainian(there are like russian but with 3-4 national letters) letters on MAC. Here is screenshots http://akella.org.ua/safari.jpg (15Kb) and big ones http://akella.org.ua/safari12.jpg (60Kb) http://akella.org.ua/safari12.png(250Kb) You can see bold letters "i" and "I". Its ukrainian(national) letters. They were mixed(on mac u see not the letter u see on win ) and then made bold. :( . With russians everything is ok. All font-familys(2 of them) looks like this: font-family: Tahoma, Verdana, Arial, sans-serif; font-family:Verdana, Helvetica, Arial, sans-serif; If u r interested css is here http://akella.org.ua/pravda/base.css and live example here http://akella.org.ua/pravda/ Bug(i think its a bug) is only for MAC browsers. Linux and Win is ok. May be someone had such a bug with his own unique(national) letters... Because i dont know what to do with it.. :( Tnx in advance. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
