[css-d] strange display error in IE 6

[beat.beer]

Hi Everyone

on this site http://www.florist.ch I have a real strange display  
error. The side shadow is being repreated below the footer shadow.  
Your help would be much appreciated.

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

[css-d] float problem

[Martin Paton]

Hi
 
I've got a nice 3 col layout working.

Problem is, in the "centre" column I need to create an unordered list
which needs to be floated left

When I clear the float underneath, it any content after the clear
appears in the centre column, but just beneath where the left menu ends.

This problem affects every browser.

I.e


[  LEFT  ] [   CENTRE   ] [  RIGHT  ]
[] [] [ ]
[] [  content   ] [ ]
[] [  floatleft ] [ ]
[] [] [ ]
[] [] 
[] [] 
[] [] 
[] [] 
[] []
[] []
   [  content   ] 
  post-clear

Martin


This message has been scanned for malware by SurfControl plc. 
www.surfcontrol.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem with form alignment

[grovesdavid]

Hi,

Hope someone will help me here. Spent Friday afternoon and some three hours 
this morning, still not resolved it.

It has to be something really stupid because I can't see what I'm doing 
wrong:

http://www.linkhomes2000.co.uk/trials/bk/form%20trial.php


Worst in Opera, but doesn't work in any of them. Labels will not align no 
matter what I've tried.

TIA

David G)
--- 

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

[css-d] Is there a Safari float doctor in the house?

[Bruce MacKay]

Hello folks,

I'm having a float problem on http://www.plantdocs.biz/testme2.htm 
with Safari which I cannot duplicate in Opera, FF (PC/Mac) or IE7.

Essentially, the rhs float is sliding down past the lhs float - a 
behaviour exactly as one would expect if the width of the two floats 
exceeding the width of a containing div.

However, with floats of 405 and 345 px inside a 750px div, I would 
have expected that everything was OK - and the behaviour of the page 
in Opera, FF and IE7 would suggest that to be true.

Can anyone suggest another thing I need to be looking for - I've done 
the "remove-page elements-sequentially" routine, but I could not find 
the problem style.

Thanks,

Bruce

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

Re: [css-d] Problem with form alignment

[Mauricio Samy Silva]

From: <[EMAIL PROTECTED]>
> It has to be something really stupid because I can't see what I'm doing
> wrong:
> http://www.linkhomes2000.co.uk/trials/bk/form%20trial.php
 > Worst in Opera, but doesn't work in any of them. Labels will not align no
> matter what I've tried.
> David G)
---
Hi David:
Use the following CSS rules for SELECT and LABEL:

.form label {
display:block;
width:49%;
float:left;
height:1.5em;
line-height:2.2em;
margin-bottom:2%;
}

.form select {
width:49%;
float:right;
height:1.5em;
margin-bottom:2%;
}

Regards,

Maurício Samy Silva
http://www.maujor.com/ 

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

Re: [css-d] Problem with form alignment

[Jukka K. Korpela]

On Mon, 4 Jun 2007, [EMAIL PROTECTED] wrote:

> http://www.linkhomes2000.co.uk/trials/bk/form%20trial.php
>
> Worst in Opera, but doesn't work in any of them. Labels will not align no
> matter what I've tried.

Basically, your approach is too complicated. You have restricted the form 
to a rather narrow box, and then you try achieve a tabular layout using 
floating. Setting line-height differently for different elements to be 
rendered as one line doesn't really help. Besides, your style sheet 
contains two syntax errors.

If you simply set

label { clear: left; float: left; width: 7em; }

and remove most of the other rules in the style sheet (including 
inconsistent line-height settings), you'll get a reasonable presentation. 
The value 7em needs to depend on the lengths of the label texts (and 
font).

A more flexible approach would be to put the labels and input fields into 
a table. Many people would then complain about your using a layout table, 
even though this would really be a data table. Anyway, in practical terms, 
that would be the way to achieve tabular presentation without hard-wiring 
widths (like the width of labels) in any way. The CSS constructs for 
turning an element not marked up as a table into an element rendered as a 
table are relatively simple (display: table etc.), but IE has no support 
to them.

-- 
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/

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

Re: [css-d] strange display error in IE 6

[Eystein Alnaes]

> on this site http://www.florist.ch I have a real strange display
> error. The side shadow is being repreated below the footer shadow.
>


Looks like your #wrap div has some bottom padding in IE6, even though your
CSS says 0. You could perhaps circumvent it by adding some negative bottom
margin, or a hight 1%, to #wrap in IE6.  Or simply ignore it, since it's IE6
:)

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

[css-d] multiple similar pages with same navigation bar

[Kaye]

I am just learning CSS so hopefully I know enough to adequately 
explain what I am trying to do.

I have looked at the example of a css layout with a header, footer, 
and two columns - the left one I want to contain a nav bar and the 
right one the different content on each page. The example I have been 
looking at is here:
http://www.maxdesign.com.au/presentation/two-columns/final_fullwidth.htm

My question is whether it is possible to turn this example into an 
external style sheet with the header, footer and left column content 
there and  then just have each separate page's content (for the right 
column) in an html page that uses that external style sheet.

I can't seem to make it work and am not sure if it's possible, or if 
I just haven't got it working right, or if I have some kind of major 
conceptual problem and this is just totally the wrong way to go about this.

So is this a good way to go about this task, or is there some other 
way to use css to have multiple pages all with the same navbar 
(without duplicating it in each page)?

Thanks for any suggestions.

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

Re: [css-d] Is there a Safari float doctor in the house?

[Philippe Wittenbergh]

On Jun 4, 2007, at 7:47 PM, Bruce MacKay wrote:

> I'm having a float problem on http://www.plantdocs.biz/testme2.htm
> with Safari which I cannot duplicate in Opera, FF (PC/Mac) or IE7.
> Essentially, the rhs float is sliding down past the lhs float - a
> behaviour exactly as one would expect if the width of the two floats
> exceeding the width of a containing div.

I see the same issue with a nightly build of Gecko (Minefield 1.9a6pre).

There is an error  in your stylesheet (head of your html file):
> #lf { float: left; width:  width: 405px;
  Safari, Webkit and Gecko nightly builds are correct to  ignore the  
width on that div.
Opera9.21, Firefox 2.0 and maybe others are wrong.

Philippe
---
Philippe Wittenbergh





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

[css-d] forcing textarea and inputs to be same width?

[Anthony Ettinger]

