date:20080330

Re: [css-d] IE Problem - Menu

2008-03-30 Thread Katherine Coynor

I see.  I hadn't noticed that before.

I think part of the problem might be that you have the display parameter in
the mainlevel-nav class set to "block".  If my understanding of CSS is
correct, "block" ensures that there is a line break before and after the
element.

What I would suggest you do is that you modify that parameter from "block"
to "inline" and that you also remove the class properties from the links and
insert them into the  tags.

I'll start looking at the new problem now.

Kat

On Sun, Mar 30, 2008 at 2:46 AM, Ibrahim Y <[EMAIL PROTECTED]> wrote:

> On IE7 only one menu item appear, on IE6 the items appears in vertical.
> you can check the top menu on FF & IE to see the difference.
>
> *a new problem, *although I use center for the body & the main div#center
> the body is centered.
>
>
> On Sun, Mar 30, 2008 at 8:19 AM, Katherine Coynor <[EMAIL PROTECTED]>
> wrote:
>
> > It looks okay to me.  Could you be a bit more specific about the issues
> > you're having with it?
> >
> > Kat
> >
> > On Sat, Mar 29, 2008 at 5:31 PM, Ibrahim Y <[EMAIL PROTECTED]> wrote:
> >
> > > hello all,
> > >
> > > I have problem with top menu on both IE6&7.
> > > the link: http://www.ndaworld.org/
> > > the css is validated with no errors and look fine on Opera & FF.
> > >
> > >
> > > I'm stuck ... any idea?
> > >
> > > Thanks in advanced,
> > > Ibrahim
> > >
> >
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Problem - Menu

2008-03-30 Thread Katherine Coynor

Okay, with the new problem, you might consider adding a "text-align:center"
parameter to your "table.contentpaneopen" style.

Kat

On Sun, Mar 30, 2008 at 2:46 AM, Ibrahim Y <[EMAIL PROTECTED]> wrote:

> On IE7 only one menu item appear, on IE6 the items appears in vertical.
> you can check the top menu on FF & IE to see the difference.
>
> *a new problem, *although I use center for the body & the main div#center
> the body is centered.
>
>
> On Sun, Mar 30, 2008 at 8:19 AM, Katherine Coynor <[EMAIL PROTECTED]>
> wrote:
>
> > It looks okay to me.  Could you be a bit more specific about the issues
> > you're having with it?
> >
> > Kat
> >
> > On Sat, Mar 29, 2008 at 5:31 PM, Ibrahim Y <[EMAIL PROTECTED]> wrote:
> >
> > > hello all,
> > >
> > > I have problem with top menu on both IE6&7.
> > > the link: http://www.ndaworld.org/
> > > the css is validated with no errors and look fine on Opera & FF.
> > >
> > >
> > > I'm stuck ... any idea?
> > >
> > > Thanks in advanced,
> > > Ibrahim
> > >
> >
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Problem - Menu

2008-03-30 Thread Alan Gresley

Ibrahim Y
> Date: Sat, March 29, 2008 2:31 pm
> To: "CSS Discussion" 
> 
> hello all,
> 
> I have problem with top menu on both IE6&7.
> the link: http://www.ndaworld.org/
> the css is validated with no errors and look fine on Opera & FF.
> 
> 
> I'm stuck ... any idea?
> 
> Thanks in advanced,
> Ibrahim


M.. Debugging really became interesting. It's what you don't notice 
initially that is important.


1. 
2. 
3. 
4. 
5. 


The first image shows a screenshot of IE6 below and IE7 above. What is apparent 
in the beginning in that IE6 and IE8 is screwing with text direction. Notice 
how IE6 shows the scroll bar on the left. I do believed that you need to be 
using the HTML attribute dir [1] a bit more. Your source shows just.

http://www.w3.org/1999/xhtml"; xml:lang="en-gb" lang="en-gb" 
dir="rtl" >


Some CSS.

#whitebox div {
text-align: right;
}

