[css-d] Tables aren't wrapping like images do

[4tune]

Hi,

please advice me any code that will make the tables in this URL 
(http://freenet.am/~mib/Gtest.html)
wrap normally, when resizing browser window, or changing monitor's 
resolution.

It's ok when tables have the same size, but when they don't, it's a problem.

Sorry for poor English. 

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

[css-d] Tables aren't wrapping like images do

[4tune]

Hi,

please advice me any code that will make the tables in this URL 
(http://freenet.am/~mib/Gtest.html)
wrap normally, when resizing browser window, or changing monitor's resolution.

It's ok when tables have the same size, but when they don't, it's a problem.

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

Re: [css-d] Netscape not showing what it should

[Michael Hulse]

Hello,

Not too sure about your problems in NN... you might want to start here:

http://validator.w3.org/check? 
uri=http%3A%2F%2F216.197.219.40%2Fam%2FLESA_ONE_am_7_files%2Ffdeflt.htm

A few screens from the Mac/OSX world:

Safari (I get the same javascript error twice):
http://www.ambiguism.com/CSSD/lesa01.jpg
http://www.ambiguism.com/CSSD/lesa02.jpg

IE 5.2.3 (Took forever - several minutes - to load on high-speed  
cable... I ended-up force-quiting IE and never was able to get past the  
javascript error message):
http://www.ambiguism.com/CSSD/lesa03.jpg

Good luck,
Cheers,
Micky

On Nov 25, 2005, at 10:58 PM, Lizet Pena de Sola wrote:

> Hello all,
> I'm new to the list and glad I found it.
> I recently finished a small interface project  that required the
> customization of windows media player a couple of web pages.
>
> The test url is:
> http://216.197.219.40/am/LESA_ONE_am_7_files/
>
> It works fine with IE6 but fails to load an entire part of the page
> with NN. Any idea as to where the incompatibility is will be more than
> welcome. Thanks in advance!
>
>
> The code of that part (that is missing in NN) is as follows:
>
> Note: I haven't cleaned up the code to show here.
>
> 
>id=SlidesDiv
> align=center valign=middle style="position:relative; top:40px;
> left:-2px;display:none;WMPrerollDisplay:none; z-index:0;">
>height=100% scrolling="no" FRAMEBORDER=0 allowTransparency="true">
> 
>style="visibility:hidden;display:none;">
>   
>
>
> 
>  onClick="javascript:showTab('Speakers');">
> 
> 
> 
> 
> 
> 
> 
> 
> 
> #SlidesOver
> {
>   position:absolute;
>   top:152px;
>   left:378px;
>   HEIGHT: 33px;
>   WIDTH: 75px;
>   background-color:transparent;
>   background-repeat:no-repeat;
>   display:none;
>   WMPrerollDisplay:none;
>   z-index:400;
>   OVERFLOW: hidden;
>   cursor:hand;
> }
> #AgendaOver
> {
>   position:absolute;
>   top:152px;
>   left:465px;
>   HEIGHT: 33px;
>   WIDTH: 75px;
>   background-color:transparent;
>   background-repeat:no-repeat;
>   display:none;
>   WMPrerollDisplay:none;
>   z-index:400;
>   OVERFLOW: hidden;
>   cursor:hand;
> }
> #SpeakersOver
> {
>   position:absolute;
>   top:152px;
>   left:553px;
>   HEIGHT: 33px;
>   WIDTH: 75px;
>   background-color:transparent;
>   background-repeat:no-repeat;
>   display:none;
>   WMPrerollDisplay:none;
>   z-index:400;
>   OVERFLOW: hidden;
>   cursor:hand;
> }
> #MaterialsOver
> {
>   position:absolute;
>   top:152px;
>   left:638px;
>   HEIGHT: 33px;
>   WIDTH: 75px;
>   background-color:transparent;
>   background-repeat:no-repeat;
>   display:none;
>   WMPrerollDisplay:none;
>   z-index:400;
>   OVERFLOW: hidden;
>   cursor:hand;
> }
> #HelpOver
> {
>   position:absolute;
>   top:152px;
>   left:720px;
>   HEIGHT: 33px;
>   WIDTH: 75px;
>   background-color:transparent;
>   background-repeat:no-repeat;
>   display:none;
>   WMPrerollDisplay:none;
>   z-index:400;
>   OVERFLOW: hidden;
>   cursor:hand;
> }
> .SlidesWrapperOn
> {
>   position:absolute;
>   top:152px;
>   left:372px;
>   HEIGHT: 373px;
>   WIDTH: 413px;
>   background-image:url(images/slide-window-on.gif);
>   background-repeat:no-repeat;
>   display:none;
>   WMPrerollDisplay:none;
>   z-index:300;
>   OVERFLOW: hidden;
>   cursor:arrow;   
> }
> .SlidesWrapperOff
> {
>   position:absolute;
>   top:152px;
>   left:372px;
>   HEIGHT: 373px;
>   WIDTH: 413px;
>   background-image:url(images/slide-window-off.gif);
>   background-repeat:no-repeat;
>   display:none;
>   WMPrerollDisplay:none;
>   z-index:0;
>   OVERFLOW: hidden;   
>   cursor:arrow;
> }
> .AgendaOn
> {
>   position:absolute;
>   top:152px;
>   left:374px;
>   HEIGHT: 373px;
>   WIDTH: 415px; background-image:url(images/agenda-window-on.gif);
>   background-repeat:no-repeat;
>   display:none;
>   WMPrerollDisplay:none;
>   POSITION: absolute;
>   OVERFLOW: hidden;
>   z-index:300;
>   cursor:arrow;
>   
> }
> .AgendaOff
> {
>   position:absolute;
>   top:152px;
>   left:374px;
>   HEIGHT: 373px;
>   WIDTH: 413px; background-image:url(images/agenda-window-off.gif);
>   background-repeat:no-repeat;
>   display:none;
>   WMPrerollDisplay:none;
>   POSITION: absolute;
>   OVERFLOW: hidden;
>   z-index:0;
>   
> }
> .SpeakersOn
> {
>   position:absolute;
>   top:152px;
>   left:374px;
>   HEIGHT: 373px;
>   WIDTH: 413px;
>   background-image:url(images/speakers-window-on.gif);
>   background-repeat:no-repeat;
>   display:none;
>   WMPrerollDi

[css-d] Netscape not showing what it should

[Lizet Pena de Sola]

Hello all,
I'm new to the list and glad I found it.
I recently finished a small interface project  that required the
customization of windows media player a couple of web pages.

The test url is:
http://216.197.219.40/am/LESA_ONE_am_7_files/

It works fine with IE6 but fails to load an entire part of the page
with NN. Any idea as to where the incompatibility is will be more than
welcome. Thanks in advance!


The code of that part (that is missing in NN) is as follows:

Note: I haven't cleaned up the code to show here.




















#SlidesOver
{
position:absolute;
top:152px;
left:378px;
HEIGHT: 33px;
WIDTH: 75px;
background-color:transparent;
background-repeat:no-repeat;
display:none;
WMPrerollDisplay:none;
z-index:400;
OVERFLOW: hidden;
cursor:hand;
}
#AgendaOver
{
position:absolute;
top:152px;
left:465px;
HEIGHT: 33px;
WIDTH: 75px;
background-color:transparent;
background-repeat:no-repeat;
display:none;
WMPrerollDisplay:none;
z-index:400;
OVERFLOW: hidden;
cursor:hand;
}
#SpeakersOver
{
position:absolute;
top:152px;
left:553px;
HEIGHT: 33px;
WIDTH: 75px;
background-color:transparent;
background-repeat:no-repeat;
display:none;
WMPrerollDisplay:none;
z-index:400;
OVERFLOW: hidden;
cursor:hand;
}
#MaterialsOver
{
position:absolute;
top:152px;
left:638px;
HEIGHT: 33px;
WIDTH: 75px;
background-color:transparent;
background-repeat:no-repeat;
display:none;
WMPrerollDisplay:none;
z-index:400;
OVERFLOW: hidden;
cursor:hand;
}
#HelpOver
{
position:absolute;
top:152px;
left:720px;
HEIGHT: 33px;
WIDTH: 75px;
background-color:transparent;
background-repeat:no-repeat;
display:none;
WMPrerollDisplay:none;
z-index:400;
OVERFLOW: hidden;
cursor:hand;
}
.SlidesWrapperOn
{
position:absolute;
top:152px;
left:372px;
HEIGHT: 373px;
WIDTH: 413px;
background-image:url(images/slide-window-on.gif);
background-repeat:no-repeat;
display:none;
WMPrerollDisplay:none;
z-index:300;
OVERFLOW: hidden;
cursor:arrow;   
}
.SlidesWrapperOff
{
position:absolute;
top:152px;
left:372px;
HEIGHT: 373px;
WIDTH: 413px;
background-image:url(images/slide-window-off.gif);
background-repeat:no-repeat;
display:none;
WMPrerollDisplay:none;
z-index:0;
OVERFLOW: hidden;   
cursor:arrow;
}
.AgendaOn
{
position:absolute;
top:152px;
left:374px;
HEIGHT: 373px;
WIDTH: 415px; background-image:url(images/agenda-window-on.gif);
background-repeat:no-repeat;
display:none;
WMPrerollDisplay:none;
POSITION: absolute;
OVERFLOW: hidden;
z-index:300;
cursor:arrow;

}
.AgendaOff
{
position:absolute;
top:152px;
left:374px;
HEIGHT: 373px;
WIDTH: 413px; background-image:url(images/agenda-window-off.gif);
background-repeat:no-repeat;
display:none;
WMPrerollDisplay:none;
POSITION: absolute;
OVERFLOW: hidden;
z-index:0;

}
.SpeakersOn
{
position:absolute;
top:152px;
left:374px;
HEIGHT: 373px;
WIDTH: 413px;
background-image:url(images/speakers-window-on.gif);
background-repeat:no-repeat;
display:none;
WMPrerollDisplay:none;
OVERFLOW: hidden;
z-index:300;
cursor:arrow;
}
.SpeakersOff
{
position:absolute;
top:152px;
left:374px;
HEIGHT: 373px;
WIDTH: 413px;
background-image:url(images/speakers-window-off.gif);
background-repeat:no-repeat;
display:none;
WMPrerollDisplay:none;
OVERFLOW: hidden;
z-index:0;  
cursor:hand;
}
.MaterialsOn
{
position:absolute;
top:152px;
left:375px;
HEIGHT: 373px;
WIDTH: 415px;
background-image:url(images/materials-window-on.gif);
background-repeat:no-repeat;
display:none;
WMPrerollDisplay:none;
OVERFLOW: hidden;
z-index:300;
cursor:arrow;

}
.MaterialsOff
{
position:absolute;
top:152px;
left:375px;
HEIGHT: 373px;
WIDTH: 413px;
background-image:url(images/materials-window-off.gif);
background-repeat:no-repeat;
display:none;
   

[css-d] IE6 smothered me with jello!

[curby .]

I'm trying to adjust Mike Purvis's jello layout method to a
left-aligned layout.  Here's what I've done so far:

http://curby.net/doc/jello.html

I want 50px (or some other pixel value) of padding at the left and the
columns to be bound to that gutter.  Everything else should act like
the original jello layout.

While it looks like it's working, there are two strange bits:

1) In firefox, you need to bring the window edge to the right edge of
the content (~750px wide) to get a horizontal scrollbar to show.  This
is all expected and good.

In IE6, you get a scrollbar at around 850px and less.  Those 100 extra
pixels are taken up with 50px of right gutter and 50px of jello.  When
IE is resized to ~750px like firefox, the jello is correctly sized to
670px wide.  The only problem is the scrollbar, caused by something
taking up space to the right.

While writing this up, I accidentally solved the problem by specifying
smaller widths:

https://www.curby.net/doc/jello-iefix.html

... but I don't understand why this works.  Please let me know if you
have any idea.

2) Second thing is that in Firefox/Safari, there is some padding
between the text and the tops/bottoms of the colored boxes.  Any idea
why there is no such space in IE?  I'd rather there be no padding, so
I could add it explicitly with css.

Thanks!

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

Re: [css-d] ff bug::human or otherwise?

[Philippe Wittenbergh]

On 26 Nov 2005, at 12:19 am, David Laakso wrote:

 .

I'm a bit surprised as to what happens,... and I still can't reproduce 
it on my side.

Anyway, in the latest stylesheet, you had deleted the rules about 
display:table on div#header-minor, div#footer-minor, div#header, 
div#footer, but left the display:inline-table.
That last one is recognised by Opera and Safari, but not my Gecko. 
might cause problems and is *not* needed.

On guess as what may be the problem: the images have a size of 100px by 
100px, ** and ** are used multiple times: at the top of the page, in 
the side bar and at the bottom of the page. Maybe this is a cause of 
confusion somewhere for some browsers.

Using the code I suggested earlier (using display:table-cell for the 
thumbs at the top and bottom), and using resized images to 50px by 50px 
for the thumbs on top and bottom, I posted a testpage:

IE (m and w) gets the old rules (float:left;}, as they don't understand 
display:table-cell.



Can you, or anyone, still reproduce the problems ?
It works fine on OS X browsers (Opera 7.5, 8.5, Safari 1.3, Firefox 
1.07, 1.5, 1.6a1, iCab 3.0, IE mac)

I haven't tested IE W.

Philippe
---
Philippe Wittenbergh


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

Re: [css-d] lateral page shift in opera

[Gunlaug Sørtun]

Mark Batty wrote:
> Don't think I can do anything other than inform visitors of Opera 
> preferences.

Opera users rarely need to be told how their browser works :-)

If that shift is too disturbing at your end, then try:

html {height: 100%; overflow-y: scroll;}
body {min-height: 100%; padding: 1px;}

...that should cover some browsers. Adjust padding as needed.

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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Stretch unknown number of links to fill certain width

[Mike Marrone]

Hi,
I am just beginning to delve more into CSS, and was wondering if this would 
be possible.
I have an unknown number of links that I would like to have fill the entire 
width of a menu bar at the top of the page.
For example, my page width is 800px. If I had 8 links, I would like each 
link to have a block display setting, and a width of 100px. But, not knowing 
how many links there will be beforehand, is there a way I can structure my 
CSS so that no matter what number, they will stretch or shrink to fill the 
entire 800px evenly?

Thanks in advance
Mike M


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

Re: [css-d] Centering problem

[Kevin Wimmer]

Firefox honors the max-width rule on #mainContent, IE does not. Currently, IE 
does not support the min-width or max-width attributes. However, it is possible 
to "fake" the max-width rule using IE's support for expressions.

Kevin Wimmer
Development Manager
LogicEase Solutions Inc.
ComplianceEase Division

One Bay Plaza Suite LL33
1350 Old Bayshore Highway
Burlingame, CA 94010

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of David Dorward
Sent: Friday, November 25, 2005 2:41 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] Centering problem