I can't seem to make textarea and input the same width between IE and FF.
one is too long, the other is too short, is forcing the scrollbar in FF the
only way to get them close?

-- 
Anthony Ettinger
Ph: 408-656-2473
http://chovy.dyndns.org/resume.html
http://utuxia.com/consulting
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS for input, super basic

[adi azar]

I think you are using the default styles. Try something like  border: 1px 
solid #FF;.

Adi Azar
University Of Southern California
www.adiazar.com

skip evans <[EMAIL PROTECTED]> wrote: Hey all,

A client site I'm doing some maintenance on has a bunch 
of input statements like this:

 [input] 

...and I thought I could apply a style to all of them, 
without having to go back and inserting class="something" 
to all of these forms by using:

input {
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #00;
  color: #00;
 font-weight: normal;
 font-size: 11px;
}

...but this has no affect.

I also tried

input.text {

but that had no affect either.

Suggestions greatly appreciated,
Skip

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

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

[css-d] Multiple id's - what damage can they do?

[Trevor Boult]

Hi all,

I seem to have made a school boy error a while ago and instead of using class's 
to define I used id's, thus having the effect of multiple id's with the same 
name in the same page. I can correct but wanted to know what damage multiple 
id's can do, regarding SEO etc.

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

Re: [css-d] Problem with form alignment

[grovesdavid]

Hello to all who replied to this subject matter,

Thank you all, it has been resolved with the help of Sophie Van Waesberghe.

I'm very grateful for all your answers and hope help will continue in the 
future when required..


Kind Regards


David G)
-- 

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

Re: [css-d] float problem

[Audra Coldiron]

Martin Paton wrote:
> Hi
>  
> I've got a nice 3 col layout working.
> 
> Problem is, in the "centre" column I need to create an unordered list
> which needs to be floated left
> 
> When I clear the float underneath, it any content after the clear
> appears in the centre column, but just beneath where the left menu ends.
> 
> This problem affects every browser.

Float your centre column too and you'll be able to use floats with 
clears inside that column with no problem.

AC
-- 
Audra Coldiron

Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com

KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS. 
Pre-made designs, designer tools, and reseller program available!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Web Standards - Why do we do it?

[tedd]

At 7:51 AM -0700 5/31/07, Jon Hughes wrote:
>My question is this:
>Why do we feel so adamant to use web standards?  Namely, the use of
>CSS-Based designs, as apposed to table-based designs.

Jon:

Read just about any css book. For that, I recommend "designing with 
web standards" by jeffrey zeldman.

Cheers,

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

Re: [css-d] Multiple id's - what damage can they do?

[Andrew Gaffney]

Trevor Boult wrote:
> Hi all,
> 
> I seem to have made a school boy error a while ago and instead of using 
> class's to define I used id's, thus having the effect of multiple id's with 
> the same name in the same page. I can correct but wanted to know what damage 
> multiple id's can do, regarding SEO etc.

While it's not technically correct, afaik, it will only hurt anything if you 
start using document.getElementByID() in javascript.

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

Re: [css-d] Multiple id's - what damage can they do?

[Dave Goodchild]

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

[css-d] [offtopic]Re: Multiple id's - what damage can they do?

[liorean]

On 04/06/07, Trevor Boult <[EMAIL PROTECTED]> wrote:
> I seem to have made a school boy error a while ago and instead of using 
> class's to define I used id's, thus having the effect of multiple id's with 
> the same name in the same page. I can correct but wanted to know what damage 
> multiple id's can do, regarding SEO etc.

It will hurt in three ways, all of them which may or may not apply to your case:
- The document is not valid, for whatever having it be valid is worth to you.
- Fragment identifiers will no longer work as they should.
- Scripting with getElementById or the any HTMLCollection will or at
least may break, depending a bit on your script.
-- 
David "liorean" Andersson
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Multiple id's - what damage can they do?

[Jukka K. Korpela]

On Mon, 4 Jun 2007, Andrew Gaffney wrote:

>> I seem to have made a school boy error a while ago and instead of 
>> using class's to define I used id's, thus having the effect of multiple 
>> id's with the same name in the same page. I can correct but wanted to 
>> know what damage multiple id's can do, regarding SEO etc.
>
> While it's not technically correct, afaik, it will only hurt anything if you
> start using document.getElementByID() in javascript.

You cannot guarantee that, can you? For example, if an id value is used in 
a link (as fragment identifier), what will happen? Any CSS rule using an 
ambiguous id selector will have unpredictable effects, across browsers and 
years, even if you could somehow determine how current browsers treat it.

The question is pointless. It's useless to ask how much doing things 
wrong will hurt you, when you can simply fix things - in this case, use 
class attributes and class selectors instead.

-- 
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/

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

Re: [css-d] peekaboo bug? something else?

[Rita Crisafi, Crisafidesign.com]

As always, thanks 1,000,000.

Works like a charm.

Rita

At 11:39 PM 6/3/2007, ron zisman wrote:

>On Jun 3, 2007, at 10:36 PM, Rita Crisafi, Crisafidesign.com wrote:
>
> > http://www.crisafidesign.com/ICS/laundry.html
> >
> > it doesn't render correctly in AOL 9.0 and IE 6 on Windows 2000
> > according to browser cam (see here
> > http://www.browsercam.com/public.aspx?proj_id=352351 page 2)
> >
>
>Looks like one of those situations where 'hasLayout' triggers makes
>things worse for the old Trident Engine, which IIRC is behind the
>surface on both mentioned browsers. The trigger is probably
>unavoidable though, so I suggest you change layout-method - using
>float for the body-text container.
>
>Add ...
>
>#bodytext {float: right; margin: 0;}
>
>... for ALL browsers - and leave other styles as is, and it should
>turn out right.
>Looking alright in my browsers once corrected.
>
>regards
> Georg ( a.k.a. gunlaug :-) )
>__
>css-discuss [EMAIL PROTECTED]
>http://www.css-discuss.org/mailman/listinfo/css-d
>IE7 information -- http://css-discuss.incutio.com/?page=IE7
>List wiki/FAQ -- http://css-discuss.incutio.com/
>Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


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

Re: [css-d] Problem making the width of div tags equal

[Lori Lay]

