Re: [css-d] In HTML CSS vs. Separate style sheet CSS

2010-03-15 Thread Philippe Wittenbergh 

On Mar 16, 2010, at 1:18 AM, Chris Blake wrote:

> On 16/03/2010, at 12:01 AM, Climis, Tim wrote:
> 
>>> 100%px isn't valid, unless my programming mind is tying to make too  
>>> much sense.
>> 
>> I think that's the problem... His template is putting in 'px' even  
>> though he doesn't want one.  And he wants to have a width of 100% in  
>> spite of it.
>> 
>>> Stylesheets should never overwrite a style defined in the actual tag
>> (Unless it's on the user's side).
>> 
>> On the other hand, that gave me an idea that may work (completely  
>> untested mind you):
>> 
>> Invalid styles should be ignored.  So, if you specify "width:  
>> 100%px" in the inline style, and then width: 100% in the style  
>> sheet, it might actually get applied.  It would be among the ugliest  
>> hacks I've ever seen though.
>> 
>> ---Tim
>> 
>> 
> 
> You're right that's what I am trying to do. I will give it a go for  
> the sake of experimentation. I may even write "width(px): uglyhack% in  
> the joomla backend so that it can't even get a number from it!
> 
> style="width: uglyhack%px ;height: 255px;">

Maybe something without ugly hack ?
Both of the following will override the inline style

* possibility one, in your custom.css
selector {width: 100% !important;}

or

* possibility 2, in your custom.css
selector { max-width:100%; min-width:100%; } 

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





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

Re: [css-d] SOLVED multiple IDs and classes to one div - which one speaks loudest?

2010-03-15 Thread Chris Blake 
>
>
>> Here is the HTML:
>>
>> > class="yoo-toppanel">content
>>
>> And it reads this CSS first:
>>
>> #yoo-toppanel-1 div.yoo-toppanel div.panel-container {
>>
>> But because of this it is disregarding 'mine' and choosing
>> default.
>
> Hi Chris,
>
> It's actually 'disregarding' your CSS because '#yoo-toppanel-1  
> div.yoo-toppanel' doesn't match; that's looking for a DIV element  
> with a class of 'yoo-toppanel' INSIDE an element with an ID of 'yoo- 
> toppanel-1'.
>
> To match that element, you actually want:
>
> #yoo-toppanel-1.yoo-toppanel
>
> OR
>
> div#yoo-toppanel-1.yoo-toppanel
>
> OR just
>
> #yoo-toppanel-1
>
> which will probably 'win' on specificity, depending on the other CSS  
> present.
>
> - Bobby
>

You inspired me to give it another crack and what i did was change:
#yoo-toppanel-1  div.panel-container{  -to-  div#yoo-toppanel-1   
div.panel-container {
and it's worked!

I don't understand why every class or ID in this module's default CSS  
has to start with 'div' but that's what'd been crushing my change in  
parenting idea. I guess that IDs are stronger than classes then.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] multiple IDs and classes to one div - which one speaks loudest?

2010-03-15 Thread Bobby Jack 
--- On Mon, 3/15/10, Chris Blake  wrote:

> Here is the HTML:
> 
>  class="yoo-toppanel">content
> 
> And it reads this CSS first:
> 
> #yoo-toppanel-1 div.yoo-toppanel div.panel-container {
>
> But because of this it is disregarding 'mine' and choosing
> default.

Hi Chris,

It's actually 'disregarding' your CSS because '#yoo-toppanel-1 
div.yoo-toppanel' doesn't match; that's looking for a DIV element with a class 
of 'yoo-toppanel' INSIDE an element with an ID of 'yoo-toppanel-1'.

To match that element, you actually want:

#yoo-toppanel-1.yoo-toppanel

OR

div#yoo-toppanel-1.yoo-toppanel

OR just

#yoo-toppanel-1

which will probably 'win' on specificity, depending on the other CSS present.

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

[css-d] multiple IDs and classes to one div - which one speaks loudest?

