Re: [css-d] Text that breaks out of veritcal flow

[Dave M G]

Philippe,

Thank you for responding.
> For IE, you could use vertical text-writing, that works quite well. 
> ... But only IE supports that.
I'm hoping to find a solution that isn't specific to just one browser.

I may have to go with images, but an off list responder hinted that 
there may be a CSS2 solution that could work.

-- 
Dave M G
CSSed
Zend Studio 5.5
Photoshop 7 (Wine)
Inkscape, GIMP, Ubuntu 7.04
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Text that breaks out of veritcal flow

[Philippe Wittenbergh]

On Jun 2, 2007, at 12:36 AM, Dave M G wrote:

> On the following web site, I have a menu written in Japanese:
> http://nihongode.jp
>
> The text is a  list, where each  item is constrained to a  
> width
> of 1em. This forces each character to break to the next line,  
> giving the
> appearance of veritcal orientation.
>
> It almost works perfectly. Most of the text obeys the constraint.
> However, some text items, such as punctuation and certain half size
> Japanese characters, break out of the vertical flow and follow a
> left-to-right orientation.

IE 7 does the same as Firefox.
But those are very special characters in Japanese writing, and hook  
up to the previous character.
Assuming you could get those characters (the ellips particularly) to  
display on their own line, it would still be wrong, as the 3 dots  
should be vertical. The other 2 characters as well are different in  
vertical writing.

For IE, you could use vertical text-writing, that works quite well.  
You will have to search MSDN for the details, I don't have the  
reference at hand. But only IE supports that.
Using images is a suitable alternative.

Philippe
---
Philippe Wittenbergh





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Int. Explorer 7 - need help - fixed

[Kathy Wheeler]

Hi Trish,

On 02/06/2007, at 5:38 AM, Trish Meyer wrote:
> In my case it was user error (I hope, waiting on confirmation from an
> IE7 user).

> http://www.vivagallery.org/exhibits/PSA_2007/index.html

Seems to work fine now - ie7, win XP home, under VirtualPC (on my Mac).

Would also appreciate hearing from *real* win ie7 people as I'm still  
evaluating VirtualPC as an alternative to a win box(es).

Cheers,
KathyW.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] ie7 jumps on first page

[Melinda Odom]

Hi,

I just found out that removing the import for the stylesheet for just the
navigation styles makes most of the jumping go away in ie7:
@import url("../internal/css/navigation.css");

I still have the body using an imported stylesheet:





Is it possible to use the imported stylesheet for the navigation and use
some hack for ie7?

Thanks!

Sincerely,
Melinda Odom
Design Hosting, Inc.
www.designhosting.biz
479-471-0891


>  -Original Message-
> From: Melinda Odom [mailto:[EMAIL PROTECTED] 
> Sent: Friday, June 01, 2007 4:12 PM
> To:   css discuss
> Subject:  ie7 jumps on first page
> 
> Hi,
> 
> When you go to this page in ie7 only it jumps from no css to the css
> styles and then when you refresh it doesn't jump.
> www.usprayercenter.org
> 
> Is there a fix for this jumping in ie7 only?
> 
> Thanks!
> 
> Sincerely,
> Melinda Odom
> Design Hosting, Inc.
> www.designhosting.biz
> 479-471-0891 
> 
> No virus found in this outgoing message.
> Checked by AVG Free Edition. 
> Version: 7.5.472 / Virus Database: 269.8.5/826 - Release Date: 5/31/2007
> 4:51 PM
>  
> 
No virus found in this outgoing message.
Checked by AVG Free Edition. 
Version: 7.5.472 / Virus Database: 269.8.5/826 - Release Date: 5/31/2007
4:51 PM
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Navcontainer Problems

[Lori Lay]

Richard Brown wrote:
> Hi All
>
> I am trying to use different images for a nav list. I am declaring
> different classes for each image and that is working. However, I
> cannot get the text to sit below the images. Could you have a look and
> maybe see where I am going wrong please?
>
> 
> 
>
> Please ignore the hideous hover!
>
> Many thanks.
>   

I actually thought the hover was kind of cute :-)

Try this

#navcontainer ul {
list-style-type:none;
margin:0px;
padding:0px;
text-align:center;   /* change this to center */
}

and this

#navcontainer ul li a.one {
background:transparent url(images/appleno.gif) no-repeat scroll 50% 0%;  
/* change the horizontal alignment to 50% */
}