You have many text-aligns to support IE6 bug behavior but wouldn't this be 
better giving IE7 and all other browsers the effect with attributes and . I 
don't quite understand the bugs with IE6 but this browser doesn't support non 
English speaking users who needs to read script from right to left. I would 
recommend these resources.






[1] 

I will keeping checking the bug.


Alan

http://css-class.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Problem - Menu

2008-03-30 Thread Alan Gresley

I wrote:

> the link: http://www.ndaworld.org/

> M.. Debugging really became interesting. It's what you don't notice 
> initially that is important.
> 
> 
> 3. 
> 4. 
> 5. 


I failed to mention the peekaboo bug behavior in IE8?


Alan

http://css-class.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Problem - Menu

2008-03-30 Thread Alan Gresley

Ibrahim Y wrote:

> Katherine Coynor" <[EMAIL PROTECTED]>
> Cc: CSS Discussion 
> 
> On IE7 only one menu item appear, on IE6 the items appears in vertical.
> you can check the top menu on FF & IE to see the difference.
> 
> *a new problem, *although I use center for the body & the main div#center
> the body is centered.

This is where you erring. In IE5, IE6 and IE7 if you use the property 
text-align, though this should only effect inline elements and text nodes, 
these versions of IE will use text-align also on block level elements. You have 
used this bug to structure your page but this is no way to emulate right to 
left text. I would not even bother supporting IE6 is any styling but rather 
serve up IE6 a basic styled page. Lock that browser out completely. Let IE7 and 
all the other good browsers use the more standard approach for right to left 
text.

Here's a demo of the peekaboo bug in IE8.

FYI, I have been trying to debug your page for hours. You are mixing in table 
layout with divs with way to many IDs and classes. This is only needed for IE5, 
IE6 and IE7 anyway. I am trying to locate elements and text. When I save your 
page off-line. I see this.

 ??? ?? ???
?? ??? ?

And when I search your CSS I finding.

div.module_menu ul li a:link, div.module_menu ul li a:visited
div.module_menu div div div
#leftcolumn ul.menu li#current ul li a:hover, #rightcolumn ul.menu li#current 
ul li a:hover

I still can not isolate what selectors I need to look for to find the menu that 
is broken. All this heavy CSS is only needed for IE5, IE6 and IE7 anyway. Since 
the script you use makes as much sense to me as ? I have the added 
complication in debuging since my native language is English. I will keep on 
debugging but can you please tell me what to look for? :-)

BTW, The mission impossible debug sessions I find entertaining. :-)

Alan

http://css-class.com/test/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] text-align

2008-03-30 Thread Stephen Davis

I am new to CSS, and mostly it is a complete mystery to me. I can't get my text 
to align justified in a paragraph box 845 px wide, using text-align:justified;
The page is at
http://www.arithmetic.890m.com

Thanks from steve


  __
Sent from Yahoo! Mail.
A Smarter Inbox http://uk.docs.yahoo.com/nowyoucan.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] text-align

2008-03-30 Thread Philippe Wittenbergh


On Mar 30, 2008, at 11:03 PM, Stephen Davis wrote:
> I am new to CSS, and mostly it is a complete mystery to me. I can't  
> get my text to align justified in a paragraph box 845 px wide, using  
> text-align:justified;
> The page is at
> http://www.arithmetic.890m.com

It is 'text-align:justify', not what you use: 'text-align:justified';


Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Problem - Menu

2008-03-30 Thread Gunlaug Sørtun

Ibrahim Y wrote:
> On IE7 only one menu item appear, on IE6 the items appears in 
> vertical. you can check the top menu on FF & IE to see the 
> difference.

>>> the link: http://www.ndaworld.org/

Focusing only on the problematic horizontal menu.

Firefox 2.x is having serious problems with such a construction, so its
rendering is of no use for comparison. Problems corrected in Fx3b, and
release of Firefox 3 is not all that far away. Worth waiting for, I think.

Run this example...