2010-03-15 Thread Chris Blake 
Hi,

I want to targetdiv#yoo-toppanel-1   in my CSS without disturbing  
the styling already in place for div.yoo-toppanel.
Here is the HTML:

content

And it reads this CSS first:

#yoo-toppanel-1 div.yoo-toppanel div.panel-container {
position: fixed;
left: 50%;
width: 100%;
height: 0px; /* overlapping link bug */
margin-left: -50%;
z-index: 15;
}

(mine) and then this:

div.yoo-toppanel div.panel-container {
position: absolute;
left: 50%;
width: 100%;
height: 0px;
margin-left: -50%;
z-index: 15;
}

(default)

But because of this it is disregarding 'mine' and choosing default.

So I messed with the parenting of it a bit and used:

#yoo-toppanel-1  div.panel-container {
position: fixed;
left: 50%;
width: 100%;
height: 0px; /* overlapping link bug */
margin-left: -50%;
z-index: 15;
}

but then it reads both and causes a big mess.

What I am trying to do is not touch the default styling and use only  
'mine' which is read first. I think the problem maybe to do with #yoo- 
toppanel-1 being a sibling of the class.

Any pointers?

Thanks, CB
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] the CSS discuss Wiki

2010-03-15 Thread Rob Emenecker 

THANK YOU to everyone that maintains the CSS Discuss List Wiki. 

I had a recent "issue" regarding footers. Before doing my "knee jerk send
plea for help to the list", I first checked the Wiki. My issue was resolved
in less than a minute with information that was available there. 

So I wanted THANK everyone on this list that maintains the Wiki. It is an
incredibly valuable resource!

Best,
Rob


Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
 
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted.

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

Re: [css-d] Another IE6 issue I don't understand

2010-03-15 Thread David Hucklesby 
On 3/15/10 8:46 AM, Alan Chandler wrote:
> David Laakso wrote:
>
>> With regard to specific difficulty with the ala article "holy
>> grail" layout in IE/6.0 please see Ingo Chao's article regarding it
>> and a fix for it: 
>>
>> Best, ~d
>>
>
> Thanks for these pointers.  It's good reading and I think I can sort
> out the problems with this info.
>

One other approach that I have found more robust is to use relative
positioning to move the columns, instead of margins. It is described in
Appendix E of the aListApart article[1]. YMMV.

[1]


(if that link breaks, try http://bit.ly/aot8pT )

Cordially,
David
--



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

Re: [css-d] In HTML CSS vs. Separate style sheet CSS

2010-03-15 Thread Chris Blake 



On 16/03/2010, at 12:01 AM, Climis, Tim wrote:

>> 100%px isn't valid, unless my programming mind is tying to make too  
>> much sense.
>
> I think that's the problem... His template is putting in 'px' even  
> though he doesn't want one.  And he wants to have a width of 100% in  
> spite of it.
>
>> Stylesheets should never overwrite a style defined in the actual tag
> (Unless it's on the user's side).
>
> On the other hand, that gave me an idea that may work (completely  
> untested mind you):
>
> Invalid styles should be ignored.  So, if you specify "width:  
> 100%px" in the inline style, and then width: 100% in the style  
> sheet, it might actually get applied.  It would be among the ugliest  
> hacks I've ever seen though.
>
> ---Tim
>
>

You're right that's what I am trying to do. I will give it a go for  
the sake of experimentation. I may even write "width(px): uglyhack% in  
the joomla backend so that it can't even get a number from it!

style="width: uglyhack%px ;height: 255px;">

There goes validation ;-P

Thanks to both!

Cheers, CB
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Image text box

2010-03-15 Thread Brian M. Curran 
ta-da!!!

http://www.draftingservices.com/building_survey.html


CSS:
.textBox
 {
 width: 200px;
 float: right;
 margin: 0 0 5px 5px;
 padding: 5px;
 border: 1px solid #000;
 background: #fff;
 font-size: x-small;
 }

HTML:



Building survey floor plan.




Thanks again to all who helped me!! Now I can add other images to my site too. 
:-)
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] In HTML CSS vs. Separate style sheet CSS