Lori
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] ie7 jumps on first page

[Melinda Odom]

Hi,

When you go to this page in ie7 only it jumps from no css to the css styles
and then when you refresh it doesn't jump.
www.usprayercenter.org

Is there a fix for this jumping in ie7 only?

Thanks!

Sincerely,
Melinda Odom
Design Hosting, Inc.
www.designhosting.biz
479-471-0891 

No virus found in this outgoing message.
Checked by AVG Free Edition. 
Version: 7.5.472 / Virus Database: 269.8.5/826 - Release Date: 5/31/2007
4:51 PM
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE bumps content to right

[Jon Hughes]

I get this error when I go to your site:
Oops!
Message Model-Glue: There is no known event handler for
"showProcess".

However, from the sound of it, it sounds like the "Double-Margin" bug.

Try applying a "display: inline" to the element, and that should fix it.

 - Jon

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Tom McNeer
Sent: Friday, June 01, 2007 2:07 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] IE bumps content to right

Hi folks,

Please take a look at
http://ids.mediumcool.com/index.cfm?event=showProcess.
(Actually, you're welcome to move around. The problem I'm trying to
solve is
evident on every page but the home page.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE bumps content to right

[Tom McNeer]

Hi folks,

Please take a look at http://ids.mediumcool.com/index.cfm?event=showProcess.
(Actually, you're welcome to move around. The problem I'm trying to solve is
evident on every page but the home page.)

In IE 6 and 7, the text in the breadcrumb trail is bumped to right some
40-ish pixels. The element actually begins at the point where the red bottom
border dots begin.

In Firefox and Safari, the text displays correctly, in alignment with the
logo, the headline, and so on. And Firebug shows no padding values, either
specified or inherited, that would move the text over. The element has been
given layout.

Does anyone know why IE is doing this, please?

-- 
Thanks,

Tom

Tom McNeer
MediumCool
http://www.mediumcool.com
1735 Johnson Road NE
Atlanta, GA 30306
404.589.0560
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] yet another problem between IE and Firefox. (Can Ithrow IE out the Windows?)

[Sarah Atkinson]

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Sarah Atkinson
Sent: Friday, June 01, 2007 3:59 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] yet another problem between IE and Firefox. (Can
Ithrow IE out the Windows?)


I'm using Project VII's magic menus and they use a lot of divs. I'm
putting 3 of their menus within yet another menu.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


I have found that my problem lies in the PVII tab menu. When I put an
accordion in it the accordion goes whack

http://www.2spoileddogs.com/test2.php



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] css navigation will not go over flash banner

[Melinda Odom]

Hi,

I have put this flash banner up here:
http://www.usprayercenter.org/ministry/events/indexflash.html

The css drop menus example "About Us" will not go over the flash.  I have
published the flash in different window modes after some reading but nothing
is working.  This banner window mode is "Transparent Windowless". "Opaque
Windowless" doesn't work either.

Thanks!

Sincerely,
Melinda Odom
Design Hosting, Inc.
www.designhosting.biz
479-471-0891



No virus found in this outgoing message.
Checked by AVG Free Edition. 
Version: 7.5.472 / Virus Database: 269.8.5/826 - Release Date: 5/31/2007
4:51 PM
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] yet another problem between IE and Firefox. (Can I throw IE out the Windows?)

[Sarah Atkinson]

-Original Message-
 
>You have a severe case of divitis and I fear the only cure is to have a

>look at
>
>Lori



I'm using Project VII's magic menus and they use a lot of divs. I'm
putting 3 of their menus within yet another menu.





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Extra line in LI border

[Skip Evans]

Hey all,

I have the CSS section below to style an AJAX 
powered collapsible menu using an unordered list.

All is great on FireFox and Safari, but on IE6 and 
IE7 there is an extra line below any top level 
menu LI that has children associated with it.

The code builds the whole menu, with the LI child 
items in place, but with a display=none set as 
default, and then changes to display=inline when 
clicked.

But when collapsed the parents show an extra thick 
line on the bottom, but as I said, only on IE6 and 
IE7.

Thanks!
Skip

The code...

.menu ul {
width: 100%;
   margin-left:0;
   padding-left:0;
}

.menu li {
  list-style: none;
  background-color: #9cabc4;
}