Farid Jamea wrote:
> Hello,
>
> I have a very simple web page. (one column, 4 sections: header, menu,
> content, footer). The width of the menu seems to be about 0.5 mm less than
> all other 3. (this is more clear in IE7, and also when you zoom)
>
> All sections are contained in a wrapper with a width of 922px.
> #header, #content, and #footer are all 900px. How can I make the entire menu
> to be 900px too?
>
> The web page can be found here: http://cateringbyingrid.com/temp/
>
> I appreciate any help
>
>   
I'd remove the widths from the anchors (a) and put them on the list 
items (li).  That seems to provide a bit more control of the widths.  
You could set the width of your suckertreemenu division, but the 
contents won't expand to fill that space anyway, so you're better off 
setting the width on the inline elements.  Since six doesn't divide into 
922, I think you're going to have to adjust your overall width anyway if 
you want the menu to fill the space.

Remember that the overall width is your specified width plus the width 
of borders, padding and margins, so even though you have specified 900px 
for your header, content and footer, the overall width is 922px and you 
have to make your menu match that.

Lastly, the menu is wrapping to the next line in FF 2/Mac, so it's 
overall width is larger than the content.  You should use a properly 
compliant browser for development and test on IE afterwards.  It will 
save a lot of frustration in the end...


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

Re: [css-d] Star Rating System

[Lori Lay]

Diego Muñiz wrote:
>>> I' ve done this star rating system: <
>>> http://www.punisha.com/test/estrellas/>
>>>
>>>   
> I have uploaded the new verion. It works in FF, IE and Opera, but in
> internet explorer i'm not able to show it inline.
>
>
>   
Try using a span instead of a division.  A span is an inline element, so 
you can probably get the results you need without resorting to altering 
the display attribute.

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

[css-d] Jogging in IE 6

[Theresa Mesa]

Why is the main content  jogging in IE6, but not IE7 or FF on either  
platform, or Safari?

http://mdh-test.com/vads
http://mdh-test.com/vads/vds.css

Been a while since I built a site, so I'm a little rusty. Thank you  
for your help.

Theresa Mesa
[EMAIL PROTECTED]



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

[css-d] Text inline with graphic

[jana coyle]

I would like to raise the text "3." to be in the center of the graphic "add to 
cart"  Right now the "3." is at the bottom of the graphic.  Not sure how to 
achieve this. Hope I explained this well enough.
Any help would be great. http://www.precisemessenger.com/private/placeorder.html
Thanks,
Kevin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Positioned Corners in IE6

[Glen Lipka]

http://cpns.commadot.com/

In IE6, the corners at the bottom are being placed an inch too low.
When I use the IE Dev toolbar and change anything about them, they snap back
into place.

I hate errors like that.  Any ideas?  Thanks,

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

[css-d] Extra space between floated divs in IE6

[Erik Olivier Lancelot]

Hello,

I am working on this page: http://www.jester-records.com/releases-div.php.

IE6 outputs extra space between the covers and the release info. It looks right 
in FF, O and NN. I have been searching the web for hours but have not found a 
solution.  I tried putting the closing tag of "releases_cover" and the opening 
tag of "release_info" on the same line, setting margins to 0 and display to 
inline, but nothing solves the problem. Help would be greatly appreciated. 
Thanks.