2010-03-15 Thread Climis, Tim 
> 100%px isn't valid, unless my programming mind is tying to make too much 
> sense.

I think that's the problem... His template is putting in 'px' even though he 
doesn't want one.  And he wants to have a width of 100% in spite of it.

> Stylesheets should never overwrite a style defined in the actual tag
(Unless it's on the user's side).

On the other hand, that gave me an idea that may work (completely untested mind 
you):

Invalid styles should be ignored.  So, if you specify "width: 100%px" in the 
inline style, and then width: 100% in the style sheet, it might actually get 
applied.  It would be among the ugliest hacks I've ever seen though.

---Tim




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

Re: [css-d] In HTML CSS vs. Separate style sheet CSS

2010-03-15 Thread Chris Blake 




On 15/03/2010, at 11:46 PM, Jack Timmons wrote:

> On Mon, Mar 15, 2010 at 10:42 AM, Chris Blake  
>  wrote:
>> Hi,
>>
>> I think that I already know the answer to this one but it's worth a
>> shot:
>>
>> I am using Joomla and ripping a template apart to make it work for  
>> me.
>> However when it comes to some of the modules I have to set the width
>> in pixels via the Joomla backend and the resulting code looks like  
>> this:
>>
>> 
>>
>>
>> I tried to stick in a percent sign but it wrote it like this:
>> style="width: 100%px;height: 255px;">
>>
>> Now the 'custom.css' sheet is the last CSS sheet in the list and is
>> overwriting most of the template's own. However I don't stand much of
>> a chance of getting around this styling unless you guys no of one?
>>
>> Thanks, CB
>>
>> (BTW I am using using a fluid layout and would like this scroller to
>> be the same)
>
> 100%px isn't valid, unless my programming mind is tying to make too  
> much sense.
>
> Stylesheets should never overwrite a style defined in the actual tag
> (Unless it's on the user's side).
>
> http://www.w3.org/TR/CSS2/cascade.html#specificity
>
> I would validate your CSS first and go from there.
>


Hi Jack,

Of course! I wouldn't dream of using 100%px .
How could user's side help? It would still have to load another style  
sheet and then go through the same HTML resulting in PX not %.
?

BR, CB
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] In HTML CSS vs. Separate style sheet CSS

2010-03-15 Thread Jack Timmons 
On Mon, Mar 15, 2010 at 10:42 AM, Chris Blake  wrote:
> Hi,
>
> I think that I already know the answer to this one but it's worth a
> shot:
>
> I am using Joomla and ripping a template apart to make it work for me.
> However when it comes to some of the modules I have to set the width
> in pixels via the Joomla backend and the resulting code looks like this:
>
> 
>        
>
> I tried to stick in a percent sign but it wrote it like this:
> style="width: 100%px;height: 255px;">
>
> Now the 'custom.css' sheet is the last CSS sheet in the list and is
> overwriting most of the template's own. However I don't stand much of
> a chance of getting around this styling unless you guys no of one?
>
> Thanks, CB
>
> (BTW I am using using a fluid layout and would like this scroller to
> be the same)

100%px isn't valid, unless my programming mind is tying to make too much sense.

Stylesheets should never overwrite a style defined in the actual tag
(Unless it's on the user's side).

http://www.w3.org/TR/CSS2/cascade.html#specificity

I would validate your CSS first and go from there.

-- 
-Jack Timmons
http://www.trotlc.com
Twitter: @codeacula
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Image text box

2010-03-15 Thread Brian M. Curran 
>>I was asking for a "No, because..." or "Yes, because..." response.

>Fair enough.