On 25/11/05, Maarten Reynders <[EMAIL PROTECTED]> wrote:

> I used the horizontal align code I found in previous posts of this list. My 
> site now is perfectly centered in Mozilla Firefox, but in Internet Explorer 
> it sticks to the left.

http://dorward.me.uk/www/centre/#ie

--
David Dorward 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] lateral page shift in opera

[Mark Batty]

[CUT]
> html:
http://public.softectra.com/dev/lang/markup/css/cssd/251105_1/index.html
> css:
http://public.softectra.com/dev/lang/markup/css/cssd/251105_1/css/good_brows
ers.css
> ie:
http://public.softectra.com/dev/lang/markup/css/cssd/251105_1/css/ie_fix.css

Still can't get a fix for opera but I can turn off scroll bars in Opera
preferences using info found here
http://www.communitymx.com/content/article.cfm?cid=528A0

Don't think I can do anything other than inform visitors of Opera
preferences.

Would anyone be able to check for page shift in IE/Mac, Safari, Unix?

Cheers.

Mark.






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

Re: [css-d] Aligning text in same line

[David Dorward]

On 25/11/05, Chris Akins <[EMAIL PROTECTED]> wrote:
> Overall, just a shorter, more bandwidth-friendly way of writing the
> code.  I know it seems tiny, but in the course of a whole CSS document
> multiplied by the pages in your site multiplied by the times each page
> is served up

The joy of CSS in an external file is that is can be cached - so a
user only has to download it once, no matter how many pages on the
site they visit.

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

Re: [css-d] Layout question: Flexible, fixed, flexible column layout [SOLVED?]

[Christian Montoya]

I'm going to say it's solved. Check it out:
>
> http://space.rdpdesign.com/poster.html
>

Requires hacking 49% on the right div for IE, of course.

--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Class

[Gunlaug Sørtun]

Stephen Kortz wrote:
> I am a bit confused about: style. Take the following statement:   style="margin-top; 200px"> From my reading, I understand that this 
> html element, "style" has been deprecated. Is this true or have I 
> misinterpreted the information?

Inline styles are not deprecated, but should be avoided since we usually
want to keep styles separated from source-code/content.
Note that inline style has the highest specificity there is, and can in
very rare cases "save the day".

> Second, how would I go about replacing this html version of "style" 
> into a proper CSS rule to use in my document?

 From your example:

body {
margin-top: 200px;
}
...should be it.
(oh, and your example wouldn't work at all, since there is an ';'
instead of an ':' in there.)

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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Centering problem

[David Dorward]

On 25/11/05, Maarten Reynders <[EMAIL PROTECTED]> wrote:

> I used the horizontal align code I found in previous posts of this list. My 
> site now is perfectly centered in Mozilla Firefox, but in Internet Explorer 
> it sticks to the left.

http://dorward.me.uk/www/centre/#ie

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

Re: [css-d] Class

[David Dorward]

On 25/11/05, Stephen Kortz <[EMAIL PROTECTED]> wrote:
> I am a bit confused about: style. Take the following statement:  style="margin-top; 200px"> From my reading, I understand that this html
> element, "style" has been deprecated. Is this true or have I misinterpreted
> the information?

It isn't true, although it is considered bad practise (and missing the
point of CSS) to use it.

> Second, how would I go about replacing this html version of "style" into a
> proper CSS rule to use in my document?

Start with braces.

{ }

Put your property/value pairs between them

{
  margin-top: 200px;
}

Add a selector that matches the element

* {
  margin-top: 200px;
}

... although that is probably going to match a lot of things you don't
want so maybe

body {
  margin-top: 200px;
}

would be better.

Now see http://css.maxdesign.com.au/selectutorial/

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

Re: [css-d] Layout question: Flexible, fixed, flexible column layout

[Christian Montoya]

Mark, I see how the left and right columns aren't behaving. Not sure
why margins are such a joke with absolutely positioned divs. I'm going
to try something else with floats, but for now, here's what I have:

http://space.rdpdesign.com/poster.html

Definitely not solving your problem. Back to the drawing board I guess.

--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Class

[Stephen Kortz]

I am a bit confused about: style. Take the following statement:  From my reading, I understand that this html
element, "style" has been deprecated. Is this true or have I misinterpreted
the information?

Second, how would I go about replacing this html version of "style" into a
proper CSS rule to use in my document?

Hope I have made myself clear explaining my confusion!

Thanks for the help.

Stephen Kortz


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

Re: [css-d] Text decoration help

[Holly Bergevin]

From: "Angus at InfoForce Services" 

>In my style sheet, I have:
>
>em {
>font-weight: 900;
>text-decoration: underline;
>}
>
>And the text between the  appears as bold italic and not bold 
>underline. Anyone now why?

Angus, 

For most browsers, italic text is what you get by default when you use the < em 
> element. If you do not want italic text, you'll need to add - font-style: 
normal; - to your declarations. 

font-weight: 900; - means that the browser should make the font as bold as 
possible. I assume this is what you want. 

As for why the text-decoration isn't showing up, I can only guess without links 
to the page and CSS, but I'm thinking that something more specific in your 
style sheet says - text-decoration: none; - and overrides your simple selector 
for the em element.

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

Re: [css-d] Layout question: Flexible, fixed, flexible column layout

[Christian Montoya]

On 11/25/05, Mark Fredrickson <[EMAIL PROTECTED]> wrote:
> Christian,
>
> Thanks for the help.
>
> This is close but not exactly what I need.
>
> In the left column there needs to be an image that matches up against the
> left side of the main content. This image is not necessary, but should exist
> for users with larger screens.
>
> For the right column, it is the same thing, just reversed.
>
> This method properly centers the middle column, but I am having a devil of
> time getting the left and right columns to behave properly.
>
> Is this something CSS can even do, or am I asking too much of the box-model?
>
> Mark Fredrickson
>

Mark, like I said, you just need to salt to taste. In the left column,
float that image right so that it will meet up with the left of the
middle column. In the right column, float the image left to get the
same effect. If that doesn't work send me an example page or something
and I can see what needs fixing.

--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Text decoration help

[Mike Dougherty]

em is a tag that semantically implies emphasis

If your CSS does not get applied, the default rendering of the em tag should 
still provide 
emphasis, while the p tag with a class does not have the same implicit meaning.

font-style controls italics
text-decoration controls underline

does this work?:
em { font-weight: 900; font-style: normal; text-decoration: underline; }


On Fri, 25 Nov 2005 13:57:04 -0800
  Jim Davis <[EMAIL PROTECTED]> wrote:
> Angus,
> 
> Try CSS something like..
> 
> .shout-it { font-weight: 900; text-decoration: underline; }
> 
> Then html like:
> 
> This is bold underline
> 
> Using em as a class or id name is probably a bad idea.
> 
> Jim
> 
> On 11/25/05, Angus at InfoForce Services <[EMAIL PROTECTED]>
> wrote:
>>
>> In my style sheet, I have:
>>
>> em {
>> font-weight: 900;
>> text-decoration: underline;
>> }
>>
>> And the text between the  appears as bold italic and not bold
>> underline. Anyone now why?
>>
>>
>>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> 
> 
> 
> __
> This message was scanned by ATX
> 4:57:49 PM ET - 11/25/2005

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

Re: [css-d] Text decoration help

[Donna Casey]

> Using em as a class or id name is probably a bad idea.

the person isn't using as a class name, but rather, redefining the em 
appearance so that when they use my text here, it uses the 
properties given.

em {
  font-weight: 900;
  text-decoration: underline;
  }

but that says nothing about why their text is appearing bold italic 
instead of bold underline...

my guess is that A) you've somewhere set up text-decoration:none (is 
your text a link?) and B) em appears italic by default - to void that, 
you must set some other value for the font-style, as in

font-style: normal;

HTH, but for more specifics, you'd need to provide a link to the page.

Donna


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

Re: [css-d] FF & IE margins and padding?

[zombie [iNH]]

On Fri, 25 Nov 2005 19:48:42 +0100, Gunlaug Sørtun wrote:

>zombie [iNH] wrote:
>> The URL is: http://bross.hr/test2/alp/

>> (try to open it in IE and FF and see the difference)
>> 
>> Ok, so I have a main DIV and inside some DIVs, using background 
>> pictures for graphics which should be perfectly aligned. I have put 
>> margin and padding 0. If the div is empty, it stays aligned, but if I
>>  put some text in, it develops a margin? So the background is not 
>> aligned any more. :/ In IE 5 & 6 it looks ok. If I put another DIV 
>> aorund the content with padding:1px it looks better, FF & IE6 render 
>> the same, but IE5 just ignores it :/

>Don't have time to debug, but I hink it is the usual suspect: Collapsing
>margins[1]...

>A 'padding-top: 1px' on the div-container with paragraph(s) in it should
>do the trick if that's the case, as it is the margin on the paragraph
>that creates the gap between the divs. Setting the top margin on the
>paragraph to zero will of course also work, but that's not always what
>we want for the rest of a page.

>The reason IE/win doesn't play ball - look ok - is probably because it
>has its 'hasLayout'[2] bug/feature triggered by a dimension on the div.

Well, the padding:1px helps, but IE5/win doesnt play ball. :/
But IE6/win looks same as FF, what gives?
How would I go about giving IE5 different css?
I know i can hide stuff from FF/Opera, but how to hide it from IE6/win so just 
IE5 would see it?







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

Re: [css-d] Layout question: Flexible, fixed, flexible column layout

[Mark Fredrickson]

Christian,

Thanks for the help.

This is close but not exactly what I need.

In the left column there needs to be an image that matches up against the
left side of the main content. This image is not necessary, but should exist
for users with larger screens.

For the right column, it is the same thing, just reversed.

This method properly centers the middle column, but I am having a devil of
time getting the left and right columns to behave properly.

Is this something CSS can even do, or am I asking too much of the box-model?

Mark Fredrickson

> 
> I think this would do it:
> 
> content
> 
> left
> 
> right
> 
> #one {
> width:600px;
> margin: 0 auto;
> }
> 
> #two {
> width:50%;
> position:absolute;
> top:0; left:0;
> margin-right:-300px;
> }
> 
> #three {
> width:50%;
> position:absolute;
> top:0; right:0;
> margin-left:-300px;
> }
> 
> salt to taste.
> 
> --
> --
> Christian Montoya
> christianmontoya.com ... rdpdesign.com ... cssliquid.com

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

Re: [css-d] Text decoration help

[Jim Davis]

Angus,

Try CSS something like..

.shout-it { font-weight: 900; text-decoration: underline; }

Then html like:

This is bold underline

Using em as a class or id name is probably a bad idea.

Jim

On 11/25/05, Angus at InfoForce Services <[EMAIL PROTECTED]>
wrote:
>
> In my style sheet, I have:
>
> em {
> font-weight: 900;
> text-decoration: underline;
> }
>
> And the text between the  appears as bold italic and not bold
> underline. Anyone now why?
>
>
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Text decoration help

[Angus at InfoForce Services]

In my style sheet, I have:

em {
font-weight: 900;
text-decoration: underline;
}