...through Fx3, Safari 3.1, Opera 9.x, IE6 and IE7, and you'll see a
better line-up of that horizontal menu.

Removed an unnecessary td, and styled the list inline. I didn't bother
hacking Fx2 back in since that version is so broken.

Alan,

look for /* horizontal pill menu */ in 'template.CSS', and the #pillmenu
ul/li.

Also, what are you using to save that page? IE/win (any version) is of
no use.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] :: ie/7 linked img border-bottom ::

2008-03-30 Thread David Laakso

What kills the the image border-bottom (it is adjacent to the top right 
side of the linked images, and is difficult to see)?
Targeting selector is:
*:first-child+html .caption a img  { float:left;  }


-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Problem - Menu

2008-03-30 Thread Alan Gresley

Ibrahim Y wrote:

> hello all,
> 
> I have problem with top menu on both IE6&7.
> the link: http://www.ndaworld.org/
> the css is validated with no errors and look fine on Opera & FF.
> 
> 
> I'm stuck ... any idea?
> 
> Thanks in advanced,
> Ibrahim

Hi Ibrahim, I have threaded your code to pieces and rip out a lot of CSS. 
Slight bugs now in IE6 and IE7 where the sidebar is clearing the content. IE8 
is beginning to look like the good browsers but something is happening which is 
weird. Bidirectional text is broken. There is still peekaboo activity in IE8. 
It's just a initial template. MS can fix there browser.

I have having trouble though since I not use to coding bidirectional text. The 
menus seem to be looking normal in all versions of IE. Please note the below 
and similar in the HTML.

Friday, 28 March 2008 19:27

Can anyone help me understand why the the sidebar is clearing the content in 
IE6 and IE7?

I have butchered the encoding for the title of the page which is showing 
squares (but the tabs are showing the correct script). Jukka can you please 
help me with this (my attempts are in the header area and html element). Would 
I need to use these ISOs [1]?

I will give this a rest now since I have gotten somewhat close.

I can somewhat understand what authors coding in bidirectional text have to 
deal with when coding for IE. I can actually see where half of the web broken 
in IE. :-)

[1] 

Alan.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] :: ie/7 linked img border-bottom ::

2008-03-30 Thread Bruno Fassino

On Sun, Mar 30, 2008 at 5:38 PM, David Laakso wrote:
> What kills the the image border-bottom (it is adjacent to the top right
>  side of the linked images, and is difficult to see)?
>  Targeting selector is:
>  *:first-child+html .caption a img  { float:left;  }
>  

I would try giving them a 10px right margin. Just to IE7 if it's the
only one with the problem:
*:first-child+html .caption a img  { margin-right: 10px;  }
Don't know of this may break something else.

Bruno

-- 
Bruno Fassino http://www.brunildo.org/test
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] :: ie/7 linked img border-bottom ::

2008-03-30 Thread David Laakso

Bruno Fassino wrote:
> On Sun, Mar 30, 2008 at 5:38 PM, David Laakso wrote:
>   
>> What kills the the image border-bottom (it is adjacent to the top right
>>  side of the linked images, and is difficult to see)?
>>  Targeting selector is:
>>  *:first-child+html .caption a img  { float:left;  }
>>  
>> 
>
> I would try giving them a 10px right margin. Just to IE7 if it's the
> only one with the problem:
> *:first-child+html .caption a img  { margin-right: 10px;  }
> Don't know of this may break something else.
>
> Bruno
>
>   




Ah, yes... of course.
I think what happened initially is I tried margin-right, but not in 
combination with float left.
Thanks.

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] :: ie/7 linked img border-bottom ::

2008-03-30 Thread Alan Gresley

Bruno Fassino wrote:

> On Sun, Mar 30, 2008 at 5:38 PM, David Laakso wrote:
> > What kills the the image border-bottom (it is adjacent to the top right
> >  side of the linked images, and is difficult to see)?
> >  Targeting selector is:
> >  *:first-child+html .caption a img  { float:left;  }
> >  
> 
> I would try giving them a 10px right margin. Just to IE7 if it's the
> only one with the problem:
> *:first-child+html .caption a img  { margin-right: 10px;  }
> Don't know of this may break something else.
> 
> Bruno
> 
> -- 
> Bruno Fassino http://www.brunildo.org/test


