Re: [css-d] help with floats

2009-12-16 Thread MEM
Thanks Christian and Theresa,

Everything's fine now. :)
I must get used to define widths on the floats.

K. Regards,
Márcio



> -Original Message-
> From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
> boun...@lists.css-discuss.org] On Behalf Of Christian Kirchhoff
> Sent: quarta-feira, 16 de Dezembro de 2009 21:55
> To: css-d@lists.css-discuss.org
> Subject: Re: [css-d] help with floats
> 
> MEM schrieb:
> > Hello all,
> >
> > I'm trying to put some text side by side with an image placeholder,
> however,
> > after some hours, I'm unable to understand why can't I do this.
> >
> > Please have a look here:
> > http://www.chequedejeuner.nuvemk.com/home3.html
> >
> > The id is:
> > #txtConteudoPrimeiraColuna
> >
> > And it should be side by side with:
> > #imgConteudoPrimeiraColuna
> >
> > I believe all floats are properly contained. I've also tried to
> enlarge the
> > containers, but still no luck.
> >
> > Hope you can help me understand what's going on, I'm clueless about
> it, and
> > it could be something really easy that I just can't see.
> >
> >
> > Thanks a lot in advanced,
> > Márcio
> >
> >
> >
> __
> > 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/
> >
> Hello Márcio,
> 
> try to give the div#txtConteudoPrimeiraColuna a width. Unless you do so,
> that div (because it contains a p with a lot of text) will alsways be
> as
> wide as the containing element and thus never go in one line with the
> former div.
> As soon as you define e.g.
> div#txtConteudoPrimeiraColuna {
> width: 150px;
> }
> it will go up and to the right of the image.
> 
> --
> Best regards,
> 
> Christian Kirchhoff
> Editura GmbH & Co. KG
> Tempelhofer Damm 2 · 12101 Berlin
> www.editura.de 
> AG Berlin-Charlottenburg · HRA 43189 B · USt.Id. DE217180548
> Geschäftsführer: Ralf Szymanski
> __
> 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-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] help with floats

2009-12-16 Thread Christian Kirchhoff
MEM schrieb:
> Hello all, 
>
> I'm trying to put some text side by side with an image placeholder, however,
> after some hours, I'm unable to understand why can't I do this.
>
> Please have a look here:
> http://www.chequedejeuner.nuvemk.com/home3.html
>
> The id is:
> #txtConteudoPrimeiraColuna
>
> And it should be side by side with:
> #imgConteudoPrimeiraColuna
>
> I believe all floats are properly contained. I've also tried to enlarge the
> containers, but still no luck.
>
> Hope you can help me understand what's going on, I'm clueless about it, and
> it could be something really easy that I just can't see.
>
>
> Thanks a lot in advanced,
> Márcio
>
>
> __
> 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/
>   
Hello Márcio,

try to give the div#txtConteudoPrimeiraColuna a width. Unless you do so, 
that div (because it contains a p with a lot of text) will alsways be as 
wide as the containing element and thus never go in one line with the 
former div.
As soon as you define e.g.
div#txtConteudoPrimeiraColuna {
width: 150px;
}
it will go up and to the right of the image.

-- 
Best regards,

Christian Kirchhoff
Editura GmbH & Co. KG
Tempelhofer Damm 2 · 12101 Berlin
www.editura.de 
AG Berlin-Charlottenburg · HRA 43189 B · USt.Id. DE217180548
Geschäftsführer: Ralf Szymanski
__
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] help with floats

2009-12-16 Thread MEM
Hello all, 

I'm trying to put some text side by side with an image placeholder, however,
after some hours, I'm unable to understand why can't I do this.

Please have a look here:
http://www.chequedejeuner.nuvemk.com/home3.html

The id is:
#txtConteudoPrimeiraColuna

And it should be side by side with:
#imgConteudoPrimeiraColuna

I believe all floats are properly contained. I've also tried to enlarge the
containers, but still no luck.

Hope you can help me understand what's going on, I'm clueless about it, and
it could be something really easy that I just can't see.


Thanks a lot in advanced,
Márcio


__
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] Help with Flickr gallery styles

2009-12-16 Thread Tom Dell'Aringa
Hello,

I've got a flickr gallery plugin working on a wordpress install. You can see
it here

http://walescarpentry.com/our-work/

I'm working in FF3 right now. I'm not sure how it looks in IE, as I only
have IE6 and the site doesn't load in that browser for some reason
(something else I have to figure out).

It seems like the float is broken or something. There may be some css
conflict with the gallery plugin vs. the theme, but I cannot seem to find
it. The pertinent CSS to the thumbnail is this:

div.flickr-thumb {
float: left;
border: 1px solid #dd;
padding: 2px;
margin: 3px;
height: 75px;
width: 75px;
}

If I disable the width and height in Firebug, it looks much better (which
seems odd to me) although it looks like the float is still broken or
something. Would a float fix work here perhaps? Obviously I'd like this to
work in IE7 too - but I can't install that on my machine so I don't know
what it looks like.

Any help or tips are greatly appreciated!

Tom

-- 
Marooned - A Space Opera in the Wrong Key!
http://www.maroonedcomic.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/


[css-d] test - please delete

2009-12-16 Thread sfeldman

sorry about this everybody.
  
__
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] Help on constructing a Menu - solved

2009-12-16 Thread MEM
> >
> > Why the overflow:hidden; doesn't allow the padding-top and bottom, to
> work?
> 
> Overflow only clips a boxes contents. If the content overflows, then
> the
> padding-right and padding bottom of the box is not visible outside the
> border box if the value for overflow is hidden or, not scrollable too
> outside the border box, if the value for overflow is auto.
> 

Sorry, I was unable to properly understand. :(

Here are my tries:

Overflow only clips boxes contents. By boxes contents, we mean, for example,
a text inside a div element. Yes?
Could we also mean, a text inside a p element?

If the content overflows, and the overflow is defined as hidden, the
padding-right and padding-bottom are not visible outside the border box.
Ok... regardless if we defined a border or not? I was able to see the left
and right padding, and play with them. The top and bottom where my issue... 



> >>From this new link to the previous, I suppose I've only changed
> > display:inline; to display:block;
> > What could be the relation between this and the solution found?
> 
> 
> 
> # The 'width' property does not apply. A computed
> # value of 'auto' for 'margin-left' or 'margin-right'
> # becomes a used value of '0'."

Ok. I suppose this is because, if we allowed a width to be defined, then it
wouldn't be properly inline, since the inline is based on the intrinsic
width of elements ?
However, margin and padding should apply. Yes?




Thanks a lot for your reply, it took me a while to get it and, I'm still
miss the point, please have patience.


Regards,
Márcio

__
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] Weird display in Safari

2009-12-16 Thread Chris Blake

With a mac download too! Cheers!

CB


On 16/12/2009, at 3:21 AM, Bill Braun wrote:

>
> Chris Blake wrote:
>> Thanks David, I've been ignoring validation a bit too much recently.
>>
> I recently started using Amaya from W3 for markup
> (http://www.w3.org/Amaya/User/BinDist.html). While it has its quirks  
> and
> idiosyncrasies, it only gives the green light when the code (HTML and
> CSS) is valid.
>
> Very handy.
>
> 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/
>

__
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/