And the text between the  appears as bold italic and not bold 
underline. Anyone now why?

Angus MacKinnon
MacKinnon Crest Saying
Latin -  Audentes Fortuna Juvat
English - Fortune Assists The Daring
Web page http://www.infoforce-services.com
Choroideremia Research Foundation Inc. 2nd Vice president
http://www.choroideremia.org

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

Re: [css-d] Layout question: Flexible, fixed, flexible column layout

[Christian Montoya]

On 11/25/05, Mark Fredrickson <[EMAIL PROTECTED]> wrote:
> Hello CSS Gurus,
>
> I am probably asking questions that have been asked many times before, but I
> couldn't find an answer via google or the archives...
>
> I am setting up a static page for a concert that will be happening soon. I
> am only planning on having one page, so the design can be pretty tightly
> tied to the poster we are publishing.
>
> The poster has white edges, with a solid color "column in the middle".  I'm
> trying, without luck to create a design that has a variable width column
> [left], a fixed width column [content], and another variable width column
> [right].

I think this would do it:

content

left

right

#one {
width:600px;
margin: 0 auto;
}

#two {
width:50%;
position:absolute;
top:0; left:0;
margin-right:-300px;
}

#three {
width:50%;
position:absolute;
top:0; right:0;
margin-left:-300px;
}

salt to taste.

--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Layout question: Flexible, fixed, flexible column layout

[Mark Fredrickson]

Hello CSS Gurus,

I am probably asking questions that have been asked many times before, but I
couldn't find an answer via google or the archives...

I am setting up a static page for a concert that will be happening soon. I
am only planning on having one page, so the design can be pretty tightly
tied to the poster we are publishing.

The poster has white edges, with a solid color "column in the middle".  I'm
trying, without luck to create a design that has a variable width column
[left], a fixed width column [content], and another variable width column
[right].

I want the left and right columns to shrink down to 0 width, while the fixed
width column stays the centered in the screen.

Floats won't work, because I do not want the columns to wrap if the screen
gets to small. Absolute positioning hasn't worked with the centered column.

Any thoughts?

If you'd like a visual representation, send me a message off-list and I'll
pass along our designer's poster.

Thanks in advance,

Mark Fredrickson
E-Advocacy Manager
Planned Parenthood Minnesota, North Dakota, South Dakota
1200 Lagoon Ave.
Minneapolis, MN 55408
Ph: 612.821.6154
Fax: 612.825.3522
Email: [EMAIL PROTECTED]

Are you a member of the Action Network?
http://www.ppaction.org/ppmsd/join.tcl
 


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

Re: [css-d] total centering

[Christian Montoya]

On 11/25/05, Rick Faircloth <[EMAIL PROTECTED]> wrote:
>
> Hi, Rahul...and thanks for the reply...
>
> > Google for "faux-columns". That's probably what Phil is trying to
> > achieve.
>
> I would have thought the same thing, but he's got the background
> attribute set to "transparent"... wouldn't that mean it wouldn't be visible,
> and therefore not useful as a visual colum display?  (Even though the gif
> is called "column_background.gif"...hmmm...
>
> > >background: transparent url(/images/interface/column_background.gif)
> > >24px 0 repeat-y;
>
> Rick
>

Don't let CSS shorthand confuse you. Transparent means there is no
background-color, but there is still a background-image. This is the
full shorthand being used:

background: [color] [image] [position] [repeat];

And it really is being used as some sort of faux column.

--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] FF & IE margins and padding?

[Gunlaug Sørtun]

zombie [iNH] wrote:
> The URL is: http://bross.hr/test2/alp/

> (try to open it in IE and FF and see the difference)
> 
> Ok, so I have a main DIV and inside some DIVs, using background 
> pictures for graphics which should be perfectly aligned. I have put 
> margin and padding 0. If the div is empty, it stays aligned, but if I
>  put some text in, it develops a margin? So the background is not 
> aligned any more. :/ In IE 5 & 6 it looks ok. If I put another DIV 
> aorund the content with padding:1px it looks better, FF & IE6 render 
> the same, but IE5 just ignores it :/

Don't have time to debug, but I hink it is the usual suspect: Collapsing
margins[1]...

A 'padding-top: 1px' on the div-container with paragraph(s) in it should
do the trick if that's the case, as it is the margin on the paragraph
that creates the gap between the divs. Setting the top margin on the
paragraph to zero will of course also work, but that's not always what
we want for the rest of a page.

The reason IE/win doesn't play ball - look ok - is probably because it
has its 'hasLayout'[2] bug/feature triggered by a dimension on the div.

regards
Georg

[1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins
[2]http://www.satzansatz.de/cssd/onhavinglayout.html
-- 
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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] (no subject)

[Kenoli Oleari]

I does OK with IE 5.5 zoom on the Mac.  There is an overlap in type  
at 120% but that goes away at 150%.

I'd call it acceptable.

Message: 8
Date: Fri, 25 Nov 2005 08:22:39 -0500
From: David Laakso <[EMAIL PROTECTED]>
Subject: Re: [css-d] ff bug::human or otherwise?
To: Ingo Chao <[EMAIL PROTECTED]>
Cc: CSS List 
Message-ID: <[EMAIL PROTECTED]>
Content-Type: text/plain; charset=ISO-8859-1; format=flowed

Ingo Chao wrote:


> David Laakso wrote:
>
>
>
>> I have had (another) a report that the thumbnails are lining up
>> vertically rather than horizontally on this turkey
>> .
>> ~dL.
>>
>>
> Me again with bad news. Today I could reproduce it with FF1.0.7 (fresh
> install, new profile) and FF1.5RC3 WinXPSP2
> http://www.dlaakso.com/blog/wordpress/?p=20
> http://www.dlaakso.com/blog/wordpress/?p=3#comments
>
> the thumbs below the comments section flip from one row to two rows  
> and
> vice versa on reload/refresh (depending on your cache settings, maybe
> clearing cache with cntrl+shift+del).
>
> See:  http://www.satzansatz.de/dl/dl1.jpg
>
> hmm. Is there life out there?
>
> Ingo
>
>
>
>
I will try re-coding it. Not sure what that will do for mac/ie5.2 on
zoom(Leonardo was getting clipped). And at this point, I am beginning to
wonder if I care what happens as we travel forward or back through time
and space to a world completely different from our own. It could be
worse. Or could it?
Thank you, Ingo.
David


Kenoli Oleari
Neighborhood Assemblies Network
[EMAIL PROTECTED]
510-601-8217
http://www.horizonsofchange.com
http://www.sfnan.org


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

[css-d] (no subject)

[Kenoli Oleari]

The line up horizontally and identically in Safari 2.o2 and Firefox  
1.5 (beta) on the Macintosh.

Message: 1
Date: Fri, 25 Nov 2005 06:24:47 -0500
From: David Laakso <[EMAIL PROTECTED]>
Subject: [css-d] ff bug::human or otherwise?
To: CSS List 
Message-ID: <[EMAIL PROTECTED]>
Content-Type: text/plain; charset=ISO-8859-1; format=flowed

I have had (another) a report that the thumbnails are lining up
vertically rather than horizontally on this turkey
.
The person who wrote did not specify the os/browser. And has not
answered my request for same. I suspect it is FF1.0.7. It is rendering
correctly on this end in xp_sp2 ff1.5rc3, and same in browsercam.
Confirmation and/or fix :-P (or new life on another planet) gratefully
appreciated.
Best,
~dL.

-- 
David Laakso
http://www.dlaakso.com


Kenoli Oleari
Neighborhood Assemblies Network
[EMAIL PROTECTED]
510-601-8217
http://www.horizonsofchange.com
http://www.sfnan.org


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

[css-d] FF & IE margins and padding?

[zombie [iNH]]

Hi!
I have a problem with DIV's, which I just dont understand.

The URL is: http://bross.hr/test2/alp/
(ignore the ugly colors and stuff, they're just placeholders for the final 
graphics :)
(there should be no magenta creeping in the main div)
(try to open it in IE and FF and see the difference)

Ok, so I have a main DIV and inside some DIVs, using background pictures for 
graphics which should be perfectly aligned.
I have put margin and padding 0. If the div is empty, it stays aligned, but if 
I put some text in, it develops a margin?
So the background is not aligned any more. :/
In IE 5 & 6 it looks ok.
If I put another DIV aorund the content with padding:1px it looks better, FF & 
IE6 render the same, but IE5 just ignores it :/

Had that problem before, but I kind fixed it to look the same in FF & IE6, but 
Dunno what I'm doing wrong. Could you please look at the CCS and help me?

TIA!








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

Re: [css-d] Aligning text in same line

[Chris Akins]

On a completely different topic, but regarding your CSS:

Anytime you have "0" as a numerical value in your rules you don't need
units of anykind.  Only when you have something other than "0" do you
need to specify px, em, %, etc.

Also, you can use the value stated once when all numbers are equal as below.

For instance: {margin: 0; padding: 0;}

Also, if top/bottom and right/left pairs are the same number you can do this:

{margin: 5px 3px; padding: 1px 4px;}

In the above case, the first number is for top/bottom, and the second
for right/left.

Overall, just a shorter, more bandwidth-friendly way of writing the
code.  I know it seems tiny, but in the course of a whole CSS document
multiplied by the pages in your site multiplied by the times each page
is served up . . .  it can mean quicker page loading and better use of
the bandwidth you pay for.

Hope that helps some.  I'm still learning the CSS stuff myself :-)

Chris

> CSS:
>
> body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Centering problem

[Rimantas Liubertas]

2005/11/25, Maarten Reynders <[EMAIL PROTECTED]>:
> Hi,
>
> I used the horizontal align code I found in previous posts of this list. My 
> site now is perfectly centered in Mozilla Firefox, but in Internet Explorer 
> it sticks to the left.
<...>
> Can anyone help me out?

margin: auto forks in IE6 only if browser is in "standards" mode.
Anything that comes
before DOCTYPE in the source will triger "quirks" mode. In your source
there is entire
script sitting atop DOCTYPE...

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

Re: [css-d] Top Level Images help in Son of Suckerfish needed

[cFA]

Thanks Parker, thats getting closer,

its really borked in IE6 tho on my xp sp1 machine, (really bad flicker and
redraw issues)

 it works better in IE5x,  works great on the mac side...(FF and Safari)




On 11/25/05, Parker Torrence <[EMAIL PROTECTED]> wrote:
>
> You might find this helpful
> http://webdesign.parkertorrence.com/sandbox/zenfulfrog.htm
> the code can be viewed from view source.
>
> -parker
>
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Centering problem

[Al Sparber]

From: "Maarten Reynders" <[EMAIL PROTECTED]>
To: 
Sent: Friday, November 25, 2005 11:57 AM
Subject: [css-d] Centering problem


> Hi,
>
> I used the horizontal align code I found in previous posts of this 
> list. My site now is perfectly centered in Mozilla Firefox, but in 
> Internet Explorer it sticks to the left.
> Site can be found at: http://www.auberge-lebonvivant.be/index.php
> CSS can be found at: 
> http://www.auberge-lebonvivant.be/design/css/style.css

Move the script that comes before your DOCTYPE down into the head 
section. If there is anything preceeding the DOCTYPE, IE6 will go into 
quirks mode and use the IE5 box model.

Al Sparber
PVII
http://www.projectseven.com

"Designing with CSS is sometimes like barreling down a crumbling 
mountain road at 90 miles per hour secure in the knowledge that 
repairs are scheduled for next Tuesday".


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

[css-d] The best float clearing method ?

[Kyoshu]

Hi everyone !

I have a newbie question for my first post here with you guys.

before starting a new website, am naturally lookin for the best css 
stuff, I think i've found the ultimate layout for what i want with the 
"true layout", but i saw some different stuff concerning the clearing 
float method.

am lookin for a method that can clear everything div, p, headers..etc. I 
think the most appropriate one could be 
http://www.positioniseverything.net/easyclearing.html originaly from 
Tony Asslet but i saw the overflow trick recently.

Which one is the best regarding to cross browser and objects cleared ?

Thkx u so much and sorry for my english, yeah i know it's bad



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

[css-d] Centering problem

[Maarten Reynders]

Hi,

I used the horizontal align code I found in previous posts of this list. My 
site now is perfectly centered in Mozilla Firefox, but in Internet Explorer it 
sticks to the left.
Site can be found at: http://www.auberge-lebonvivant.be/index.php
CSS can be found at: http://www.auberge-lebonvivant.be/design/css/style.css

Can anyone help me out?

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

Re: [css-d] Top Level Images help in Son of Suckerfish needed

[Parker Torrence]

You might find this helpful
http://webdesign.parkertorrence.com/sandbox/zenfulfrog.htm
the code can be viewed from view source.

-parker



Message: 14
> Date: Thu, 24 Nov 2005 22:48:20 -0500
> From: cFA <[EMAIL PROTECTED]>
> Subject: [css-d] Top Level Images help in Son of Suckerfish needed
> To: CSS-discuss 
> Message-ID:
> <[EMAIL PROTECTED]>
> Content-Type: text/plain; charset=ISO-8859-1
>
> Hey everyone, I was goin good with my son of suckerfish until the client
> wanted images in the top level. Here is a test page of the code im working
> on, its really starting to get over my head now and I could use some help
> in
> a major way if someone can spot how to fix it.
> its gotta be IE5+ compat. (which it was just peachy prior to the images)
> Ive
> been using this image replacement nav for a few years now and its pretty
> much bullet proof, so I decided I would incorporate it into the suckerfish
> code.
>
> http://aenonfiredesign.com/test/sucker/
>
> css:
>
> http://aenonfiredesign.com/test/sucker/nav.css
>
> thanks a ton, my brains a bit scrambled
>
> -clint
>
> --
> iron sharpens iron


--
Parker Torrence
FrogLace WebDesign
http://webdesign.parkertorrence.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] total centering

[Rick Faircloth]

Hi, Rahul...and thanks for the reply...

> Google for "faux-columns". That's probably what Phil is trying to
> achieve.

I would have thought the same thing, but he's got the background
attribute set to "transparent"... wouldn't that mean it wouldn't be visible,
and therefore not useful as a visual colum display?  (Even though the gif
is called "column_background.gif"...hmmm...

> >background: transparent url(/images/interface/column_background.gif)
> >24px 0 repeat-y;

Rick


> -Original Message-
> From: Rahul Gonsalves [mailto:[EMAIL PROTECTED]
> Sent: Friday, November 25, 2005 10:38 AM
> To: [EMAIL PROTECTED]
> Subject: Re: [css-d] total centering
>
>
> Rick Faircloth wrote:
>
> >Hi, Phil...
> >
> >What's the purpose of this part of your container attributes?
> >
> >background: transparent url(/images/interface/column_background.gif)
> >24px 0 repeat-y;
> >
> >Thanks,
> >
> >Rick
> >
> Hi Rick:
>
> Google for "faux-columns". That's probably what Phil is trying to
> achieve. It's a simple gif, tiled vertically to simulate the appearance
> of two/three equal height columns, which expand to fit text dynamically.
> A List Apart has a good article on it.
>
> Also, search on this site - hicksdesign.co.uk, for the definitive way to
> vertically center a webpage. It's called (off top of head) "Vertical
> Centering II - Now Even Better " or somesuch.
>
> Google's your friend...
>
>
> Regards,
> Rahul.
>
>
> --
>
> . . . . . . . . . . . . . . . . . . . . . . . .
> Rahul Gonsalves
> Make PNG, not War.
> . . . . . . . . . . . . . . . . . . . . . . . .
>


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

Re: [css-d] Top Level Images help in Son of Suckerfish needed

[cFA]

Thanks everyone, and yeah mat it does look like we are trying to get to the
same place, hopefully it will be easier together, I'm still havin a problem
with how to have a hover state on the top level images, rebecca seems to be
close.

-clint


On 11/25/05, mat <[EMAIL PROTECTED]> wrote:
>
>
> I think you're all trying to do the same thing:
>
> http://homepage.ntlworld.com/graham.reeds/space/
>
> *http://rebecca.thedevserver.com/PF06/
>
> http://aenonfiredesign.com/test/sucker/
>
>
>
>
>
> *
>
>


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

Re: [css-d] ff bug::human or otherwise?

[Rahul Gonsalves]

David:

David Laakso wrote:

>Thanks Philippe.
>Changes made as noted above.
>Both the top and bottom rows of thumbs are horizontal(as intended) on my 
>end.
>xp::i e6/ moz1.7.12/ ff1.5rc3/ opera9pre/ and debian v3.9ff.
>Anyone still seeing the thumbs at the top or bottom of the page lined up 
>vertically /or/ on two rows instead of one row?
>  
>
You're not going to like me too much. Am still seeing thumbs vertically 
in FF, slightly different from before.  Cleared cache, several times, 
cleared all session cookies, and whatnot, reloaded multiple times. 
Disabled all extensions, cleared all my "private data" and then loaded 
your page again. Was still able to reproduce the error. FF version as 
before. Screenshots attached as usual [1], and the bottom [2]. Opera is 
being nice to your page now though. :-)

Perhaps it's something to do with my machine though. I'm pretty sure 
it's not, but maybe somebody else could check on their RC3?

>Thanks,
>David
>
Rahul.


[1] http://www.flickr.com/photos/[EMAIL PROTECTED]/66793611/
[2] http://www.flickr.com/photos/[EMAIL PROTECTED]/66793743/

-- 

. . . . . . . . . . . . . . . . . . . . . . . .
Rahul Gonsalves
Make PNG, not War.
. . . . . . . . . . . . . . . . . . . . . . . .

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

Re: [css-d] ff bug::human or otherwise?

[David Laakso]

Rahul Gonsalves wrote:

> Dear David:
> David Laakso wrote:
>
>>
> Opera [3] woes here [4]. I don't know whether you're looking at it 
> right now or not.
>
>> It is rendering correctly on this end in xp_sp2 ff1.5rc3, and same in 
>> browsercam. Confirmation and/or fix :-P (or new life on another 
>> planet) gratefully appreciated.
>> Best,
>> ~dL.
>>
> Warmly,
> Rahul.
>
> [1] Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8) 
> Gecko/2005 Firefox/1.5
> [2] http://www.flickr.com/photos/[EMAIL PROTECTED]/66780935/
> [3] Version: 9.0Build: 8031Platform: Win32System: Windows XP
> [4] http://www.flickr.com/photos/[EMAIL PROTECTED]/66780917/
>
Thank you, Rahul. I am putting up changes to the style sheet without 
checking on a local file first. I think you caught a set of rules that 
were not working.. Opera9pre with a reload should work as intended now.
Best,
David