Here is the relevant html/php:

 { ?>
   
   ">

   ">
 
 
 


Examine/Download
   
  
  

And the css:

.release-wrapper {  /* IE fix */
  width:100%;
  float:left;
}

.release_cover_1 {
 background: white;
 display: inline;
 padding: 21px 21px;
 width: 102px;
 height: 102px;
 float: left;
 margin-right: 0;
}

.release_cover_2 {
 background: black;
 display: inline;
 padding: 21px 21px;
 width: 102px;
 height: 102px;
 float: left;
 margin-right: 0;
 }

img.releases_cover {
 float: left;
 width: 100px;
 height: 100px; 
 border: 1px solid gray;
 margin-right: 0;
 }

.release_info_1 {
 background: black;
 color: white;
 display: inline;
 padding: 21px 21px;
 margin-left: 0;
 width: 764px;
 height: 102px;
 float: right;
}

.release_info_2 {
 background: white;
 color: black;
 display: inline;
 padding: 21px 21px;
 margin-left: 0;
 width: 764px;
 height: 102px;
 float: right;
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Konqueror only css 'hack'

[James Leslie]

Hi,
 
I seem to be having a couple of problems with a site in konqueror (it
works pretty much fine on every other browser on mac/pc/linux) and came
across the following hack through google. I was wondering if anyone had
any experience of using it and how 'safe' it might be in the future?
 
html:not(:nth-child(1)) body {
attributes for konqueror issues
}
 
Thanks
 
James
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Text inline with graphic

[Jukka K. Korpela]

On Mon, 4 Jun 2007, jana  coyle wrote:

> I would like to raise the text "3." to be in the center of the graphic 
> "add to cart"  Right now the "3." is at the bottom of the graphic.  Not 
> sure how to achieve this. Hope I explained this well enough.
> Any help would be great. 
> http://www.precisemessenger.com/private/placeorder.html

div#numbform input{ vertical-align: middle; }

You have the text "3." and an image input button, which acts pretty much 
like an image in styling. Setting vertical-align: middle should align the 
vertical middle of the image on half of the x height of the text.
This is probably sufficiently close to what you want.

This seems to work on Firefox 2. Let's hope other browsers get it right, 
too. There are some oddities in implementations of vertical-align.

-- 
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/

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

Re: [css-d] oops, to clarify

[Francesco Rizzi]

On 6/3/07, ron zisman <[EMAIL PROTECTED]> wrote:
>
>
> Browsers have different defaults.
>
> Add...
> table td {vertical-align: top;}
> ...and Firefox will get the message.


Along those lines, I found that using a style-baselining stylesheet from the
get go helps a lot.

Here's the link to E.Meyer's reset style, if you're looking for a good
start:
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

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

[css-d] padding and margins

[Sandy]

hello all,

I have a couple of problems with these pages I don't understand.

The  in
http://sandyfeldman.com/test/smale/portfolio1/port111.html
seems to have just a little padding on the right, compared to the same 
thing in
http://sandyfeldman.com/test/smale/portfolio1/port110.html

where is this coming from!? How do I get rid of it?

here are the style sheets:
http://sandyfeldman.com/test/smale/portfolio1/js_css/bs01.css
http://sandyfeldman.com/test/smale/js_css/ie6-hacks.css

more trouble in IE6 - the display does not seem to pick up either margin 
or padding in the
.thumbs img

how do I get it to show?

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

Re: [css-d] Extra space between floated divs in IE6

[ron zisman]

On Jun 4, 2007, at 9:00 AM, Erik Olivier Lancelot wrote:

> http://www.jester-records.com/releases-div.php.
>
> IE6 outputs extra space between the covers and the release info. It  
> looks right in FF, O and NN.
>

IE6 is in quirks mode, and you are therefore seeing the effects of  
the old box-model.

The quick fix is to delete the 'xml declaration' on top in your  
source code, and thereby bring IE6 into a slightly more standard- 
compliant mode. That fixes most in that browser.

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

[css-d] table class

[Edinburgh Nights]

I usually add id but I have a series of tables I want to apply the same class to




this doesn't work

.signup_table {
border-collapse:collapse;
border:1px solid green;
}

or does this 

table.signup_table {
border-collapse:collapse;
border:1px solid green;
}


any ideas?

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

Re: [css-d] Extra space between floated divs in IE6

[Erik Olivier Lancelot]

Thanks a million, it works wonderfully now. It also solved problems I was 
having on several other pages. Cheers!

Erik 

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

Re: [css-d] multiple similar pages with same navigation bar

[Lori Lay]

Kaye wrote:

...snipped
> My question is whether it is possible to turn this example into an 
> external style sheet with the header, footer and left column content 
> there and  then just have each separate page's content (for the right 
> column) in an html page that uses that external style sheet.
>
> I can't seem to make it work and am not sure if it's possible, or if 
> I just haven't got it working right, or if I have some kind of major 
> conceptual problem and this is just totally the wrong way to go about this.
>
>   
I think you're getting confused about the role of style sheets versus 
page content.  Style sheets serve as a single global source for the 
styles of your page elements.  By putting styles in an external style 
sheet, they can be modified once and the changes will be applied to all 
pages that use those styles.  Structural elements like headers, footers, 
nav bars etc. have to be listed in every page unless you use something 
like server side includes (SSI), which is outside the scope of this 
list.  Content Management Systems (CMS) also help with this and are also 
out of scope for this list.
> So is this a good way to go about this task, or is there some other 
> way to use css to have multiple pages all with the same navbar 
> (without duplicating it in each page)?
>   

The structure has to be repeated in every page.  The styles for the nav 
bar are defined once in an external style sheet and that sheet is linked 
to every page in the page head element.

If you don't have a large system, you can create a template page that 
has the page structure in it and replicate that page for all the pages 
in your site.  Then you just modify the content in the right column for 
each page.

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

Re: [css-d] table class

[Lori Lay]

Edinburgh Nights wrote:
> I usually add id but I have a series of tables I want to apply the same class 
> to
>
> 
>   
If you actually wrote it this way in your page, then there's your 
problem.  Try




>
> this doesn't work
>
> .signup_table {
> border-collapse:collapse;
> border:1px solid green;
> }
>
> or does this 
>
> table.signup_table {
> border-collapse:collapse;
> border:1px solid green;
> }
>
>   
Either of these should be fine.

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

Re: [css-d] table class

[Mauricio Samy Silva]

From: "Edinburgh Nights" <[EMAIL PROTECTED]>
>I usually add id but I have a series of tables I want to apply the same 
>class to
 > 
--
Hi Ross,
There is a 'equal sign' missed in your HTML code:


In case the missed sign was a typo and you want a border around ALL cells of 
the table
you must use the following CSS:

table.signup_table {
border-collapse:collapse;
}
table.signup_table tr td {
border:1px solid green;
}

Regards,

Maurício Samy Silva
http://www.maujor.com/


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

[css-d] Div moving up the page

[trevor bayliss]

Hi all,
   My css is now validated as is my html!
I have been checking my index page with the various browser/OS combos but I get 
a major difference with the majority (except for IE) where the divs called 
#gw_tabView1 and .gw_aTab seem to move unexpectedly.
The page can be seen here: http://216.219.94.105/index1.cfm 
   
  Thank you for any ideas
   
  Internet Explorer
Good:
  Explorer 7.0 (no Flash)  Windows XP 
Explorer 6.0 (no Flash)  Windows XP 
Explorer 7.0 (no Flash)  Windows Vista 
Explorer 6.0 (no Flash)  Windows 2000 Professional 
  
Messes up:
Explorer 4.0 (no Flash) Windows 98 
  Looses style on the text in the .gw_atab:
Explorer 5.5 (no Flash)  Windows 2000 Professional 
Explorer 5.0 (no Flash)  Windows 2000 Professional 
  
Mozilla:
Divs to the right
Mozilla 1.7.12 (no Flash)Linux Fedora Core 4
Mozilla 1.6 (No Flash)   Windows 2000 Professional 
Mozilla 1.7.12 (No Flash)Windows 2000 Professional 
Mozilla 1.6 (No Flash)   Windows XP 
Mozilla 1.7.12 (No Flash)Windows XP 
   
  Firefox:
Divs to the right
Firefox 1.5.0 (no Flash)   Linux Fedora Core 4
Firefox 2.0 (no Flash) Linux Fedora Core 4
Firefox 1.5.0 (No Flash)   Windows 2000 Professional 
Firefox 2.0 (No Flash) Windows 2000 Professional 
Firefox 2.0 (No Flash) Windows Vista 
Firefox 1.5.0 (No Flash)   Windows XP 
Firefox 2.0 (No Flash) Windows XP 
  Konqueror:
Divs to the right
Konqueror 3.4.0-5  Linux Fedora Core 4
  
Opera:
Opera 9.0 (no Flash)   Linux Fedora Core 4  OK
Opera 8.5.0 (No Flash) Windows 2000 ProfessionalDivs go upwards
Opera 9.0 (No Flash)   Windows 2000 ProfessionalOK
Opera 9.02 (No Flash)  Windows Vista   OK
Opera 8.5.0 (No Flash) Windows XP Divs go upwards
Opera 9.0 (No Flash)   Windows XP   OK
   
  Netscape:
Netscape 4.78 (no Flash)   Windows 2000 Professional  Lists don´t work
Netscape 6.2 (no Flash)Windows 2000 Professional Divs go to top right
Netscape 7.2 (no Flash)Windows 2000 Professional Divs go to top right
Netscape 6.2.3 (No Flash)  Windows XPDivs go to the right
Netscape 7.2 (no Flash)Windows XPDivs go to top right

   
-
Get the Yahoo! toolbar and be alerted to new email wherever you're surfing. 
 
-
Don't be flakey. Get Yahoo! Mail for Mobile and 
always stay connected to friends.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] table class

[Michael Stevens]

