Re: [css-d] Floating boxes with variable heights
On Thu, Jul 26, 2012 at 12:58 PM, Markus Ernst wrote: > Hi > > Something that I asked myself for years already: If you have some floating > boxes, you may want them to fill the available width and then continue at a > next row. Now, if these boxes do not have a fixed height, this will result > in rows that do not start at the left edge, as this example illustrates: > http://www.markusernst.ch/**stuff_for_the_world/test-**floating-boxes.html<http://www.markusernst.ch/stuff_for_the_world/test-floating-boxes.html> > > Vary the window width to see how new rows are started according to the > heights of the boxes in the upper row. > > The only CSS way I have been able to work around this so far (without > scripting) is defining a fixed box height, which is not a good solution for > multiple reasons. I would like the boxes to be rendered as if they were > wrapped in table rows, each row having the height necessary for the tallest > box in the row. But of course I cannot actually wrap them (or use table-* > styles), because the number of boxes per row varies with the width of the > viewport. > > Is there a good solution for this problem? > > Thanks for your comments! > Markus > Hi Markus, Here is my solution with jQuery. My script searches floating divs and finds highest div and makes other divs the same height. Please review it. http://demo.pidizayn.com/floating-boxes-jquery-height-fix.html -- Boray Eris www.pidizayn.com __ css-discuss [css-d@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] Floating boxes with variable heights
On Thu, Jul 26, 2012 at 11:43 PM, Georg wrote:
> On 26.07.2012 11:58, Markus Ernst wrote:
>
>> Hi
>>
>> Something that I asked myself for years already: If you have some
>> floating boxes, you may want them to fill the available width and then
>> continue at a next row. Now, if these boxes do not have a fixed height,
>> this will result in rows that do not start at the left edge, as this
>> example illustrates:
>> http://www.markusernst.ch/**stuff_for_the_world/test-**
>> floating-boxes.html<http://www.markusernst.ch/stuff_for_the_world/test-floating-boxes.html>
>>
>
> Try...
>
> .floating {
> display: inline-block;
> vertical-align: top;
> width:140px;
> margin:1em 1em 0 0;
> border:1px dashed #ccc;
> }
>
> ...and see if you're happy with the result.
>
> regards
> Georg
>
>
>
> __**__**__
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/**mailman/listinfo/css-d<http://www.css-discuss.org/mailman/listinfo/css-d>
> List wiki/FAQ --
> http://css-discuss.incutio.**com/<http://css-discuss.incutio.com/>
> List policies --
> http://css-discuss.org/**policies.html<http://css-discuss.org/policies.html>
> Supported by evolt.org --
> http://www.evolt.org/help_**support_evolt/<http://www.evolt.org/help_support_evolt/>
>
Is this a joke?
--
Boray Eris
www.pidizayn.com
__
css-discuss [css-d@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] Force Fieldset Placement
Can you explain more? Sent from S3 On Jul 6, 2012 4:19 PM, "Shaf Syed" wrote: > I have been working on this code for a few days with other things and > I have got it working where I want except one last issue. I have the/4 > floated fieldsets. The last fieldset is toggled to show/hide. But it > appears at the front of the line instead of the last place. Example: > [fieldset01] [fieldset02] [fieldset03] then it would toggle to > [fieldset01] [fieldset02] [fieldset04] but what is happening is this: > [fieldset01] [fieldset02] [fieldset03] then it would toggle to > [fieldset04] [fieldset01] [fieldset02]. Is there a JavaScript or css > method I can implement to make sure this last fieldset behaves? ***I > am sorry I cannot post my code at the moment.*** > __ > css-discuss [css-d@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 [css-d@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] How To Clear CSS Caching?
What I suggest you is using PHP. On Tue, Jan 3, 2012 at 19:29, Elli Vizcaino wrote: > Hello Everyone, > > > I'm noticing that not every browser refreshes the CSS even when using > shift + refresh. Based on this article: > http://css-tricks.com/update-on-css-caching/ there is a way to make sure > the browser gets the most updated stylesheet when requesting from the > server. However, the article isn't' clear on how to implement this, as in, > it doesn't provide an actual code sample. Plus some seem to require > programming. Anyone know how I can get apply this so I can my CSS is also > updated in the browser when I make changes? > > > Elli Vizcaino > Helping artists, entrepreneurs and small > businesses knock the socks off the competition! > http://www.e7flux.com > > __ > css-discuss [css-d@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/ > -- Boray Eris www.pidizayn.com __ css-discuss [css-d@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] off-topic gmail delay
When you click to reply button email is replied To the sender of email. Try "reply all". On Wed, Dec 7, 2011 at 02:30, mem wrote: > Hello all, > > I've asked some questions and I had some answers. I've also replied to > those answers. So please do not take me as rude for not replying. I have > indeed replied, but it happens that this gmail account was having some > delay on delivering the messages, and that delay is something that I'm > totally unaware. > > For the time being, I am not even sure if those replies have already > arrived to the list. > > Sorry for this off-topic consideration. > > k. regards, > mem > > __ > css-discuss [css-d@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/ > -- Boray Eris www.pidizayn.com __ css-discuss [css-d@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] IE compatibility issue...
Not working on IE8. On Mon, Dec 12, 2011 at 03:19, Michael Beaudoin wrote: > Hey all, > > Has the list been ok lately? I've received a few bouncebacks. > > Ok. I have a slider puzzle (got it from another source and he has been no > help in IE) that works great in all browsers I've tested except IE. Can > someone check this out to see if it's a CSS issue that's causing the > problems? > > http://www.ba-doyn.com/junk/**puzzle <http://www.ba-doyn.com/junk/puzzle> > > Thanks so much. > > Michael > __**__**__ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/**mailman/listinfo/css-d<http://www.css-discuss.org/mailman/listinfo/css-d> > List wiki/FAQ -- > http://css-discuss.incutio.**com/<http://css-discuss.incutio.com/> > List policies -- > http://css-discuss.org/**policies.html<http://css-discuss.org/policies.html> > Supported by evolt.org -- > http://www.evolt.org/help_**support_evolt/<http://www.evolt.org/help_support_evolt/> > -- Boray Eris www.pidizayn.com __ css-discuss [css-d@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] PNG IE 6
http://www.ie6countdown.com/ Let IE6 die baby. Let it die. On Fri, Jul 8, 2011 at 09:05, Christopher Wicklander < elgueromer...@yahoo.com> wrote: > My .welcome div has a .png image that does not show correctly in IE 6. The > angle I created is not there, well it's there just not the same. It's > really not that big of a deal but after I added the .png fix to the div I > lost the background color of the .welcome div. I was wondering if anyone had > any input on this issue, thanks. > > Christopher > > > > > > "All motion is perpetual, he moved away by standing still." > > "In the Land of the Blind, the One Eyed Man is King." > __ > css-discuss [css-d@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/ > -- Boray Eris www.pidizayn.com __ css-discuss [css-d@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] missing box shadow
id content is in id container. Make id container wider and heighter. On Wed, Sep 15, 2010 at 00:03, Debbie Campbell wrote: > Can someone please tell me why I'm not seeing the box shadow that's applied > to the round-cornered white div in this page? > >> http://www.redkitecreative.com/projects/rk2010/portfolio/ > > It's working fine on other pages. > > -- > Debbie Campbell > www.redkitecreative.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-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] Can i vertically centre a UL?
Do you have the site live? On Tue, Sep 14, 2010 at 23:42, Chris Blake wrote: > Hi, > > I have a unordered list sitting in a div. I'd like it to sit right in the > middle both vertically and horizontally without using padding or anything > like that because it's dynamically fed. > > is there such a way using CSS? > > Cheers, CB > > *the lists been kinda quiet recently > __ > 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] Re the non-secure login code...
Javascript is not a proper way for a login system. Use a server side
language such as PHP, ASP, PERL, CGI, JSP.
On Mon, Apr 12, 2010 at 19:35, Charles Miller wrote:
>
> On Apr 12, 2010, at 11:08 AM, Reese wrote:
>
>> I'd be happy to take a look, I'm always on the lookout for good
>> login scripts and I'd be happy to provide any feedback I can.
>
>
> Here's what I've been sending out.
>
>
>> After making the offer, it occurred that it's been so long since I started
>> using the code I wasn't sure I could accurately help anyone else start using
>> it. But it looks pretty basic. Do one thing, though. Make sure you try it on
>> duplicates or non-essential files. (Of course, you would have done that
>> anyway.)
>>
>>
>>
>> ONE*** This goes in the head section of the html page:
>>
>>
>>
>>
>>
>>
>>
>> TWO*** Then this form goes in the body section. You decide the content to
>> include other than the form fields.
>>
>>
>>
>>
>>
>>
>>
>> > />
>>
>>
>>
>> > />
>>
>>
>> Enter Your Private Website
>> Please type your Username and Password, then
>> click
>> Login — Not Return
>>
>>
>> Username:
>>
>> Password:
>>
>> > />
>> > />
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>> THREE*** The you create the "login.js" file from the following code. We
>> have 13 different logins leading to thirteen different pages. Each one needs
>> just 3 pieces of info: username, password and the page linked to.
>>
>> Chuck M
>>
>>
>> Begin
>> function Login(){
>> var done=0;
>> var username=document.login.username.value;
>> username=username.toLowerCase();
>> var password=document.login.password.value;
>> password=password.toLowerCase();
>>
>>
>> if (username=="" && password=="b") {
>> window.location="pagename.html"; done=1;
>> }
>>
>> if (username=="c" && password=="d") {
>> window.location="pagename2.html"; done=1;
>> }
>>
>>
>>
>>
>> if (done==0) { alert("Invalid login!"); }
>> }
>>
>> // End
>>
>>
>>
>>
>
> __
> 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/