-- 
David Laakso
http://www.dlaakso.com

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

Re: [css-d] ff bug::human or otherwise?

[David Laakso]

Philippe Wittenbergh wrote:

>On 25 Nov 2005, at 9:41 pm, Ingo Chao wrote:
>
>  
>
>>>I have had (another) a report that the thumbnails are lining up
>>>vertically rather than horizontally on this turkey
>>>.
>>>~dL.
>>>
>>Me again with bad news. Today I could reproduce it with FF1.0.7 (fresh
>>install, new profile) and FF1.5RC3 WinXPSP2
>>
>>
>
>I still can't reproduce it on my side.
>Two little things
>1/ what is the reason for this div#header-minor, div#footer-minor, 
>div#header, div#footer { display: table;} ?
>  
>
1/  I have deleted the above ruleset.

>2/ add: div.gallery {border-collapse:collapse} -- 'separate' being the 
>default, that would guarantee that no 'cellspacing' is created.
>  
>
2/ I have added:
div.gallery {border-collapse:collapse}
to the style sheet

>And then 3:
>3/ alternative code for those thumbs:
>instead of floating those .thumbs, set them to display:table-cell.
>
>#header div.thumb, #footer div.thumb { background-color: #EA; 
>border: 3px double #ddd;  /*float: left; margin: 0 19px;*/ padding: 8px 
>8px 6px 8px!important; width: 50px; text-align: center; 
>display:table-cell}
>
>#header div.gallery, #footer div.gallery { display: table; width: 565px 
>!important; margin: 0 auto; padding: 0; text-align: center; 
>table-layout:fixed; border-collapse:separate; border-spacing: 34px 0; }
>
>In both cases additional rules at the end.
>
>Works fine in all decent browsers on OS X.
>  
>
3/ Including  the above alternative code caused the thumbs to line-up 
vertically in xp. The alternative code has been deleted from the style 
sheet.The thumbs are floated.

>
>Philippe
>---
>Philippe Wittenbergh
>
>
>  
>
Thanks Philippe.
Changes made as noted above.
Both the top and bottom rows of thumbs are horizontal(as intended) on my 
end.
xp::i e6/ moz1.7.12/ ff1.5rc3/ opera9pre/ and debian v3.9ff.
Anyone still seeing the thumbs at the top or bottom of the page lined up 
vertically /or/ on two rows instead of one row?
Thanks,
David


-- 
David Laakso
http://www.dlaakso.com

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

Re: [css-d] total centering

[Rick Faircloth]

Hi, Phil...

What's the purpose of this part of your container attributes?

background: transparent url(/images/interface/column_background.gif)  
24px 0 repeat-y;

Thanks,

Rick


> 
> Hi Suzanne
> 
> I normally put text-align: center; in the body tag. This takes care  
> of IE5 browsers.
> 
> body {
> margin: 0;
> padding: 30px 0 30px 0;
> font-family: Arial, Helvetica, sans-serif;
> text-align: center;
> }
> 
> Then have a container wrapper around your webpage area with margin- 
> left: auto, margin-right: auto. This centers properly in CSS. Note  
> that you then re-set the text-align to left so that all subsequent  
> text within the page is not centred.
> 
> 
> #container {
> width: 755px;
> margin: 0;
> margin-left: auto;
> margin-right: auto;
> padding: 0;
> background: transparent url(/images/interface/column_background.gif)  
> 24px 0 repeat-y;
> text-align: left;
> }
> 


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

Re: [css-d] Aligning text in same line

[Lst Recv]

Georg sent me this private reply.  For the benefit of the list, I
asked his permission to repost it to the list.

(BEGIN:)
Opera _can_ float elements at the same level as non-floating elements -
even when a non-floating element comes first in the source-code. Other
browsers will drop the float below the non-floating element in such
cases. Nothing wrong the behavior for any of the browsers, but Opera's
way is actually a bit "unusual".

>>> Right now, it looks great in Firefox and Opera.  IE is still
>>> doing two funny things:
>>>
>>> 1) Adding a giant chunk of whiteness, where the background image
>>>  is not showing.
>>
>> Add: #top {width: 100%;}

It is explained in details here...

...but the short answer is that giving the element defined dimensions
will trigger an exclusive IE/win bug - give the element 'Layout'. That's
why we often call it a 'hasLayout' trigger. The well known 'Holly Hack'
does exactly the same, but isn't needed in this case since no browsers
are misinterpreting a width-value when there's nothing else at the sides
and _no_ margins, paddings or borders.

>>> 2) Shifting the man's head over a few pixels, so that it doesn't
>>>  line up right.
>>
>> Correct it for IE/win only: @media screen { * html img#dude
>> {margin: 0 0 0 -3px;} }
>>
>> Minor detail, but will also advice you to put > src="top_logo.jpg"... /> before > ... /> (reverse the order), so the poor guy don't get his head
>> chopped off on narrow windows :-)

This has to do with how content get linearized on narrow
windows/screens. We can use 'min-width' to stay in some control on
normal screens, but it's a bit harder to master the really small screens.

Look at how Opera will linearize your page in 'small screen rendering'
(shift + F11), and you'll get a good idea of more that just one problem
the sequence and layout-method a web page should - ideally - be able to
handle. Quite a few millions mobile phones out there already, and many
use them for surfing.

More on the subject...

...and that is on my own site in case you're wondering :-)

>>> http://mortgagephonequotes.com/mortgage.html
>>
>> A more important detail: IE6 is in quirks mode, so you should
>> delete 'padding-right: 15%;' from #results. That padding doesn't
>> make sense in any browser anyway - regardless of mode, and it
>> messes up available width in IE/win. Box-model differences... The
>> 'width: 55%;' does the job on its own, without any padding.

Complete explanation here...

...and I'm one of those who almost always run IE6 in quirks mode.

>> Also on #result: change 'line-height: 1.4em;' to 'line-height:
>> 1.4;' (no unit), to get the correct calculation on child-elements.
>>  Difference is pretty visible on narrow windows - especially in
>> IE/win.

The big picture...

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

Re: [css-d] Aligning text in same line

[Lst Recv]

Georg,

Thanks for the tips.  I'm more concerned with using this as a learning
case then just making this page look right.  So, could I ask you to
explain what are your tips are doing and why?

Also, could anyone explain why some browsers decide to push the logo
down a line when I don't float the man on the left (while Opera keeps
it all together)?

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

Re: [css-d] ff bug::human or otherwise?

[Rahul Gonsalves]

Dear David:

David Laakso wrote:

>I have had (another) a report that the thumbnails are lining up 
>vertically rather than horizontally on this turkey 
>.
>  
>
Freshly installed 1.5rc3[1]. Thumbnails not only line up vertically, but 
are obscuring/obscured by main navigation links. Check screenshot here. [2]

>The person who wrote did not specify the os/browser. And has not 
>answered my request for same. I suspect it is FF1.0.7.
>
Opera [3] woes here [4]. I don't know whether you're looking at it right 
now or not.

> It is rendering 
>correctly on this end in xp_sp2 ff1.5rc3, and same in browsercam. 
>Confirmation and/or fix :-P (or new life on another planet) gratefully 
>appreciated.
>Best,
>~dL.
>
Warmly,
Rahul.