.menu li a {
 display: block;
 text-decoration: none;
 border-bottom: 1px solid #66;  
 color: #ff;
  padding-left: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.menu li a.current {
  color: #ed1d25;
  font-weight: bold;
}

.menu a:hover, .menu a.child:hover {
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #66;
  background-color: #455e88;
  color: #ff;
}

.menu li a:visited { color: #ff; }

.menu li a.child { background-color: #bec8d9;
}

.menu li a.home {
  border-top: 1px solid #666;
}

-- 
Skip Evans
Big Sky Penguin, LLC
61 W Broadway
Butte, Montana 59701
406-782-2240
http://bigskypenguin.com
=-=-=-=-=-=-=-=-=-=
Check out PHPenguin, a lightweight and
versatile PHP/MySQL development framework.
http://phpenguin.bigskypenguin.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] yet another problem between IE and Firefox. (Can I throw IE out the Windows?)

[Lori Lay]

Sarah Atkinson wrote:
> OK my links in IE are underlined but in Firefox they are not
> They are not meant to be underlined.
>  
> http://www.2spoileddogs.com/
> (under tab "compare plans") word the bottom of the page
>  
> CSS
> http://www.2spoileddogs.com/css_include.inc.php
>  
> Sarah
>
>   
I don't see any underlined links in IE 6 or 7.  The only thing I see is 
that under IE 7, the grey backgrounds on the menus at the bottom of the 
page don't go all the way across.

Lori
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] float problem. Was: Born again CSS

[Luc]

Good afternoon Sarah,
   
It was foretold that on 1/6/2007 @ 14:41:49 GMT-0400 (which was
15:41:49 where I live) Sarah Atkinson would write:



> Well if it's a 3 column layout then you should have 4 divs

Tnx Sarah ... i'm heading out for the weekend now but i'll give it a
try on monday!

 
-- 
Best regards,
 Luc
_

Powered by The Bat! version 3.99.3 with Windows XP (build 2600),
version 5.1 Service Pack 2 and using the best browser: Opera.

"Priests console each other on the fact they aren't married when they
hear women in confession". - Armand Salacroix. 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] yet another problem between IE and Firefox. (Can I throw IE out the Windows?)

[Sarah Atkinson]

OK my links in IE are underlined but in Firefox they are not
They are not meant to be underlined.
 
http://www.2spoileddogs.com/
(under tab "compare plans") word the bottom of the page
 
CSS
http://www.2spoileddogs.com/css_include.inc.php
 
Sarah
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] float problem. Was: Born again CSS

[Sarah Atkinson]

-Original Message-
From: Luc [mailto:[EMAIL PROTECTED] 
Sent: Friday, June 01, 2007 2:30 PM
To: Sarah Atkinson
Subject: Re: [css-d] float problem. Was: Born again CSS

As  to  your question if i have a mock pic, it's attached hereby. How
 it  should look: left the nav, center the rounded text, right the pic
 and underneath all that the thumbs.

 Basicly it's just a 3 column lay-out 

--

Well if it's a 3 column layout then you should have 4 divs


Float this one left, set to width 33% or so, and add your left stuff



middle stuff
float left
width 33%



big picture
float left
width 33%



thumbnails
bottom stuff
float left
clear both




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Int. Explorer 7 - need help - fixed

[Trish Meyer]

At 3:59 PM +1000 6/1/07, Michael McEwen wrote:
>Maybe you could try explicitly setting the width of the photogallery4
>div element.
>
>div#photogallery4 {
>width:780px;
>}

Thanks Michael,

In my case it was user error (I hope, waiting on confirmation from an 
IE7 user).

In the full CSS there were variations on the #photogallery div.

The default is 3 lines of credits, so I change the ide to 
#photogallery2 or #photogallery4 in case the exhibit needs 2 or 4 
lines for descriptions under images. (Changing just the gallery div 
to a new id automatically makes those photoboxes shorter or taller.)

  But I forgot to actually include these new div id variations in the 
top section where the photogallery is defined. So they were using a 
100% default for width, instead of my 95% width. I guess I must have 
run into the "don't make it full width" problem before, hence the 95%.

if you're curious, my code is now:

div#photogallery, div#photogallery2, div#photogallery4 { /* wraps 
around all photoboxes */
width: 95%;
position: relative;
}

