[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 **
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-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] 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.
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 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...
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...
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.
[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?-- glhf,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 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
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.
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
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] Correct structure of lists with headers
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] 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] 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 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] 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] Rounded Courners .... Your Take
] *** *** 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] Styling option [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] 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] 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] 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=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] 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:
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
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] 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] 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] 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, 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] 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] 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 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 ***