>No, because it's not a paragraph, it's an image. A reader (forget humans, just 
>think reading mechanisms, which can include humans) when it sees a  expects 
>to >see a paragraph of content. Instead it sees an image. The proper markup 
>for that is the  tag. If that needs a wrapper, that's what  is for 
>(it's for any >arbitrary block, as  is for any arbitrary string).

>So, wrenching this over in the direction of CSS, when you want to style an 
>image and perhaps some associated text, the proper thing to style would be a 
> >rather than a .  It'd be really sweet if HTML had a tag that would 
>encompass not only the graphic itself but also associated content, but I've 
>not seen any >stirrings in that direction.


>Skip Knox
>Boise State University





Thank you! :-) ...And of course thanks to David too. :-)

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

Re: [css-d] Another IE6 issue I don't understand

2010-03-15 Thread Alan Chandler 
David Laakso wrote:

> With regard to specific difficulty with the ala article "holy grail" 
> layout in IE/6.0 please see Ingo Chao's article regarding it and a fix 
> for it:
> 
> 
> Best,
> ~d
> 

Thanks for these pointers.  It's good reading and I think I can sort out 
the problems with this info.

-- 
Alan Chandler
http://www.chandlerfamily.org.uk

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

[css-d] In HTML CSS vs. Separate style sheet CSS

2010-03-15 Thread Chris Blake 
Hi,

I think that I already know the answer to this one but it's worth a  
shot:

I am using Joomla and ripping a template apart to make it work for me.  
However when it comes to some of the modules I have to set the width  
in pixels via the Joomla backend and the resulting code looks like this:




I tried to stick in a percent sign but it wrote it like this: 
style="width: 100%px;height: 255px;">

Now the 'custom.css' sheet is the last CSS sheet in the list and is  
overwriting most of the template's own. However I don't stand much of  
a chance of getting around this styling unless you guys no of one?

Thanks, CB

(BTW I am using using a fluid layout and would like this scroller to  
be the same)
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Image text box

2010-03-15 Thread Skip Knox 
>I was asking for a "No, because..." or "Yes, because..." response.

Fair enough.

No, because it's not a paragraph, it's an image. A reader (forget humans,
just think reading mechanisms, which can include humans) when it sees a 
expects to see a paragraph of content. Instead it sees an image. The proper
markup for that is the  tag. If that needs a wrapper, that's what 
is for (it's for any arbitrary block, as  is for any arbitrary
string).

So, wrenching this over in the direction of CSS, when you want to style an
image and perhaps some associated text, the proper thing to style would be a
 rather than a .  It'd be really sweet if HTML had a tag that would
encompass not only the graphic itself but also associated content, but I've
not seen any stirrings in that direction.


Skip Knox
Boise State University
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Image text box

2010-03-15 Thread Brian M. Curran 

> Your question has more to do with HTML than CSS -- asking if using a
> paragraph tag is okay as long as it works -- but I'll respond anyway.
>
> There are two different kind of "it works" in our business. There's "it
> works for me" and there's "it works across browsers".
>
>>> Brian M. Curran wrote:
>>>
 Hi All,
 I've never done this before... I made a bordered text box around an
 image using a paragraph. It can be found here:

 http://www.draftingservices.com/building_survey.html

 Would this be considered acceptable CSS or make-shift?

 Sincerely,
 Brian






> >Why would I do that, if what I've done works. ...This basically harkens 
> >back to my original question.





> An important point about standards is to come up with a way that your code
> not only works across browsers but will continue to work even as browsers
> change. The notion is that if you write compliant code, and the community
> develops compliant browsers, everything will continue to work with little 
> or
> no disruption.
>
> So the important question is not whether your approach works but whether
> your approach complies with the standards. I believe that was the purpose
> behind referring you to the tutorial. If your only benchmark is "it works"
> then the tutorial is indeed irrelevant. The developer is free to code as 
> he
> pleases, and the visitor is free to retreat in frustration. :)
>
>
>
> Skip Knox
> Boise State University



Thanks Skip. I recognized that from the outset. That is, that I could have 
created something that worked but was not "acceptable". - I'm looking to 
learn here.