Hi Ross,
There is a 'equal sign' missed in your HTML code:


In case the missed sign was a typo and you want a border around ALL cells of
the table you must use the following CSS:

table.signup_table {
border-collapse:collapse;
}
table.signup_table tr td {
border:1px solid green;
}

--

Why doesn't applying a border to table cascade the way it should enveloping
all of it's child elements, namely tr and td?

Mike


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

[css-d] Divs moving up page

[trevor bayliss]

Hi all,
   My css is now validated as is my html!
I have been checking my index page with the various browser/OS combos but I get 
a major difference with the majority (except for IE) where the divs called 
#gw_tabView1 and .gw_aTab seem to move unexpectedly.
The page can be seen here: http://216.219.94.105/index1.cfm
   
  Thanks for any help
   
  Internet Explorer
Good:
  Explorer 7.0 (no Flash)  Windows XP 
Explorer 6.0 (no Flash)  Windows XP 
Explorer 7.0 (no Flash)  Windows Vista 
Explorer 6.0 (no Flash)  Windows 2000 Professional 
Messes up:
 Explorer 4.0 (no Flash) Windows 98 
  Looses style on the text in the div gw_atab:
Explorer 5.5 (no Flash)  Windows 2000 Professional 
Explorer 5.0 (no Flash)  Windows 2000 Professional 
  
 
  Mozilla:
Divs to the right
Mozilla 1.7.12 (no Flash)Linux Fedora Core 4
Mozilla 1.6 (No Flash)   Windows 2000 Professional 
Mozilla 1.7.12 (No Flash)Windows 2000 Professional 
Mozilla 1.6 (No Flash)   Windows XP 
Mozilla 1.7.12 (No Flash)Windows XP 
   
  Firefox:
Divs to the right
Firefox 1.5.0 (no Flash)   Linux Fedora Core 4
Firefox 2.0 (no Flash) Linux Fedora Core 4
Firefox 1.5.0 (No Flash)   Windows 2000 Professional 
Firefox 2.0 (No Flash) Windows 2000 Professional 
Firefox 2.0 (No Flash) Windows Vista 
Firefox 1.5.0 (No Flash)   Windows XP 
Firefox 2.0 (No Flash) Windows XP 
   
  Konqueror:
Konqueror 3.4.0-5  Linux Fedora Core 4 Divs go to the right
  
Opera:
Opera 9.0 (no Flash)   Linux Fedora Core 4  OK
Opera 8.5.0 (No Flash) Windows 2000 ProfessionalDivs go upwards
Opera 9.0 (No Flash)   Windows 2000 ProfessionalOK
Opera 9.02 (No Flash)  Windows Vista   OK
Opera 8.5.0 (No Flash) Windows XP Divs go upwards
Opera 9.0 (No Flash)   Windows XP   OK
   
   
  Netscape:
Netscape 4.78 (no Flash)   Windows 2000 Professional  Lists don´t work
Netscape 6.2 (no Flash)Windows 2000 Professional Divs go to top right
Netscape 7.2 (no Flash)Windows 2000 Professional Divs go to top right
Netscape 6.2.3 (No Flash)  Windows XPDivs go to the right
Netscape 7.2 (no Flash)Windows XPDivs go to top right


 
-
It's here! Your new message!
Get new email alerts with the free Yahoo! Toolbar.
   
-
Ready for the edge of your seat? Check out tonight's top picks on Yahoo! TV. 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] table class

[Mauricio Samy Silva]

Hi Mike,

Because it's not a cascade issue.[1]
It's an inheritance issue.[2]
The CSS property border isn't an inherited property or in other words, 
doesn't apply to children elements.

[1] http://www.w3.org/TR/REC-CSS2/cascade.html#cascade
[2] http://www.w3.org/TR/REC-CSS2/cascade.html#inheritance

Maurício Samy Silva
http://www.maujor.com/

- Original Message - 
From: "Michael Stevens" <[EMAIL PROTECTED]>
To: 
Sent: Monday, June 04, 2007 8:36 PM
Subject: Re: [css-d] table class


> Hi Ross,
> There is a 'equal sign' missed in your HTML code:
> 
>
> In case the missed sign was a typo and you want a border around ALL cells 
> of
> the table you must use the following CSS:
>
> table.signup_table {
> border-collapse:collapse;
> }
> table.signup_table tr td {
> border:1px solid green;
> }
>
> --
>
> Why doesn't applying a border to table cascade the way it should 
> enveloping
> all of it's child elements, namely tr and td?
>
> Mike

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

Re: [css-d] Text inline with graphic

[jana coyle]

It works great in Firefox but IE puts an additional extra blank line after the 
graphic.
Thanks, Kevin



- Original Message - 
From: "Jukka K. Korpela" <[EMAIL PROTECTED]>
To: 
Sent: Monday, June 04, 2007 1:47 PM
Subject: Re: [css-d] Text inline with graphic


> On Mon, 4 Jun 2007, jana  coyle wrote:
> 
>> I would like to raise the text "3." to be in the center of the graphic 
>> "add to cart"  Right now the "3." is at the bottom of the graphic.  Not 
>> sure how to achieve this. Hope I explained this well enough.
>> Any help would be great. 
>> http://www.precisemessenger.com/private/placeorder.html
> 
> div#numbform input{ vertical-align: middle; }
> 
> You have the text "3." and an image input button, which acts pretty much 
> like an image in styling. Setting vertical-align: middle should align the 
> vertical middle of the image on half of the x height of the text.
> This is probably sufficiently close to what you want.
> 
> This seems to work on Firefox 2. Let's hope other browsers get it right, 
> too. There are some oddities in implementations of vertical-align.
> 
> -- 
> Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/
> 
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] table class

[Michael Stevens]

If a border applied to a table in the CSS is not inherited by tr and td then
why does  in your markup give borders around all the tr
and td?

Following the second link give this description:
The headline is important!
"If no color has been assigned to the EM element, the emphasized "is" will
inherit the color of the parent element, so if H1 has the color blue, the EM
element will likewise be in blue."

which can be logically changed to:
The headline is important!
"If no border has been assigned to the TD element, the TD will inherit the
border of the parent element, so if  has border="1", the TD element
will likewise be border="1".

Does that logic not hold up? I'm just trying to figure out what seems to be
a huge inconsistency in the application of a border to a table.

Mike