div.photobox { /* default is 3 credit lines in boxes */
float: left;
margin: 5px 15px 5px 0px;
background-color: #FF;
width: 242px;
height: 290px;
border: 0px solid silver;
text-align: center;
padding-bottom: 6px;
  }
div#photogallery2 div.photobox { /* when only 2 lines in boxes */
height: 265px;
}

div#photogallery4 div.photobox { /* when 4 lines in boxes */
height: 300px;
}

best,
Trish


-- 

--
Trish Meyer, Webmaster
VIVA Gallery
The Valley Institute of Visual Arts
http://www.vivagallery.org
Email: [EMAIL PROTECTED]
Mailing List: [EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem between IE 6 and Firefox - at end of my rope.... please help

[Lori Lay]

Michael S. Kirkpatrick wrote:
> I can't figure out why but in IE 6 my spacing looks different (more
> space on LI). I've read (and tried) just about every hack related to
> extra spaces on LI's in IE 6 but all to no avail. Here's my design -
> can someone just point me in the right direction and I'll be happy to
> figure out within the code on my own.
>
> http://www.webjerks.com/
>
>   
Your blk_button images don't seem to be on the server.  Also, as others 
have mentioned, I think you will get better results if you make them 
background images on the anchors or span elements.  That way the 
browsers won't be trying to make space for them and you should be able 
to control the spacing better.  Also, I would remove the absolute 
positioning from the span element and use margins to padding to get it 
into position.  The text is awfully hard to read and your visitors may 
want to bump up the font size to compensate.  Absolute positioning won't 
tolerate that very well.

Lori
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem between IE 6 and Firefox - at end of my rope....please help

[Sarah Atkinson]

First off I don't see your problem. (I'm using IE7)
However I might suggest you don't use .png because I'm getting a weird
png error.
Also you might change the image to a background image for your .
Basically define it in your CSS instead of your links.
Also what are the  tags for?

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Michael S.
Kirkpatrick
Sent: Friday, June 01, 2007 1:23 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] Problem between IE 6 and Firefox - at end of my
ropeplease help

I can't figure out why but in IE 6 my spacing looks different (more
space on LI). I've read (and tried) just about every hack related to
extra spaces on LI's in IE 6 but all to no avail. Here's my design -
can someone just point me in the right direction and I'll be happy to
figure out within the code on my own.

http://www.webjerks.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem between IE 6 and Firefox - at end of my rope.... please help

[Eystein Alnaes]

>
> I can't figure out why but in IE 6 my spacing looks different (more
>
space on LI).
>
> http://www.webjerks.com/


Looks ok here. There's a slight difference, but nothing bad. A couple of
other issues though.
- Why are there images (which don't load anyway) in the list? Would make
more sense to use these in the css.
- And why use an ordered list when you hide the numbering and hardcode it?

Eystein

http://thatnorwegianguy.wordpress.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem between IE 6 and Firefox - at end of my rope.... please help

[Michael S. Kirkpatrick]

I can't figure out why but in IE 6 my spacing looks different (more
space on LI). I've read (and tried) just about every hack related to
extra spaces on LI's in IE 6 but all to no avail. Here's my design -
can someone just point me in the right direction and I'll be happy to
figure out within the code on my own.

http://www.webjerks.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Text that breaks out of veritcal flow

[Dave M G]

CSS-d,

On the following web site, I have a menu written in Japanese:
http://nihongode.jp

The text is a  list, where each  item is constrained to a width 
of 1em. This forces each character to break to the next line, giving the 
appearance of veritcal orientation.

It almost works perfectly. Most of the text obeys the constraint. 
However, some text items, such as punctuation and certain half size 
Japanese characters, break out of the vertical flow and follow a 
left-to-right orientation.

I've included a thin red border around the text to make the problem more 
clear. Even if you don't read Japanese (not expecting you do, or 
assuming you don't), you can easily see that the three dot ellipses 
clearly break towards the right.

Although the site validates, I've only tested it in FireFox, and it 
almost certainly won't work in IE6. So I've provided the following 
screen shot in case what I'm describing shows up differently on other 
people's browsers:
http://nihongode.jp/Screenshot.png

Does anyone know why some characters are exceptional in how they display 
as compared to the other characters in a case like this?

And is there a way I can use CSS to more strictly impose a vertical 
layout on the text?

Thank you for any advice.