Hacking is dangerous. Since the xml declaration proceeds the doctype. This hack

*:first-child+html

will target Opera 2.6 and earlier. Plus it is targeting IE8 [1]. May I suggest 
this. :-)

*first-child+html/*/*/ .caption a img { margin-right: 10px; }


[1] 


Alan

http://css-class.com/test/


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] :: ie/7 linked img border-bottom ::

2008-03-30 Thread David Laakso

Alan Gresley wrote:
> Bruno Fassino wrote:
>
>   
>> On Sun, Mar 30, 2008 at 5:38 PM, David Laakso wrote:
>> 
>>> What kills the the image border-bottom (it is adjacent to the top right
>>>  side of the linked images, and is difficult to see)?
>>>  Targeting selector is:
>>>  *:first-child+html .caption a img  { float:left;  }
>>>  
>>>   
>> I would try giving them a 10px right margin. Just to IE7 if it's the
>> only one with the problem:
>> *:first-child+html .caption a img  { margin-right: 10px;  }
>> Don't know of this may break something else.
>>
>> Bruno
>>
>> -- 
>> Bruno Fassino http://www.brunildo.org/test
>> 
>
>
> Hacking is dangerous. Since the xml declaration proceeds the doctype. This 
> hack
>
> *:first-child+html
>
> will target Opera 2.6 and earlier.



The xml declaration was put there on purpose.

Opera/2.6 and earlier are not my problem.




>  Plus it is targeting IE8 [1]. May I suggest this. :-)
>
> *first-child+html/*/*/ .caption a img { margin-right: 10px; }
>   




I'll take care of IE/8 when it arrives.



>
>
>
> Alan
>
>   


~d

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Problem - Menu

2008-03-30 Thread Alan Gresley

Gunlaug Sørtun wrote:

> Alan,
> 
> look for /* horizontal pill menu */ in 'template.CSS', and the #pillmenu
> ul/li.

I eventually found it. :-)

> Also, what are you using to save that page? IE/win (any version) is of
> no use.
> 
> regards
>   Georg
> -- 
> http://www.gunlaug.no

I don't understand the question. Which page? I presume the IE8 bug demo. I save 
the page in NoteTab and uploaded. Did I do something wrong with the meta? The 
traditional doctype reflects the code. I never save anything in IE.

Alan

http://css-class.com/test/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] :: ie/7 linked img border-bottom ::

2008-03-30 Thread Alan Gresley

I wrote:


> *first-child+html/*/*/ .caption a img { margin-right: 10px; }


that should be with the colon.


*:first-child+html/*/*/ .caption a img { margin-right: 10px; }


Alan

http://css-class.com/test/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Floating Divs of Unequal Height

2008-03-30 Thread Charles Stuart

Hi All,

I want to float a number of divs of unequal height, and have it seem
as if there are rows, e.g. the floated divs clear all the way to the
left instead of catching on taller divs, while still having a
percentage width container.

The test case here explains it all:
- http://enure.net/dev/float-unequal-heights/

The only workaround I can think of is to have all the divs be of equal
height, but have the content of the floated divs be of variable
height. However, this workaround can quite easily create a large
vertical space between 'rows'.


best,
Charles
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Floating Divs of Unequal Height

2008-03-30 Thread Phoebe Taylor

(from the peanut gallery)

What will be put into the divs?  Another possible solution might be to
use one long Div and then use  to stack the contents.  You should
be able to set width, backgrounds, borders, margins and padding to
make those look however you wish.