-Original Message-
From: Mauricio Samy Silva [mailto:[EMAIL PROTECTED] 
Sent: Monday, June 04, 2007 2:09 PM
To: [EMAIL PROTECTED]; css-d@lists.css-discuss.org
Subject: Re: [css-d] table class

Hi Mike,

Because it's not a cascade issue.[1]
It's an inheritance issue.[2]
The CSS property border isn't an inherited property or in other words,
doesn't apply to children elements.

[1] http://www.w3.org/TR/REC-CSS2/cascade.html#cascade
[2] http://www.w3.org/TR/REC-CSS2/cascade.html#inheritance

Maurício Samy Silva
http://www.maujor.com/

- Original Message -
From: "Michael Stevens" <[EMAIL PROTECTED]>
To: 
Sent: Monday, June 04, 2007 8:36 PM
Subject: Re: [css-d] table class


> Hi Ross,
> There is a 'equal sign' missed in your HTML code:
> 
>
> In case the missed sign was a typo and you want a border around ALL cells 
> of
> the table you must use the following CSS:
>
> table.signup_table {
> border-collapse:collapse;
> }
> table.signup_table tr td {
> border:1px solid green;
> }
>
> --
>
> Why doesn't applying a border to table cascade the way it should 
> enveloping
> all of it's child elements, namely tr and td?
>
> Mike



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

Re: [css-d] Born again CSS

[Luc]

Good evening Gate, 
It was foretold that on 3/6/2007 @ 13:58:54 GMT-0400 (which was
14:58:54 where I live) Gate Wizard would write:

> have you tried: http://css-discuss.incutio.com/?page=FloatLayouts

Yup, even tried the solution given by Sarah but to no avail ... still
having the same problem.

I made a new mockup with the CSS embedded. If anybody can solve my
problem i'll be eternal grateful!!!

http://www.dzinelabs.com/projects/MP/Pages/test1

 
-- 
Best regards,
 Luc
_


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

"Forty is the old age of youth; fifty is the youth of old age." -
Victor Hugo. 


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

Re: [css-d] Born again CSS

[Glen Lipka]

What is the desired outcome when the screen gets small?

A) The screen gets a horizontal scrollbar when a certain minimum width is
reached?
B) The elements overlap each other?

And also, what happens if the screen resolution is very large.  What is the
intended results?

Glen

On 6/4/07, Luc <[EMAIL PROTECTED]> wrote:
>
> Good evening Gate,
> It was foretold that on 3/6/2007 @ 13:58:54 GMT-0400 (which was
> 14:58:54 where I live) Gate Wizard would write:
>
> > have you tried: http://css-discuss.incutio.com/?page=FloatLayouts
>
> Yup, even tried the solution given by Sarah but to no avail ... still
> having the same problem.
>
> I made a new mockup with the CSS embedded. If anybody can solve my
> problem i'll be eternal grateful!!!
>
> http://www.dzinelabs.com/projects/MP/Pages/test1
>
>
> --
> Best regards,
> Luc
> _
>
>
> Powered by The Bat! version 3.99.3 with Windows XP (build 2600),
> version 5.1 Service Pack 2 and using the best browser: Opera.
>
> "Forty is the old age of youth; fifty is the youth of old age." -
> Victor Hugo.
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Positioned Corners in IE6

[Glen Lipka]

Sample:
http://cpns.commadot.com/

In IE6, the corners at the bottom are being placed too low.
When I use the IE Dev toolbar and change anything about them, they snap back
into place.

I hate errors like that.  Any ideas?  Thanks,

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

Re: [css-d] table class

[Mauricio Samy Silva]

Good point Mike.
You are mixing things.
Your logic fails because is applying 'markup rules' to 'CSS rules'.

In  [the old and deprecated way to apply borders]
border is assigned via an HTML * attribute* and must follow what the
HTML Specs [1] says:

The value "border" in the start tag of the TABLE element should be 
interpreted as the value of the frame attribute. It implies rules="all" and 
some default (non-zero) value for the border attribute.


In The headline is important!
There isn't an attribute border like ...

So, borders are applied via CSS, and now the CSS Specs [2] must be followed.

'border'
  Value:   [ <'border-width'> || <'border-style'> ||  ] | inherit
  Initial:   see individual properties
  Applies to:   all elements
  Inherited:   no
  Percentages:   N/A
  Media:   visual


It isn't an inherited property!

[1] http://www.w3.org/TR/REC-html40/struct/tables.html#adef-border-TABLE
[2] http://www.w3.org/TR/REC-CSS2/box.html#propdef-border


Maurício Samy Silva
http://www.maujor.com/



- Original Message - 
From: "Michael Stevens" <[EMAIL PROTECTED]>
To: 
Sent: Monday, June 04, 2007 10:19 PM
Subject: Re: [css-d] table class


If a border applied to a table in the CSS is not inherited by tr and td then
why does  in your markup give borders around all the tr
and td?

Following the second link give this description:
The headline is important!
"If no color has been assigned to the EM element, the emphasized "is" will
inherit the color of the parent element, so if H1 has the color blue, the EM
element will likewise be in blue."

which can be logically changed to:
The headline is important!
"If no border has been assigned to the TD element, the TD will inherit the
border of the parent element, so if  has border="1", the TD element
will likewise be border="1".

Does that logic not hold up? I'm just trying to figure out what seems to be
a huge inconsistency in the application of a border to a table.

Mike

-Original Message-
From: Mauricio Samy Silva [mailto:[EMAIL PROTECTED]
Sent: Monday, June 04, 2007 2:09 PM
To: [EMAIL PROTECTED]; css-d@lists.css-discuss.org
Subject: Re: [css-d] table class

Hi Mike,

Because it's not a cascade issue.[1]
It's an inheritance issue.[2]
The CSS property border isn't an inherited property or in other words,
doesn't apply to children elements.

[1] http://www.w3.org/TR/REC-CSS2/cascade.html#cascade
[2] http://www.w3.org/TR/REC-CSS2/cascade.html#inheritance

Maurício Samy Silva
http://www.maujor.com/

- Original Message -
From: "Michael Stevens" <[EMAIL PROTECTED]>
To: 
Sent: Monday, June 04, 2007 8:36 PM
Subject: Re: [css-d] table class


> Hi Ross,
> There is a 'equal sign' missed in your HTML code:
> 
>
> In case the missed sign was a typo and you want a border around ALL cells
> of
> the table you must use the following CSS:
>
> table.signup_table {
> border-collapse:collapse;
> }
> table.signup_table tr td {
> border:1px solid green;
> }
>
> --
>
> Why doesn't applying a border to table cascade the way it should
> enveloping
> all of it's child elements, namely tr and td?
>
> Mike



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

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

Re: [css-d] Born again CSS

[Luc]

Good evening Glen, 
It was foretold that on 4/6/2007 @ 15:33:09 GMT-0700 (which was
19:33:09 where I live) Glen Lipka would write:

Hi Glen,

> What is the desired outcome when the screen gets small?

sorry if i didn't make myself clear (and sorry for all on the list)

> A) The screen gets a horizontal scrollbar when a certain minimum width is
> reached?