-- 
Dave M G
CSSed
Zend Studio 5.5
Photoshop 7 (Wine)
Inkscape, GIMP, Ubuntu 7.04
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] float problem. Was: Born again CSS

[Sarah Atkinson]

DO you have a mock pict of how you want the layers to look? As to what
order and where?
Also checkout
http://csscreator.com/divs-do-not-replace-tables
http://1976design.com/blog/archive/2004/09/07/link-presentation-fitts-la
w/


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Luc
Sent: Friday, June 01, 2007 8:34 AM
To: Css list
Subject: [css-d] float problem. Was: Born again CSS

 Good morning list,

 After over 1 year of not messing with CSS i'm picking up CSS-design
 again and i'm stunned of how much i already forgot. I'm doing a
 mockup at the moment involving floats and they go crazy on me.

 On resizing the viewport the center float jumps down ... is there a
 kind soul out there that can point me in the right direction to get
 the floats sit tight?  Or maybe i'm on the wrong path and need
 absolute positioning?

 page: http://www.dzinelabs.com/projects/MP/Pages/test.html

 sheet: http://www.dzinelabs.com/projects/MP/Styles/Test%20nav.css  
  
 
-- 
Best regards,
 Luc


Powered by The Bat! version 3.99.3 with Windows XP (build 2600),
version 5.1 Service Pack 2 and using the best browser: Opera.

"Until you walk a mile in another man's moccasins, you can't imagine
the smell."


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] tag

[grovesdavid]

Hello,

 to all who replied to this subject, and thank you all for your assistance 
in this matter.

Kind Regards

David G)
- 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] float problem. Was: Born again CSS

[Luc]

 Good morning list,

 After over 1 year of not messing with CSS i'm picking up CSS-design
 again and i'm stunned of how much i already forgot. I'm doing a
 mockup at the moment involving floats and they go crazy on me.

 On resizing the viewport the center float jumps down ... is there a
 kind soul out there that can point me in the right direction to get
 the floats sit tight?  Or maybe i'm on the wrong path and need
 absolute positioning?

 page: http://www.dzinelabs.com/projects/MP/Pages/test.html

 sheet: http://www.dzinelabs.com/projects/MP/Styles/Test%20nav.css  
  
 
-- 
Best regards,
 Luc


Powered by The Bat! version 3.99.3 with Windows XP (build 2600),
version 5.1 Service Pack 2 and using the best browser: Opera.

"Until you walk a mile in another man's moccasins, you can't imagine
the smell."


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Partial FOUC with faux columns in FF and IE7 (SOLVED)

[Barney Carroll]

For those that were interested in this, I can only conclude that it was 
down to an erratic sequence of rendering priorities due to the complex 
factors browsers have to understand with this many nested objects in 
complicated CSS relationships.

In the end I resorted to javascript to reapply height values, so I'm out 
of the stickiness, kind of.


Regards,
Barney
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] tag

[Ian Young]

>
> Hello,
>
> Sorry I thought I had given one:
>
> http://www.linkhomes2000.co.uk/trials/tryagain-index-3.php
>
>
> Regards
>
> David G)
> 

David

Here is mock up of page with left hand column styled with borders instead of
.

http://www.iyesolutions.co.uk/templates/css/linkhomes/tryagain-index-3.php

This is a much easier way than using multiple fieldset.

The rest is left as per your original. If you do use , you must write as
 in XHTML in order to validate.

Looking at the design it would look better if the columns were all the same
height but that is another question.

Cheers

Ian
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.472 / Virus Database: 269.8.4/825 - Release Date: 30/05/2007
15:03

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] tag

[Diego Muñiz]

On 5/31/07, Ian Young <[EMAIL PROTECTED]> wrote:
>
> Subject: Re: [css-d]  tag
> >
> >
> > Diego Muñiz wrote:
> >
> > It's better if you use elements in your markup instead of adding
> > more stuffs
> > > only for "look" purposes, so like Ian said is better if you
> > give a URL to
> > > see the problem.
> >
> > Hello,
> >
> > Sorry I thought I had given one:
> >
> > http://www.linkhomes2000.co.uk/trials/tryagain-index-3.php
> >
> >__
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>

I give 2 links the first is aplying a border, and the second one using a
image for the division:

http://www.punisha.com/test/hr/index.html

http://www.punisha.com/test/hr/index_image.html

Keep code allways as clean as you can trying to avoid using markup
exclusively for presentation.

Diego
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/