Pointing me to a tutorial, while helpful, didn't answer my question. Of 
course sometimes errors in coding may become self-evident if one is pointed 
to a tutorial, but in this instance that is not what happened. It just 
seemed like an alternative way to do what I've already done. It seemed more 
like preference, than whether or not what I had already done was acceptable 
or not. I thought the point of my question was clear enough. I was asking 
for a "No, because..." or "Yes, because..." response.

Lastly, whether or not my question is more CSS or HTML based. You may be 
right that it is more HTML based. Regardless, I believe it is intimately 
connected to CSS.

Sincerely,
Brian

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

Re: [css-d] Image text box

2010-03-15 Thread Skip Knox 
Your question has more to do with HTML than CSS -- asking if using a
paragraph tag is okay as long as it works -- but I'll respond anyway.

There are two different kind of "it works" in our business. There's "it
works for me" and there's "it works across browsers".

An important point about standards is to come up with a way that your code
not only works across browsers but will continue to work even as browsers
change. The notion is that if you write compliant code, and the community
develops compliant browsers, everything will continue to work with little or
no disruption.

So the important question is not whether your approach works but whether
your approach complies with the standards. I believe that was the purpose
behind referring you to the tutorial. If your only benchmark is "it works"
then the tutorial is indeed irrelevant. The developer is free to code as he
pleases, and the visitor is free to retreat in frustration. :)



Skip Knox
Boise State University

Why would I do that, if what I've done works. ...This basically harkens back

> to my original question.
>
>
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Image text box

2010-03-15 Thread Bill Braun 

Brian M. Curran wrote:
 Brian M. Curran wrote:
 
> Hi All,
> I've never done this before... I made a bordered text box around an 
> image using a paragraph. It can be found here:
>
> http://www.draftingservices.com/building_survey.html
>
> Would this be considered acceptable CSS or make-shift?
>
> Sincerely,
> Brian
>
>   
>> David Laakso wrote:
>> Then I guess all I can suggest is that you do it differently and change 
>> the css/markup following the above provided tutorial?
>> 
>
> Why would I do that, if what I've done works. ...This basically harkens back 
> to my original question.
>   

I don't mean this as nit-picking...your original question was "Would 
this be considered acceptable CSS or make-shift?", not whether it works 
or not. That is the question to which David is responding.

Bill B

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

Re: [css-d] Image text box

2010-03-15 Thread Brian M. Curran 
>>> Brian M. Curran wrote:
>>>
 Hi All,
 I've never done this before... I made a bordered text box around an 
 image using a paragraph. It can be found here:

 http://www.draftingservices.com/building_survey.html

 Would this be considered acceptable CSS or make-shift?

 Sincerely,
 Brian



>>>   David Laakso wrote:
>>> This explains another method for achieving what you're after.
>>> 
>>>
>>> Best,
>>> ~d




>> Brian M. Curran wrote:
>> Great link, thank you. The addition code for my current situation is not 
>> making sense though? My current CSS and HTML are:




> David Laakso wrote:
> Then I guess all I can suggest is that you do it differently and change 
> the css/markup following the above provided tutorial?




Why would I do that, if what I've done works. ...This basically harkens back 
to my original question.

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

Re: [css-d] Image text box

2010-03-15 Thread David Laakso 
Brian M. Curran wrote:
>> Brian M. Curran wrote:
>> 
>>> Hi All,
>>> I've never done this before... I made a bordered text box around an image 
>>> using a paragraph. It can be found here:
>>>
>>> http://www.draftingservices.com/building_survey.html
>>>
>>> Would this be considered acceptable CSS or make-shift?
>>>
>>> Sincerely,
>>> Brian
>>>
>>>   
>
>
>   
>> This explains another method for achieving what you're after.
>> 
>>
>> Best,
>> ~d
>>
>> 
>
>
> Great link, thank you. The addition code for my current situation is not 
> making sense though? My current CSS and HTML are:
>
>
>   




Then I guess all I can suggest is that you do it differently and change 
the css/markup following the above provided tutorial?

Best,
~d




-- 
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/

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