It's indeed outcome A i'm looking for: no overlapping and a horizontal
scrollbar.

> And also, what happens if the screen resolution is very large.  What is the
> intended results?

At  large resolution (1440x900) it looks like intended, except that in
the  round  text isn't centered. But as soon as i resize the viewport,
the floats are all over the place.

 
-- 
Best regards,
 Luc
_


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

"The motor-car will help solve the congestion of traffic." - A. J.
Balfour, c.1910. 


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

Re: [css-d] padding and margins

[David Hucklesby]

On Mon, 04 Jun 2007 14:32:33 -0400, Sandy wrote:
>
> I have a couple of problems with these pages I don't understand.
>
> The  in
> http://sandyfeldman.com/test/smale/portfolio1/port111.html seems to have just 
> a little
> padding on the right, compared to the same thing in
> http://sandyfeldman.com/test/smale/portfolio1/port110.html
>
> where is this coming from!? How do I get rid of it?
>

Hi Sandy,
I am not seeing this in any browser. (Opera, FF, IE 6/7.) Did you fix it?

>
> more trouble in IE6 - the display does not seem to pick up either margin or 
> padding in
> the .thumbs img
>
> how do I get it to show?
>
I couldn't get your pages to load in IE6. The "stop" button did not 
work either. I intended to use the DOM inspector from the IE developer
toolbar, but it would not work while the download was still in progress.

Try adding the margins to the surrounding links instead.

Cordially,
David
--


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

Re: [css-d] table class

[Michael Stevens]

Well, I understand you are right, and did from the start because I've
experienced it myself (even though my argument's logic failed), but I still
say it's an inconsistency. :)

border= in HTML should equal border: in CSS. I understand they are different
but to make them inconsistent would be one reason why people have a hard
time with the "CSS or die" theory of late.

Mike

-Original Message-
From: Mauricio Samy Silva [mailto:[EMAIL PROTECTED] 
Sent: Monday, June 04, 2007 4:06 PM
To: [EMAIL PROTECTED]; css-d@lists.css-discuss.org
Subject: Re: [css-d] table class

Good point Mike.
You are mixing things.
Your logic fails because is applying 'markup rules' to 'CSS rules'.

In  [the old and deprecated way to apply borders] border
is assigned via an HTML * attribute* and must follow what the HTML Specs [1]
says:

The value "border" in the start tag of the TABLE element should be
interpreted as the value of the frame attribute. It implies rules="all" and
some default (non-zero) value for the border attribute.


In The headline is important! There isn't an attribute
border like ...

So, borders are applied via CSS, and now the CSS Specs [2] must be followed.

'border'
  Value:   [ <'border-width'> || <'border-style'> ||  ] | inherit
  Initial:   see individual properties
  Applies to:   all elements
  Inherited:   no
  Percentages:   N/A
  Media:   visual


It isn't an inherited property!

[1] http://www.w3.org/TR/REC-html40/struct/tables.html#adef-border-TABLE
[2] http://www.w3.org/TR/REC-CSS2/box.html#propdef-border


Maurício Samy Silva
http://www.maujor.com/


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

Re: [css-d] Born again CSS

[Glen Lipka]

How about something like this?
http://www.commadot.com/jquery/min-width.htm

Although, I feel like this is a little ugly.

Look at the code with a table:
http://www.commadot.com/jquery/min-width-table.htm

Doesn't that seem easier to manage?

Glen



On 6/4/07, Luc <[EMAIL PROTECTED]> wrote:
>
> Good evening Glen,
> It was foretold that on 4/6/2007 @ 15:33:09 GMT-0700 (which was
> 19:33:09 where I live) Glen Lipka would write:
>
> Hi Glen,
>
> > What is the desired outcome when the screen gets small?
>
> sorry if i didn't make myself clear (and sorry for all on the list)
>
> > A) The screen gets a horizontal scrollbar when a certain minimum width
> is
> > reached?
>
> It's indeed outcome A i'm looking for: no overlapping and a horizontal
> scrollbar.
>
> > And also, what happens if the screen resolution is very large.  What is
> the
> > intended results?
>
> At  large resolution (1440x900) it looks like intended, except that in
> the  round  text isn't centered. But as soon as i resize the viewport,
> the floats are all over the place.
>
>
> --
> Best regards,
> Luc
> _
>
>
> Powered by The Bat! version 3.99.3 with Windows XP (build 2600),
> version 5.1 Service Pack 2 and using the best browser: Opera.
>
> "The motor-car will help solve the congestion of traffic." - A. J.
> Balfour, c.1910.
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Born again CSS

[Luc]

Good evening Glen, 
It was foretold that on 4/6/2007 @ 17:18:55 GMT-0700 (which was
21:18:55 where I live) Glen Lipka would write:



> How about something like this?
> http://www.commadot.com/jquery/min-width.htm

That's the thing i'm after Glenn!!

> Look at the code with a table:
> http://www.commadot.com/jquery/min-width-table.htm
> Doesn't that seem easier to manage?

It might be easier indeed but i'm after a clean cut css approach...

2morrow i'll have a thorough glance at your css and hopefully i'll be
able to adapt it to my likings :-)

I'll keep you posted if i may

Tnx a zillion


 
-- 
Best regards,
 Luc
_

http://www.dzinelabs.com

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

"Relax - otherwise you might die all tensed up ." 


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

Re: [css-d] Born again CSS

[Glen Lipka]

Oh, good.
Also, check out some of the CSS Layouts around the web.
They help. Its impossible to memorize all this stuff.

Example:
http://www.cssplay.co.uk/layouts/3cols2.html#

Glen