[1] Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8) 
Gecko/2005 Firefox/1.5
[2] http://www.flickr.com/photos/[EMAIL PROTECTED]/66780935/
[3] Version: 9.0Build: 8031Platform: Win32System: Windows XP
[4] http://www.flickr.com/photos/[EMAIL PROTECTED]/66780917/

-- 

. . . . . . . . . . . . . . . . . . . . . . . .
Rahul Gonsalves
Make PNG, not War.
. . . . . . . . . . . . . . . . . . . . . . . .

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

Re: [css-d] lateral page shift in opera

[Mark Batty]

> >This is caused because a vertical scrollbar is shown when a page
> is long but
> >the scrollbar is not shown when another page is short, the effect is that
> >pages appear to shift left and right.
> >
> >I've been using the following to force a permanent scrollbar on
> all pages:
> >
> >html {
> >min-height: 100%;
> >margin-bottom: 1px;
> >}
> >
> >This seems to work in IE and Firefox but not Opera.

Couldn't reply sooner, been 'orribly busy :(  Here's the culprit:

html:
http://public.softectra.com/dev/lang/markup/css/cssd/251105_1/index.html
css:
http://public.softectra.com/dev/lang/markup/css/cssd/251105_1/css/good_brows
ers.css
ie:
http://public.softectra.com/dev/lang/markup/css/cssd/251105_1/css/ie_fix.css

(NOTE: I'm experimenting with a new min/max width IE expression I've been
working on for a few weeks that was based on
http://www.svendtofte.com/code/max_width_in_ie/.  My version uses ems and
min/max in a single expression.  I'd be interested in any initial feedback
on this.)

Without the min-height fix above, if you switch between the homepage and
COMPONENTS, the pages seem to shift left and right.  I test in FF 1.0.7,
Opera 8.5 and IE 6.0 on WinXP SP2 (note I'm in quirks mode).  Without the
fix above I get:

FF and Opera = page shifting
IE = no page shifting

If I include the fix using height: 100% (from
http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better), I
get this:

FF and Opera = no page shifting but I loose my bottom margin (I can increase
the margin in html but this causes unwanted scroll on short pages instead of
just 1px scroll)
IE = no page shifting

I can't remember where from, but I read about using min-height instead of
height to do this, so the latest attempt (with min-height) is this:

FF = no page shifting, margin OK
IE = no page shifting, margin OK
Opera = page shifting

So everything seems to work OK except Opera (could anyone test IE/Mac,
Safari, Unix?)

Thanks all.

Mark.


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

Re: [css-d] background image not showing in FF

[Nick Wilsdon]

Thanks Jim/Ian

display:table-caption seems to work - I was having a very strange effect
with display:table. Whole page fell apart but came together after loading! 

That's a new attribute for me to learn though, thanks 

Cheers for the heads up on the other mistakes Ian, I'll go through and fix
those. 

Best Regards,
 
Nick 
 
-Original Message-
On Behalf Of Jim Davis
Sent: Friday, November 25, 2005 4:10 PM

Hi,

In #canvas add display: table.

Jim


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

Re: [css-d] total centering

[Phil Treble]

Hi Suzanne

I normally put text-align: center; in the body tag. This takes care  
of IE5 browsers.

body {
margin: 0;
padding: 30px 0 30px 0;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}

Then have a container wrapper around your webpage area with margin- 
left: auto, margin-right: auto. This centers properly in CSS. Note  
that you then re-set the text-align to left so that all subsequent  
text within the page is not centred.


#container {
width: 755px;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
background: transparent url(/images/interface/column_background.gif)  
24px 0 repeat-y;
text-align: left;
}


Good luck!

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

[css-d] Navigation Woes

[Richard Brown]

Hi All

I am hoping that someone might be able to help. I have a site:

It has been created using Wordpress and has a rather large amount of 
pages. To reduce the number of links to pages I have used Tedds drop 
down menu system which is working very well. However, I have also tried 
to use a pop-down menu system in the side column. IE doesn't support 
this!

I looked at using:


I thought that if I used the above, when I clicked on Item One, the 
list under there would show and then when I clicked on item two, the 
list under there would show. It didn't however work like that.

Has anybody got any ideas on how to reduce the list of links please?

Many thanks for your help.

Rich
http://www.cregy.co.uk
So here's what I want you to do, God helping you: Take your everyday, 
ordinary life--your sleeping, eating, going-to-work, and walking-around 
life--and place it before God as an offering. Embracing what God does 
for you is the best thing you can do for him. Romans 12 v 1

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

Re: [css-d] ff bug::human or otherwise?

[Philippe Wittenbergh]

On 25 Nov 2005, at 9:41 pm, Ingo Chao wrote:

>> I have had (another) a report that the thumbnails are lining up
>> vertically rather than horizontally on this turkey
>> .
>> The person who wrote did not specify the os/browser. And has not
>> answered my request for same. I suspect it is FF1.0.7. It is rendering
>> correctly on this end in xp_sp2 ff1.5rc3, and same in browsercam.
>> Confirmation and/or fix :-P (or new life on another planet) gratefully
>> appreciated.
>> Best,
>> ~dL.
>>
>
> Me again with bad news. Today I could reproduce it with FF1.0.7 (fresh
> install, new profile) and FF1.5RC3 WinXPSP2

I still can't reproduce it on my side.
Two little things
1/ what is the reason for this div#header-minor, div#footer-minor, 
div#header, div#footer { display: table;} ?
2/ add: div.gallery {border-collapse:collapse} -- 'separate' being the 
default, that would guarantee that no 'cellspacing' is created.

And then 3:
3/ alternative code for those thumbs:
instead of floating those .thumbs, set them to display:table-cell.

#header div.thumb, #footer div.thumb { background-color: #EA; 
border: 3px double #ddd;  /*float: left; margin: 0 19px;*/ padding: 8px 
8px 6px 8px!important; width: 50px; text-align: center; 
display:table-cell}

#header div.gallery, #footer div.gallery { display: table; width: 565px 
!important; margin: 0 auto; padding: 0; text-align: center; 
table-layout:fixed; border-collapse:separate; border-spacing: 34px 0; }

In both cases additional rules at the end.

Works fine in all decent browsers on OS X.


Philippe
---
Philippe Wittenbergh


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

Re: [css-d] ff bug::human or otherwise?

[David Laakso]

Ingo Chao wrote:

>David Laakso wrote:
>  
>
>>I have had (another) a report that the thumbnails are lining up 
>>vertically rather than horizontally on this turkey 
>>.
>>~dL.
>>
>Me again with bad news. Today I could reproduce it with FF1.0.7 (fresh 
>install, new profile) and FF1.5RC3 WinXPSP2
>http://www.dlaakso.com/blog/wordpress/?p=20
>http://www.dlaakso.com/blog/wordpress/?p=3#comments
>
>the thumbs below the comments section flip from one row to two rows and
>vice versa on reload/refresh (depending on your cache settings, maybe 
>clearing cache with cntrl+shift+del).
>
>See:  http://www.satzansatz.de/dl/dl1.jpg
>
>hmm. Is there life out there?
>
>Ingo
>
>  
>
I will try re-coding it. Not sure what that will do for mac/ie5.2 on 
zoom(Leonardo was getting clipped). And at this point, I am beginning to 
wonder if I care what happens as we travel forward or back through time 
and space to a world completely different from our own. It could be 
worse. Or could it?
Thank you, Ingo.
David

-- 
David Laakso
http://www.dlaakso.com

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

Re: [css-d] background image not showing in FF

[Jim Davis]

Hi,

In #canvas add display: table.

Jim

On 11/25/05, Nick Wilsdon <[EMAIL PROTECTED]> wrote:
>
> First post to the list so hello everyone -
>
>
> I'm having some trouble making my background image (bg-canvas.gif) appear
> in
> this layout when viewed in FF. No problem in IE.
>
> http://www.e3internet.com/clients/lenzone/shop/lenzoneTEST.htm
>
>
>
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] background image not showing in FF

[Nick Wilsdon]

First post to the list so hello everyone -   


I'm having some trouble making my background image (bg-canvas.gif) appear in
this layout when viewed in FF. No problem in IE. 

http://www.e3internet.com/clients/lenzone/shop/lenzoneTEST.htm


Deeply appreciate someone pointing me in the right direction here? 


Thanks


Nick 
 

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

Re: [css-d] ff bug::human or otherwise?

[Ingo Chao]

David Laakso wrote:
> I have had (another) a report that the thumbnails are lining up 
> vertically rather than horizontally on this turkey 
> .
> The person who wrote did not specify the os/browser. And has not 
> answered my request for same. I suspect it is FF1.0.7. It is rendering 
> correctly on this end in xp_sp2 ff1.5rc3, and same in browsercam. 
> Confirmation and/or fix :-P (or new life on another planet) gratefully 
> appreciated.
> Best,
> ~dL.
> 

