Re: [WSG] HTML5 offline storage question

2010-08-09 Thread akella
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 da...@dorward.me.uk 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

2010-02-10 Thread akella
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

2009-03-30 Thread akella
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, ja...@flexewebs.com 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*: wsg@webstandardsgroup.org

 *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


 *anthony.hawk...@ssc.govt.nz*
 Sent by: li...@webstandardsgroup.org

 02/01/2009 02:52 PM
 Please respond to
 wsg@webstandardsgroup.org

 To
 wsg@webstandardsgroup.orgcc
 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] Mystery Margin or Padding in FF and IE

2008-08-25 Thread akella
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] Drop-down menu slips behind left-nav anchor text in IE

2008-08-25 Thread akella
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] Nowrap for floats

2008-07-05 Thread akella
@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:
dl
dt30/dt
ddstrongCommodore645/strong spana href=#add
present/a/span/dd
/dl
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:

 div class=float
   div class=float1/div
   div class=float2Some random text/div
 /div
 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]
***

Re: [WSG] Nowrap for floats

2008-07-05 Thread akella
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] hCard microformat and phone numbers

2008-03-21 Thread akella
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=typeOffice[/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=typeHome[/span] +1.415.555.1212[/span]
 [span class=tel][span class=typePager[/span] +1.415.555.1212[/span]
 [span class=tel][span class=typeOffice[/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

2008-03-07 Thread akella
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

2007-11-17 Thread akella
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 option [Forms]

2007-11-04 Thread akella
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] SilverLight

2007-10-30 Thread akella
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] Rounded Courners .... Your Take

2007-10-30 Thread akella
]
   ***
  
  
  
  
   ***
   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] Floated list items of differing heights

2007-10-25 Thread akella
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 LI'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

2007-08-02 Thread akella
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

2007-04-06 Thread akella

option 3:
h1Phrase Header/h1
h2Phrase header/h2
  ul
 liPhrase header/li
 liPhrase header/li
 liPhrase header/li
  ul
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:

ul
lih1Phrase Header/h1/li
li
ul
   lih2Phrase header/h2/li
   liPhrase header/li
   liPhrase header/li
   liPhrase header/li
ul
li
/ul

OPTION 2:

ul
lih1Phrase Header/h1/li
lih2Phrase header/h2
ul
   liPhrase header/li
   liPhrase header/li
   liPhrase header/li
ul
li
/ul


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

2007-03-28 Thread akella

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
div class=suppa-wrapper

div class=bl

/div


/div


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; }
h3 class=c1Featured Advertisers/h3

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

2005-08-08 Thread akella
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 forhttp://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help**-- glhf,akella.


[WSG] image + title

2005-07-26 Thread akella
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
p class=lfigure
img /
span/span
/p
or may be there is some kind of microformat for this situation?
-- glhf,akella.


Re: [WSG] image + title

2005-07-26 Thread akella
so the perfect one would look like this
markup
p class=lfigureimg /Caption/p
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 p class=lfigure
 img / span/span /pShould be no need for the span if you do this:.lfigure img { display:block }p class=lfigureimg /Caption/p
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
**-- glhf,akella.


[WSG] Vertical align(center) for two rows of text

2005-07-09 Thread akella

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?-- glhf,akella.


[WSG] tables to standards problem...

2005-07-01 Thread akella
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 p, 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?

-- glhf,akella.


Re: [WSG] tables to standards problem...

2005-07-01 Thread akella
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 p, 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?-- glhf,akella. 

-- glhf,akella.


Re: [WSG] tables to standards problem...

2005-07-01 Thread akella
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 p, 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?-- glhf,akella. 

-- glhf,akella.

-- glhf,akella.


Re: [WSG] tables to standards problem...

2005-07-01 Thread akella
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 //
ah2a href=#headline/
a/h2ptext/p
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 p, 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?



-- 
glhf,
akella. 















-- 
glhf,
akella. 






-- 
glhf,
akella. 







-- glhf,akella.


Re: [WSG] WSG Meetings for the rest of us

2005-06-09 Thread akella
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
**-- glhf,akella.


Re: [WSG] national letters on MAC

2005-06-02 Thread akella
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-listhttp://docs.info.apple.com/article.html?artnum=301332
Philippe---Philippe Wittenberghhttp://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
**-- glhf,akella.


[WSG] national letters on MAC

2005-06-01 Thread akella
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
**