On 6/4/07, Luc <[EMAIL PROTECTED]> wrote:
>
> Good evening Glen,
> It was foretold that on 4/6/2007 @ 17:18:55 GMT-0700 (which was
> 21:18:55 where I live) Glen Lipka would write:
>
> 
>
> > How about something like this?
> > http://www.commadot.com/jquery/min-width.htm
>
> That's the thing i'm after Glenn!!
>
> > Look at the code with a table:
> > http://www.commadot.com/jquery/min-width-table.htm
> > Doesn't that seem easier to manage?
>
> It might be easier indeed but i'm after a clean cut css approach...
>
> 2morrow i'll have a thorough glance at your css and hopefully i'll be
> able to adapt it to my likings :-)
>
> I'll keep you posted if i may
>
> Tnx a zillion
>
>
>
> --
> Best regards,
> Luc
> _
>
> http://www.dzinelabs.com
>
> Powered by The Bat! version 3.99.3 with Windows XP (build 2600),
> version 5.1 Service Pack 2 and using the best browser: Opera.
>
> "Relax - otherwise you might die all tensed up ."
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Konqueror only css 'hack'

[Philippe Wittenbergh]

On Jun 5, 2007, at 2:46 AM, James Leslie wrote:

> I seem to be having a couple of problems with a site in konqueror (it
> works pretty much fine on every other browser on mac/pc/linux) and  
> came
> across the following hack through google. I was wondering if anyone  
> had
> any experience of using it and how 'safe' it might be in the future?
>
> html:not(:nth-child(1)) body {
> attributes for konqueror issues
> }

As with many of those hacks that rely on a single browser supporting  
a particular selector (in this case: :nth-child), it is far from  
safe, in the long run.
At time of writing, only Konqueror (and the Tasman rendering engine  
in Entourage/OS X) support this selector.
There are rumours that the upcoming Opera 9.5 will support those  
selectors. Safari 3.0 and Firefox 3.0 almost certainly won't support  
them.

As for experience using this hack, I can't help. Never used it. It  
will probably work fine, for now, and might break [1] in the next  
release of  Konqueror. Personally, I stay away from those  
construction, unless it is something that has a very short life-span  
(e.g. a page that will only be live for a few days or weeks at most).  
In all other cases, those hacks come back to bite you.

BTW - what are the problems you are experiencing in Konqueror ? That  
browser is not often discussed on this list, maybe we can all learn  
something...

[1] break as in: the issue you try to work around is fixed in the  
next release.

Philippe
---
Philippe Wittenbergh





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

Re: [css-d] Jogging in IE 6

[David Laakso]

Theresa Mesa wrote:
> Why is the main content  jogging in IE6, but not IE7 or FF on either  
> platform, or Safari?
>
> http://mdh-test.com/vads
> http://mdh-test.com/vads/vds.css
>
> Been a while since I built a site, so I'm a little rusty. Thank you  
> for your help.
>
> Theresa Mesa
> [EMAIL PROTECTED]
>   



Theresa, I do not know why IE6 is peculiar in this particular situation.
This seemed to correct the problem (enclosed the float, threw it right, 
and kept it from hooking under #banner)

div#container { background-color; fuchsia;
float: right; <<< add
 /*margin: 0;*/
/*margin-left: 284px;*/
width: 475px;
}  


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

[css-d] Making a Blog "theme" your own...

[Maxwell Balmain]

I have done a number of designs using strict doctypes and CSS etc. I  
would like to begin a portfolio site with a blog interface. While I  
am reasonably comfortable with CSS I have no experience in taking the  
Wordpress blog system and creating my unique theme by using my own  
graphics and CSS. Does anyone know of any good sites or tutorials on  
this subject. I don't want to use a template or anyone else's theme  
or CSS style. Any thoughts?

Thanks,

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

Re: [css-d] Navcontainer Problems

[Richard Brown]

Hi Lori

On 01/06/07, Lori Lay <[EMAIL PROTECTED]> wrote:
> >
> > I am trying to use different images for a nav list. I am declaring
> > different classes for each image and that is working. However, I
> > cannot get the text to sit below the images. Could you have a look and
> > maybe see where I am going wrong please?
> >
> > 
> > 
> >
> I actually thought the hover was kind of cute :-)
>
> Try this
>
> #navcontainer ul {
> list-style-type:none;
> margin:0px;
> padding:0px;
> text-align:center;   /* change this to center */
> }
>
> and this
>
> #navcontainer ul li a.one {
> background:transparent url(images/appleno.gif) no-repeat scroll 50% 0%;
> /* change the horizontal alignment to 50% */
> }
>
Many thanks for your help. It worked and thanks for the cute comment.
-- 
Rich
http://www.cregy.co.uk
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
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] multiple similar pages with same navigation bar

[Trevor Richens]

Hi,
Strictly speaking this is really an "off-list" topic but here's my solution.

I generate my pages that require this using PHP.
I create the basic template page in XHTML and then break down each section into 
separate files.
I then add the PHP tags so that the page gets recreated correctly using the 
separate files.

So a simple header.php file would look like

http://www.w3.org/TR/html4/strict.dtd\";>



something in here



";
?>

Create a menus.php and footer.php in a similar way.

So in this case my page8.php will look like this










and will load up all the separate sections. So when I want to update page8 then 
the only file that needs changing is page8content.php. I include the  in the page PHP file so I can use this to highlight the current 
page but if you don't need this then put the body tag in the header.php file.
If I add a menu item then I only change the menus.php file and add in a new 
pageX.php file and a new pageXcontent.php file.
Everything else uses the newly updated files without any further changes.

Hope this helps and gives you some ideas.
Trevor


- Original Message 
From: Kaye <[EMAIL PROTECTED]>
To: css-d@lists.css-discuss.org
Sent: Monday, 4 June, 2007 4:55:36 AM
Subject: [css-d] multiple similar pages with same navigation bar

I am just learning CSS so hopefully I know enough to adequately 
explain what I am trying to do.

I have looked at the example of a css layout with a header, footer, 
and two columns - the left one I want to contain a nav bar and the 
right one the different content on each page. The example I have been 
looking at is here:
http://www.maxdesign.com.au/presentation/two-columns/final_fullwidth.htm

My question is whether it is possible to turn this example into an 
external style sheet with the header, footer and left column content 
there and  then just have each separate page's content (for the right 
column) in an html page that uses that external style sheet.

I can't seem to make it work and am not sure if it's possible, or if 
I just haven't got it working right, or if I have some kind of major 
conceptual problem and this is just totally the wrong way to go about this.

So is this a good way to go about this task, or is there some other 
way to use css to have multiple pages all with the same navbar 
(without duplicating it in each page)?

Thanks for any suggestions.

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



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