-- 
Words I have learned to spell from CSS-Discussion list - scissors,
tortoise, hover (not hoover)
__
>  css-discuss [EMAIL PROTECTED]
>  http://www.css-discuss.org/mailman/listinfo/css-d
>  List wiki/FAQ -- http://css-discuss.incutio.com/
>  List policies -- http://css-discuss.org/policies.html
>  Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Floating Divs of Unequal Height

2008-03-30 Thread Phoebe Taylor

Started playing with absolute positioning and trying to nudge down
each block with that.

#content .box1 {
position: absolute;
margin-left: 0;
top: 100px;
 }

#content .box2 {
position: absolute;
margin-left: 0;
top: 400px;
 }

#content .box3 {
position: absolute;
margin-left: 0;
top: 700px;
 }

#content .box4 {
position: absolute;
margin-left: 0;
top: 800px;
 }

#content .box5 {
position: absolute;
margin-left: 0;
top: 900px;
 }

#content .box6 {
position: absolute;
margin-left: 0;
top: 1000px;
 }





#content .tall { height: 200px; position: absolute; top: 200px;
margin-left: 0; }
#content .tall2 { height: 200px; position: absolute; margin-left: 0;
top: 500px; }


















As you said, it leaves wide vertical spaces between each div which is
hardly the effect you want.   I am very curious as to what you wish to
do in these divs.

Phoebe
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Floating Divs of Unequal Height

2008-03-30 Thread Bruno Fassino

Charles Stuart wrote:
>
> I want to float a number of divs of unequal height, and have it seem
> as if there are rows, e.g. the floated divs clear all the way to the
> left instead of catching on taller divs, while still having a
> percentage width container.
>
> The test case here explains it all:
> - http://enure.net/dev/float-unequal-heights/


If you could use inline-blocks instead of floats they will have the behavior
that you are looking for. The problem is the support in current browsers:
Firefox 2 doesn't support it (FF3 will), IE needs hacking to 'emulate' it,
...

I have some pages with several hacks to try to get this effect in current
browsers: [1], [2].

[1] http://brunildo.org/test/ImgThumbIBL.html
[2] http://brunildo.org/test/indext1.shtml


Best,
Bruno

--
Bruno Fassino http://www.brunildo.org/test

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Problem - Menu

2008-03-30 Thread Ibrahim Y

Thanks all, I'm really happy now :)

anyway, I fixed the menu on IE6, but still not sure about IE7 coz I didn't
test it on IE7
I commented the old code, you can check the css file.
moreover, firefox need the attribute "float:left" to display it correctly.
I think it's not the correct way to the menu but I have no choice.

I'm still not debugging for IE8, should I ?


FYI, I have been trying to debug your page for hours. You are mixing in
> table layout with divs with way to many IDs and classes. This is only needed
> for IE5, IE6 and IE7 anyway. I am trying to locate elements and text. When I
> save your page off-line. I see this.
>
>  ??? ?? ???
> ?? ??? ?
>
I think you got the  ?? ? ?? ? ?? because your computer doesn't support
Arabic fonts, same issue applied to square things at the title (encoding)

Also, what are you using to save that page? IE/win (any version) is of
> no use.
>
Sorry, I didn't get it.

Thanks All again.

any idea about the page center problem?

Ibrahim

On Sun, Mar 30, 2008 at 7:46 PM, Alan Gresley <[EMAIL PROTECTED]> wrote:

> Gunlaug Sørtun wrote:
>
>
> > Alan,
> >
> > look for /* horizontal pill menu */ in 'template.CSS', and the #pillmenu
> > ul/li.
>
>
> I eventually found it. :-)
>
>
> > Also, what are you using to save that page? IE/win (any version) is of
> > no use.
> >
> > regards
> >   Georg
> > --
> > http://www.gunlaug.no
>
>
> I don't understand the question. Which page? I presume the IE8 bug demo. I
> save the page in NoteTab and uploaded. Did I do something wrong with the
> meta? The traditional doctype reflects the code. I never save anything in
> IE.
>
>
> Alan
>
> http://css-class.com/test/
>
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Footer breaks in IE

2008-03-30 Thread Brian Jones