Me again with bad news. Today I could reproduce it with FF1.0.7 (fresh 
install, new profile) and FF1.5RC3 WinXPSP2

go to the very end of these pages:

http://www.dlaakso.com/blog/wordpress/?p=20
http://www.dlaakso.com/blog/wordpress/?p=3#comments

the thumbs below the comments section flip from one row to two rows and
vice versa on reload/refresh (depending on your cache settings, maybe 
clearing cache with cntrl+shift+del).

See:  http://www.satzansatz.de/dl/dl1.jpg

hmm. Is there life out there?

Ingo

-- 
http://www.satzansatz.de/css.html

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

Re: [css-d] total centering

[Christian Heilmann]

On 11/25/05, S.Rodrigues Pereira <[EMAIL PROTECTED]> wrote:
> Hi, I am new here, living in Amsterdam.
> I wonder if anyone could help me out.I want to update a site which was made
> in tables mainly. How on earth could I get this site to be centered in the
> middle of your screen with CSS? For example view:
> http://www.egeltjes.nl/engels.htm
> The vertical align just works if I get it all into a table 100% /100%
> Hope I post this the right way..

There are some ways to achieve vertical centering:

http://www.wpdfd.com/editorial/wpd0103.htm#footnote
http://www.wpdfd.com/editorial/thebox/deadcentre4.html
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
http://milov.nl/code/css/verticalcenter.html

--
Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries: http://www.onlinetools.org/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] total centering

[ian]

Hi Suzanne,

It is possible (using absolute positioning), however the element that you 
are centering vertically needs to have a fixed height. Let's assume a  with a vertical height of 300px. Your CSS would look 
something like this:

#container {
position: absolute;
top: 50%;
margin-top: -150px;
}

If your element has a fixed width as well, you can use the same principle 
for the horizontal, or alternatively, you can use the margin: auto / 
text-align: center route.

Regards
Ian van den Heuvel
Cape Town, South Africa


- Original Message - 
From: "S.Rodrigues Pereira" <[EMAIL PROTECTED]>
To: 
Sent: Friday, November 25, 2005 2:04 PM
Subject: [css-d] total centering


> Hi, I am new here, living in Amsterdam.
> I wonder if anyone could help me out.I want to update a site which was 
> made
> in tables mainly. How on earth could I get this site to be centered in the
> middle of your screen with CSS? For example view:
> http://www.egeltjes.nl/engels.htm
> The vertical align just works if I get it all into a table 100% /100%
> Hope I post this the right way..
> Suzanne
>
> Suzanne
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>
>
>
>
> -- 
> No virus found in this incoming message.
> Checked by AVG Free Edition.
> Version: 7.1.362 / Virus Database: 267.13.7/182 - Release Date: 11/24/2005
>
> 



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

[css-d] total centering

[S.Rodrigues Pereira]

Hi, I am new here, living in Amsterdam.
I wonder if anyone could help me out.I want to update a site which was made
in tables mainly. How on earth could I get this site to be centered in the
middle of your screen with CSS? For example view:
http://www.egeltjes.nl/engels.htm
The vertical align just works if I get it all into a table 100% /100%
Hope I post this the right way..
Suzanne

Suzanne 

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

[css-d] ff bug::human or otherwise?

[David Laakso]

I have had (another) a report that the thumbnails are lining up 
vertically rather than horizontally on this turkey 
.
The person who wrote did not specify the os/browser. And has not 
answered my request for same. I suspect it is FF1.0.7. It is rendering 
correctly on this end in xp_sp2 ff1.5rc3, and same in browsercam. 
Confirmation and/or fix :-P (or new life on another planet) gratefully 
appreciated.
Best,
~dL.

-- 
David Laakso
http://www.dlaakso.com

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

Re: [css-d] Inconsistency between IE and Firefox

[Ian Young]

It seems to be the fact that you have three . I took the
liberty of playing around with the page and it is fine on Firefox, IE and
Opera.

See http://www.iyesolutions.co.uk/templates/prototype.php

Cheers

Ian

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of Mário Gamito
Sent: 25 November 2005 10:50
To: css-d@lists.css-discuss.org
Subject: [css-d] Inconsistency between IE and Firefox


Hi,

In this site:
http://www.dte.ua.pt/~gamito/prototype.php
at the bottom of the page, the grey line and the copyright notice,
appears correctly in IE6 but not in Firefox (1.07).

Is there a way to make them work right on both browsers ?

Any help would be apreciated.

Warm regards,
Mário Gamito
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

--
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.1.362 / Virus Database: 267.13.7/182 - Release Date: 24/11/2005

--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.362 / Virus Database: 267.13.7/182 - Release Date: 24/11/2005


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

Re: [css-d] Inconsistency between IE and Firefox

[Gunlaug Sørtun]

Mário Gamito wrote:
> http://www.dte.ua.pt/~gamito/prototype.php at the bottom of the page,
>  the grey line and the copyright notice, appears correctly in IE6 but
>  not in Firefox (1.07).

"Appears" is correct wording. It's the 'hasLayout'[1] bug that's showing
up and expanding the '#wrapper' element.

#wrapper {display: table;}

...will make standard compliant browsers expand that element, just like
IE/win does.

regards
Georg

[1]http://www.satzansatz.de/cssd/onhavinglayout.html
-- 
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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE5.0 PC problem with CSS image replacement

[Gunlaug Sørtun]

Phil Treble wrote:

> Please take a look at: http://scwindows.philtreble.net/windows/
> 
> You'll notice if you look at it in IE5.0 on PC that the vertical 
> navigation buttons on the left hand side -- coloured panel and light 
> blue panel -- do not display properly. The first option disappears in
> each panel.

Cause: 'voice-family hack'.
IE5.0 needs one definition after it to recover on. Put in whatever you
like as long as it looks like a real definition. Like so:

div#lightblue h5 a{
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
text-decoration: none;
voice-family:"\"}\"";
voice-family:inherit;
text-indent: -px; /* problem in IE5.0 */
}

.nonsense {background: transparent;}

...and IE5.0 is back on line

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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Inconsistency between IE and Firefox

[Mário Gamito]

Hi,

In this site:
http://www.dte.ua.pt/~gamito/prototype.php
at the bottom of the page, the grey line and the copyright notice, 
appears correctly in IE6 but not in Firefox (1.07).

Is there a way to make them work right on both browsers ?

Any help would be apreciated.

Warm regards,
Mário Gamito
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Top Level Images help in Son of Suckerfish needed

[mat]

Christian,

Position: relative makes the second level list items bunch up. Setting link
items without position: relative is needed.

#nav a { /*link list items*/
display: block;
width: 110px;

I just used one  class for top level backgrounds and another for second
level. You could create a seperate  class for every different item (e.g.
#nav li.parent1 etc),  then either add each item as an image then use CSS to
set as display: block. and set the width and line height to suit - or maybe
image replace but each image must be the same width as set for parent items.

To "respect" the flaxible nature of sfish and enable search engine's to see
the linkage properly you may want to try using text and something like:
http://www.simplebits.com/notebook/2004/07/18/clickable.html


#nav li.daddy {
position: relative;
width: 110px;
w\idth: 110px;
BACKGROUND: url(../images/base.gif) no-repeat;
z-index: 6;
font-size: 9px;
color: black;
}

#nav li li.son {
position: relative;
display: block;
text-align: left;
BACKGROUND: none;
line-height: 20px;
margin-left: 0px;
padding-left: 0px;
}

In this example a line break is used after each parent item - not a good
solution but it works without position: relative. :
http://www.ekstasis.net/blog/blog.php
In another example I used which wasn't floated this wasn't necessary.

Not sure if that helps, cheers, m


On 11/25/05, Christian Montoya <[EMAIL PROTECTED]> wrote:
>
> On 11/24/05, cFA <[EMAIL PROTECTED]> wrote:
> > Hey everyone, I was goin good with my son of suckerfish until the client
> > wanted images in the top level. Here is a test page of the code im
> working
> > on, its really starting to get over my head now and I could use some
> help in
> > a major way if someone can spot how to fix it.
> > its gotta be IE5+ compat. (which it was just peachy prior to the images)
> Ive
> > been using this image replacement nav for a few years now and its pretty
> > much bullet proof, so I decided I would incorporate it into the
> suckerfish
> > code.
> >
>
> I'm not sure how well the two techniques could go together. What I
> would do in your case is just use  tags in the top level li's.
> Img tags are fine since they degrade to plain text alt tags when
> images are turned off.
>
> --
> --
> Christian Montoya
> christianmontoya.com ... rdpdesign.com ... cssliquid.com
> __
> css-discuss [ [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> 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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/