Re: [css-d] Image text box

2010-03-15 Thread Brian M. Curran 
> Brian M. Curran wrote:
>> Hi All,
>> I've never done this before... I made a bordered text box around an image 
>> using a paragraph. It can be found here:
>>
>> http://www.draftingservices.com/building_survey.html
>>
>> Would this be considered acceptable CSS or make-shift?
>>
>> Sincerely,
>> Brian
>>


> David Laakso wrote:
> It seems to work the way you have it cross-browder. Not sure why you need 
> such very long selector names, though.
>
> This explains another method for achieving what you're after.
> 
>
> Either way, you may want to add this to keep the text and image within 
> their own block:
> h5 {border: 1px solid red; clear:both; }
>
> Best,
> ~d
>


Great link, thank you. The addition code for my current situation is not 
making sense though? My current CSS and HTML are:

p.articleImageTextRight {
 width: 200px;
 float: right;
 margin: 0 0 5px 5px;
 padding: 5px;
 border: 1px solid #000;
 background: #eee;
 font-size: x-small;
 }

p.articleImageTextRight img {
 margin-bottom: 5px;
 }





Building survey floor plan.
 

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

Re: [css-d] Another IE6 issue I don't understand

2010-03-15 Thread David Laakso 
Alan Chandler wrote:
>
> It all works fine in other browsers and I am now going round trying to 
> fixup IE6 issues.
>
> In this particular example (using a template I have copied from 
> elsewhere - and which I have now found doesn't work in the original form 
> either) changing the content is causing the left sidebar to shoot to the 
> right.
>
> So the two versions using the same template, but different content is
>
> http://www.hartley-web.com/templates/abar/index.php
> http://www.hartley-web.com/templates/abar/case1.php
>
>   



Both of the above pages appear to be broken in the same way, not just in 
IE/6, but also in IE XP/7, IE/8; and current Mac versions of Firefox, 
Camino, Safari, and Opera.

With regard to specific difficulty with the ala article "holy grail" 
layout in IE/6.0 please see Ingo Chao's article regarding it and a fix 
for it:


Best,
~d

-- 
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/

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

Re: [css-d] Another IE6 issue I don't understand

2010-03-15 Thread Gabriele Romanato 
Basically, when you test something with CSS, you should always make  
sure that no DOM interactions are actually active, that is, you should  
remove all JS files from your page. Then you can start testing.
Since you said that all elements have layout, I guess it's something  
related to element dimensions and floats.
I can't see your CSS code right here in IE, but try to use this:

http://www.css-zibaldone.com/code/jquery/ie6fix/

since you're familiar with JS scripting, this could help you with  
testing. Once you've found out what's wrong with IE, you can move the  
CSS declarations from the ie6fix plugin to your IE6 css file. HTH

Gabriele Romanato



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

[css-d] Another IE6 issue I don't understand

2010-03-15 Thread Alan Chandler 
The following template is a standard style three column layout, using 
the holy grail technique to pull the left column into place.

These pages are controlled by a php template which generates the code 
identically for each page other than the content of the content section, 
and the precise coding of the menu (adds classes to define which is 
current).

It all works fine in other browsers and I am now going round trying to 
fixup IE6 issues.

In this particular example (using a template I have copied from 
elsewhere - and which I have now found doesn't work in the original form 
either) changing the content is causing the left sidebar to shoot to the 
right.

I am struggling to understand which IE6 issue this is, and therefore how 
to fix it.  I have tried making a simpler test version but I can't 
trigger the bug.  The fundemental difference is a slideshow controlled 
by javascript which contains floated divs and absolute divs.  I have 
been through them all with the IE developers toolbar and checked that 
they all Have Layout, so I am not sure where the problem lies.

So the two versions using the same template, but different content is

http://www.hartley-web.com/templates/abar/index.php
http://www.hartley-web.com/templates/abar/case1.php


Can someone please point me in the right direction.
-- 
Alan Chandler
http://www.chandlerfamily.org.uk

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