Hi,

Please help..I'm using a technique i found in the css world to keep
the footer at the bottom of the page. In FF it works fine but in IE it
breaks.
Here's the link and css

http://www.fatusboutique.com/
http://www.fatusboutique.com/css/eb.css

Thanks

-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Padding Issues in List Menu.

2008-03-30 Thread שלומי

Hi there,

I need some help with my layout css settings.
The problem was created due to the language of the text on the page.
I have a list I want to use as a horizontal menu,
since the text is in hebrew, when I try to create spaces between the 
list items,
the padding seems to sum up and push the whole list instead of just the 
list items.

Here is a link to a picture of the layout:
http://www.core-il.net/tapuz/Tapuz.jpg

And here is a link to the html I've created:
http://www.core-il.net/tapuz/StoreTemplate.html

On the same subject, it seems I am having hard time grasping css 
positioning,
if someone could direct me to a simple guide(since I failed to find one 
that would help me grasp the concept),
I would be very grateful.

Thanks in advance,
Shlomi.


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Padding Issues in List Menu.

2008-03-30 Thread David Laakso

>
>
> I have a list I want to use as a horizontal menu,
> since the text is in hebrew, when I try to create spaces between the 
> list items,
> the padding seems to sum up and push the whole list instead of just the 
> list items.
>
>
> http://www.core-il.net/tapuz/Tapuz.jpg
>
>
> http://www.core-il.net/tapuz/StoreTemplate.html
>
>
>
> Shlomi.
>
>
>   


Shlomi,

No guarantee. Done "live" in Firefox "Web Developer Toolbar" thing.  And 
not checked. Backup your CSS file, and try these rulesets with the below 
selectors:
#navlinks {
float:left; width:100%;
background: #187ba5; color: #e9e9e9;

}
   
#navlinks li {float:left;padding: 0.5em 3em;
display: inline;
border-left: 1px solid #e9e9e9;
font-weight: bold;
margin:0;

}
   
#navlinks li a{
color:#e9e9e9;
text-decoration:none;
}
   
#navlinks li.last{
border:0;
}
   
#header {  min-height: 3.5em;
background: #d98c23;
direction:rtl;
}
* html #header {height:3.5em;} /*for ie/6*/
   
#header p { margin: 0;
color:#e9e9e9;
font-style: italic;
font-weight: bold;
padding: 1em 1em 0 0;
}

#movie {clear:both; display:block;
background-color:#ccc;
width:320px;
}

Others on the list may provide a better tested and working version, as 
well as links/resources to CSS positioning resources. Incidentally, the 
list wiki is a good reference for most any problem (see link below).





-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] centering divs within divs / jumping columns

2008-03-30 Thread Stuart King

1. URL: 
http://www.triviumwine.com/continuum_site/pages/wine.html
Problem: the link (vintage/production) - I can't get the hover to change
colors or to position the text down on the page - horizontal to the Contact
menu item in the left column.

2. URL: http://www.triviumwine.com/continuum_site/pages/vision.html
Problem:  
Mac (opera, firefox, safari) - small and positioned to the left instead
of being centered in the content wrapper.
PC ie6: off center in content wrapper and the font is not the designated
font or font color.

Should I be using a  for more stability? What would be the best practice
in this situation?

thank you.

--s

please help.

On Sat, Mar 29, 2008 at 9:51 AM, David Laakso <[EMAIL PROTECTED]>
wrote:

> Stuart King wrote:
>
> > Awesome . . .
> > How would I keep the  at the same bottom position on
> > several pages with different amounts of text?
> >
> > thank you.
> >
> > --s
> >
> >
> >
> >1. URL:
> >http://www.triviumwine.com/continuum_site/pages/vintage.html
> >  2. URL:
> >http://www.triviumwine.com/continuum_site/pages/vision.html
> >
> >
> >
> >
> >#botmenu { border:1px solid fuchsia;
> >  /*top: 319px;delete*/
> >  /*width: 613px;delete*/
> >  text-align: center;
> >  margin: 50px 0 0 0;< :: amend and tweak ::
> >  /*position: absolute;*/
> >  /*left: 191px;delete*/
> >  font-size: 75%;
> >  color: #A88243;
> >  font-family: Verdana, Arial, Helvetica, sans-serif;
> >}
> >
> >
>
> One way is to assign a body id [1] and and adjust the margin-top of the
> above ruleset.
>
> [1] 
>
> PS For a lot of reasons, when you reply: hit reply-all so it goes to the
> list, too.
>
>
>
>
>
>
>
>
>
>
> --
> http://chelseacreekstudio.com/
>
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] centering divs within divs / jumping columns

2008-03-30 Thread David Laakso

Stuart King wrote:
> 1.: 
> http://www.triviumwine.com/continuum_site/pages/wine.html
> 
> 2. http://www.triviumwine.com/continuum_site/pages/vision.html
> 
> --s
>
>   

Remember, not to forget, you've got two CSS files. And pages with 
different markup for the same element.

1/

These must be in this order (lvha) in the CSS, to work (or color, if you 
will) properly:

a:link{ color: red }/* unvisited links */
a:visited { color: blue }   /* visited links   */
a:hover   { color: yellow } /* user hovers */
a:active  { color: lime }   /* active links*/

Your markup on that page reads 
but you have no CSS p.menu.
Add this to the CSS file and tweak the margin top to position it
p.botmenu {margin: 45px 0 0 0;}

2/

In my Mac OS X 10.4.11 the horizontal menu appears to be centered 
horizontally (if that's what you mean) in the content division in the  
Mac browsers you list; and, in same for XP IE/6.0. But then I do not own 
a pixel ruler on either OS, and judge measurement visually. If you seek 
pixel perfection, someone else can help.

If you want to center it, more or less, vertically tweak the margin top 
on this selector:
#botmenu { 
  margin: 20px 0 0 0;
}

If the font is too small adjust:
a:link {
font-size: 80%;
}

Reset the link order as above [1/].

As far as the font is concerned in IE, you get either Verdana or Arial 
(trust me, there ain't gonna be anyone in their right mind running 
around to make sure it is consistent to whether you're rendering Verdana 
or Helvetica on their Mac with whatever they got on their pc).

 From a pragmatic view, you're fine with the bottom nav set as you have it.

If you're into semantics, /perhaps/ it might be set as a horizontal list.

If stability is your bag, you may want to consider /all the  text/, not 
just the horizontal nav, is set on something that is static. 
Consequently, with user discretion, the text shoots out the bottom and 
heads for South America with font-scaling.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Problem - Menu

Re: [css-d] IE Problem - Menu

Re: [css-d] IE Problem - Menu

Re: [css-d] IE Problem - Menu

Re: [css-d] IE Problem - Menu

[css-d] text-align

Re: [css-d] text-align

Re: [css-d] IE Problem - Menu

[css-d] :: ie/7 linked img border-bottom ::

Re: [css-d] IE Problem - Menu

Re: [css-d] :: ie/7 linked img border-bottom ::

Re: [css-d] :: ie/7 linked img border-bottom ::

Re: [css-d] :: ie/7 linked img border-bottom ::

Re: [css-d] :: ie/7 linked img border-bottom ::

Re: [css-d] IE Problem - Menu

Re: [css-d] :: ie/7 linked img border-bottom ::

[css-d] Floating Divs of Unequal Height

Re: [css-d] Floating Divs of Unequal Height

Re: [css-d] Floating Divs of Unequal Height

Re: [css-d] Floating Divs of Unequal Height

Re: [css-d] IE Problem - Menu

[css-d] Footer breaks in IE

[css-d] Padding Issues in List Menu.

Re: [css-d] Padding Issues in List Menu.

Re: [css-d] centering divs within divs / jumping columns

Re: [css-d] centering divs within divs / jumping columns

26 matches

Site Navigation

Mail list logo

Footer information