Re: [css-d] test
Yup, see both tests. -- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 On Mon, Jun 18, 2018 at 9:33 PM, Dean Mah wrote: > test to css-discuss.org > __ > css-discuss [css-d@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@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] Contact form fields should be in two columns
Do you mean the labels are to be on the left and the inputs on the right? -- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 On Wed, Aug 1, 2018 at 10:18 AM, J.C. Berry wrote: > Hi we have an issue where the fields in a form are supposed to be in two > columns, but are in one. I looked at the CSS, but didn't see anything that > could have caused it. Can you have a look? > > https://www.xifin.com/about-xifin/contact-us > > Thanks! > > -- > J.C. Berry, M.A. > UI Developer > 619.306.1712(m) > jcharlesbe...@gmail.com > http://www.digibrill.com > > > > This E-mail is covered by the Electronic Communications Privacy Act, 18 > U.S.C. ?? 2510-2521 and is legally privileged. This information is > confidential information and is intended only for the use of the individual > or entity named above. If the reader of this message is not the intended > recipient, you are hereby notified that any dissemination, distribution or > copying of this communication is strictly prohibited. > > __ > css-discuss [css-d@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@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] Contact form fields should be in two columns
On Wed, Aug 1, 2018 at 11:43 AM, Mike Manley wrote: > J.C. Berry wrote: >> Hi we have an issue where the fields in a form are supposed to be in two >> columns, but are in one. I looked at the CSS, but didn't see anything that >> could have caused it. Can you have a look? >> >> https://www.xifin.com/about-xifin/contact-us >> >> Thanks! > > I'm not seeing any forms either. > > Linux 64 bit, FF 60.0.1 ESR or Seamonkey 2.49.7.0 > __ > css-discuss [css-d@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/ None of you see a form under Sales, Partner, or media Media ? Im on Kubuntu 18.04 with FF and see it. Maybe you didnt scroll down far enough. __ css-discuss [css-d@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] Contact form fields should be in two columns
I use 61.0.1 FF. mktoFieldWrap css is all marked out. mktoFormCol css is all marked out. Im not sure you can get 2 columns from this. -- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 __ css-discuss [css-d@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] Contact form fields should be in two columns
-- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 On Wed, Aug 1, 2018 at 6:45 PM, Philippe Wittenbergh wrote: > > >> On Aug 2, 2018, at 0:34, Tom Livingston wrote: >> >>> https://www.xifin.com/about-xifin/contact-us >>> >>> Thanks! >>> >> >> I'm not seeing a form at all. Mac FF 61.0.1 > > The script that generates that form is blocked: > > The Firefox console reports: > ``` > The resource at “https://app-sjf.marketo.com/js/forms2/js/forms2.min.js” was > blocked because tracking protection is enabled.[Learn More] contact-us > Loading failed for the
Re: [css-d] Flex issue/question
Crap.. sorry, didnt reply to the group. Check out the Order property. https://developer.mozilla.org/en-US/docs/Web/CSS/order I had to go find it but I had learned about this in class. When you are in mobile mode you and specify 2 to be first in order but when in desktop mode you are 1 2 3 in order. -- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 On Fri, Mar 1, 2019 at 2:55 PM Tom Livingston wrote: > > Hello listers, > > Is it possible to do the following with flexbox? > > mobile (just a stack, no flex yet): > 1 > 2 > 3 > > desktop (two-column with different order): > 2 1 > 3 > > Struggling with this... > TIA > > -- > > Tom Livingston | Senior Front End Developer | Media Logic | > ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com > > > #663399 > __ > css-discuss [css-d@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@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] Flex issue/question
flex grow. -- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 On Mon, Mar 4, 2019 at 10:30 AM Tom Livingston wrote: > > I'm good on using the order property, my issue is how I can get 3 divs to > go from 1 stacked column to 2 columns on desktop. Can I do that with flex? > > 1 > 2 > 3 > > becomes: > > 21 > 3 > > 2 being it's own column, 1 and 3 stacking in a second column. > > > On Sat, Mar 2, 2019 at 8:01 AM Wade Smart wrote: > > > Crap.. sorry, didnt reply to the group. > > > > Check out the Order property. > > > > https://developer.mozilla.org/en-US/docs/Web/CSS/order > > > > -- > > Tom Livingston | Senior Front End Developer | Media Logic | > ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com > > > #663399 > __ > css-discuss [css-d@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@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] Flex issue/question
As your page grows from mobile to desktop you would assign your 2nd column order and grow properties. 2 would either grow at a expanded rate constantly pushing the column out to the side or be a constant. You could also tackle this in a totally different way: with your php code (or whatever logic you are using) the css for mobile is one code but at desktop you load in a different css file. Now you can code your column as you like. -- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 On Mon, Mar 4, 2019 at 10:40 AM Wade Smart wrote: > > flex grow. > -- > Registered Linux User: #480675 > Registered Linux Machine: #408606 > Linux since June 2005 > > On Mon, Mar 4, 2019 at 10:30 AM Tom Livingston wrote: > > > > I'm good on using the order property, my issue is how I can get 3 divs to > > go from 1 stacked column to 2 columns on desktop. Can I do that with flex? > > > > 1 > > 2 > > 3 > > > > becomes: > > > > 21 > > 3 > > > > 2 being it's own column, 1 and 3 stacking in a second column. > > > > > > On Sat, Mar 2, 2019 at 8:01 AM Wade Smart wrote: > > > > > Crap.. sorry, didnt reply to the group. > > > > > > Check out the Order property. > > > > > > https://developer.mozilla.org/en-US/docs/Web/CSS/order > > > > > > > -- > > > > Tom Livingston | Senior Front End Developer | Media Logic | > > ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com > > > > > > #663399 > > __ > > css-discuss [css-d@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@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] CSS image by Diana Smith
The CSS code on this is INSANE!!! Awesome! -- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 On Wed, Nov 13, 2019 at 7:53 AM Sandy Feldman wrote: > > https://diana-adrianne.com/purecss-lace/ > > LOOK at this! It's not a jpg. Take a look at the source code. > > -- > Sandy > sandyfeldman.com > > __ > css-discuss [css-d@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@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] using nth child to control widows
First - I had NO IDEA this list was still going. Blew me away to see a post on it. Second, look at flexbox or something similar that lets you set those break points. -- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 On Sat, May 9, 2020 at 11:59 AM Sandy Feldman wrote: > > hey all, > > I would love some input on how to get the look I would like on a bit of > navigation and keep it accessible. > > I have a horizontal nav, and I would like to prevent a widow by > controlling where the break happens as text size is increased or the > browser window is made smaller. > > I've got a version with nth child, but I haven't figured out the syntax > to control the wrap. I'm not sure it's possible. It would be great to be > able to write the media-query so that it kicks in when the links wrap, > instead of at a px size. Anyone know how to do that? > > This is the code I would like to use - the HTML is very plain, the last > two links are style using nth child. It validates. > http://ineeda.coffee/nav/1test.shtml > > this is the look I'm after. > http://ineeda.coffee/nav/4test.shtml > > The last two links wrap onto the second line together. They are wrapped > in a span styled to "white-space:nowrap". > This sounds ok to me in VoiceOver. It passes WAVE, but breaks validation > in everything else I've tried. > > thanks all, for your time and attention! > > > -- > Sandy > sandyfeldman.com > __ > css-discuss [css-d@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@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] A little CSS+HTML trick
Ive not seen much done with the before.
Ill have to play with that myself.
--
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005
On Mon, May 11, 2020 at 10:08 AM Eric A. Meyer wrote:
>
> This is a fun tip for those of you who may have missed it:
>
> https://twitter.com/chriscoyier/status/1257736705387270145
>
> I plan to use it myself in an addition to the CSS for my newish design:
>
> blockquote {white-space: pre;}
> blockquote br {display: none;}
>
> This will let me use blockquotes to quote both prose and poetry without
> having to use s for the latter-- while not blowing up the layout of
> old blockquotes where I DID scatter s all over, because I wrote them
> a decade or two ago when that was necessary.
>
> (I'm also posting to see if I can track down the source of some
> troublesome off-list traffic, but that genuinely is a trick I thought
> you'd all appreciate, and I'd be interested to hear if there are any
> problems with it.)
>
>
> --
> Eric A. Meyer - http://meyerweb.com/
> __
> css-discuss [css-d@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@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] A little CSS+HTML trick
More tips like this to the list would be awesome!
--
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005
On Mon, May 11, 2020 at 10:10 AM Wade Smart wrote:
>
> Ive not seen much done with the before.
> Ill have to play with that myself.
>
> --
> Registered Linux User: #480675
> Registered Linux Machine: #408606
> Linux since June 2005
>
> On Mon, May 11, 2020 at 10:08 AM Eric A. Meyer wrote:
> >
> > This is a fun tip for those of you who may have missed it:
> >
> > https://twitter.com/chriscoyier/status/1257736705387270145
> >
> > I plan to use it myself in an addition to the CSS for my newish design:
> >
> > blockquote {white-space: pre;}
> > blockquote br {display: none;}
> >
> > This will let me use blockquotes to quote both prose and poetry without
> > having to use s for the latter-- while not blowing up the layout of
> > old blockquotes where I DID scatter s all over, because I wrote them
> > a decade or two ago when that was necessary.
> >
> > (I'm also posting to see if I can track down the source of some
> > troublesome off-list traffic, but that genuinely is a trick I thought
> > you'd all appreciate, and I'd be interested to hear if there are any
> > problems with it.)
> >
> >
> > --
> > Eric A. Meyer - http://meyerweb.com/
> > __
> > css-discuss [css-d@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@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] A little CSS+HTML trick
I think Bob has this group confused with his
personal interest groups. Perhaps Bob, you should
unsubscribe.
--
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005
On Mon, May 11, 2020 at 10:12 AM Bob Jonathan wrote:
>
> fuck your ass bitch
>
> Sent: Monday, May 11, 2020 at 11:10 AM
> From: "Wade Smart"
> To: No recipient address
> Cc: "CSS discuss"
> Subject: Re: [css-d] A little CSS+HTML trick
> Ive not seen much done with the before.
> Ill have to play with that myself.
>
> --
> Registered Linux User: #480675
> Registered Linux Machine: #408606
> Linux since June 2005
>
> On Mon, May 11, 2020 at 10:08 AM Eric A. Meyer wrote:
> >
> > This is a fun tip for those of you who may have missed it:
> >
> > https://twitter.com/chriscoyier/status/1257736705387270145
> >
> > I plan to use it myself in an addition to the CSS for my newish design:
> >
> > blockquote {white-space: pre;}
> > blockquote br {display: none;}
> >
> > This will let me use blockquotes to quote both prose and poetry without
> > having to use s for the latter-- while not blowing up the layout of
> > old blockquotes where I DID scatter s all over, because I wrote them
> > a decade or two ago when that was necessary.
> >
> > (I'm also posting to see if I can track down the source of some
> > troublesome off-list traffic, but that genuinely is a trick I thought
> > you'd all appreciate, and I'd be interested to hear if there are any
> > problems with it.)
> >
> >
> > --
> > Eric A. Meyer - http://meyerweb.com/
> > __
> > css-discuss [css-d@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@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@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] A little CSS+HTML trick
On Mon, May 11, 2020 at 12:00 PM Jeff Zeitlin wrote: > > OK, "display:none" on the break tag can definitely be useful; I'm not sure > I can visualize a situation where I'd want to change the handling of > white-space. > > What I _would_ like to see is being able to do run-in headers (usually at > the H5 or H6 level) or DTs (in DLs). Unfortunately, this seems to have > fallen out of the spec, and was never really implemented well. > Jeff Zeitlin, Editor On that specific instance, I like how it takes the address goes from envelope address to envelope return address. I could see some uses for it - but I have to kinda play it out. Maybe with mobile apps. Wade -- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 __ css-discuss [css-d@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] knight lab timeline selectors
.tl-timeaxiz-tick font-weight is 400, change it.
That is probably in the css for that js file
Wade
--
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005
On Tue, May 12, 2020 at 10:02 AM Sandy Feldman wrote:
>
> hey all (I think there may be 4 of us now!)
>
> I am trying to improve the contrast on a knight lab timeline. There are
> a couple of elements that have reduced opacity that need to be brought
> up to full. I can't seem to find the right selectors.
> https://blackspaceportal.library.brandeis.edu/aaas-timeline/
>
> Here are knight lab hints on styling
>
> https://timeline.knightlab.com/docs/faq.html#styling
>
>
> Here's what I've tried so far:
>
> .tl-slidenav-previous .tl-slidenav-title, .tl-slidenav-next
> .tl-slidenav-title, .tl-slidenav-previous .tl-slidenav-description,
> .tl-slidenav-next .tl-slidenav-description {
> filter: alpha(opacity=1);
> -khtml-opacity: 1;
> -moz-opacity: 1;
> opacity: 1;
> }
> div.tl-slidenav-title {
> filter: alpha(opacity=1);
> -khtml-opacity: 1;
> -moz-opacity: 1;
> opacity: 1;
> }
> div.tl-slidenav-title A{
> color: #000;
> filter: alpha(opacity=1);
> -khtml-opacity: 1;
> -moz-opacity: 1;
> opacity: 1;
> }
>
> I also need to make the dates along the time axis darker.
>
> .tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor
> .tl-timeaxis-tick {
> color: #666;
> }
>
> Your help is really appreciated!
>
> --
>
> Sandy
> sandyfeldman.com
>
> __
> css-discuss [css-d@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@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] css special effects
Check out flex grow. -- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 On Sun, May 17, 2020 at 6:34 PM Sandy Feldman wrote: > > hey all, > > https://omeka.lts.brandeis.edu/ldb-100/ > > can anyone think of a css effect that would come close to what happens > when you click one of these links? > > thanks! > > -- > Sandy > sandyfeldman.com > > __ > css-discuss [css-d@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@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] Does anyone here a solid grasp of scss?
Im needing some help troubleshooting a template Im using that includes scss that works on one server but will not on the other. Something to do with following files. -- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 __ css-discuss [css-d@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] Does anyone here a solid grasp of scss?
I did not. I think this is a rails issue of compiling all the files into one file and at that point, one file cant reference another. -- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 On Fri, Jul 24, 2020 at 9:06 AM Sandy Feldman wrote: > > Wade, did you attach some files? They didn't come through. > > -- > Sandy > sandyfeldman.com > > On 2020-07-24 7:20 a.m., Wade Smart wrote: > > Im needing some help troubleshooting a template Im > using that includes scss that works on one server > but will not on the other. Something to do with following > files. > > __ css-discuss [css-d@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] Handing Landscape and Potrait Thumbnails and Photographs
How do you know if they are landscape or not?
A image could have been taken with a camera and its shown sideways
but the phone shows portrait. Im working on a project right now where
Im extracting the metadata from the pic and based on that, putting a
indicator in the db to say landscape or not and when we load all images
based on x filter, as you are getting the image location, you get the
orientation
too.
--
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005
On Tue, Aug 4, 2020 at 7:32 PM Aaron Gray wrote:
>
> I have some code that handles landscape and portrait photographs
> framing them within a fixed area div. My issue is that I have to set a
> class as to whether they are landscape or portrait.
>
> body {
> background-color: black;
> }
> .thumbnail {
> display: inline-block;
> position: relative;
> width: 8em;
> height: 10em;
> margin: 0px;
> padding: 0px;
> border-width: 0px;
> }
> img {
> position: absolute;
> top: 50%;
> left: 50%;
> width: auto;
> height: auto;
> max-width: 100%;
> max-height: 100%;
> transform: translate(-50%, -50%);
> margin: 0px;
> padding: 0px;
> border-width: 0px;
> }
> img.portrait {
> height: 100%;
> }
> img.landscape {
> width: 100%;
> }
>
>
>
>
>
>
>
>
>
> I am wondering if there is a way to do this where I don't have to
> determine the format and set the class accordingly ?
>
> Thanks,
>
> Aaron
>
> --
> Aaron Gray
>
> Independent Open Source Software Engineer, Computer Language
> Researcher, Information Theorist, and amateur computer scientist.
> __
> css-discuss [css-d@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@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] CSS Problems and Solutions verses CSS Patterns that Work
Flex, grids, there are several things to look into. https://getbootstrap.com/docs/4.5/layout/grid/#auto-layout-columns -- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 On Sat, Aug 29, 2020 at 9:30 PM Aaron Gray wrote: > > In using CSS on and off over the last 10 or more years there have been > various stumbling blocks that needed bridging in order to get the desired > visual working results. > > Like the what seems like a order semantic boo boo of needing to put the > middle div last in a three column div format with float left and float > right outer div's. > > Then sizing issues to do with things like alignment on resizable content, > such as a scrolling div of fixed sized images. This as far as I can see > either needs JavaScript or possibly calculated fields. > > What I am looking for is either a formalisation of all the main problems or > issues with CSS or a CSS Patterns that Work or a combination of the two. > Either as a website, or GitHub md's, Wiki, and issues. Or one hell of a > good book, or a book resulting from the former. > > Looking for feedback. > > Kind regards to the group, please don't let it die ! > > Aaron > > > > > -- > Independent Software Engineer and amateur Computer Scientist > __ > css-discuss [css-d@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@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] CSS Problems and Solutions verses CSS Patterns that Work
Yea. I dont know what Aaron does and doesnt use so that was just something simple to grab. -- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 On Sun, Aug 30, 2020 at 5:34 PM Tom Livingston wrote: > > Not a fan of bootstrap. You can do all of this without it. Was that just a > hand reference? > > > On Sun, Aug 30, 2020, 7:23 AM Wade Smart wrote: > > > Flex, grids, there are several things to look into. > > > > https://getbootstrap.com/docs/4.5/layout/grid/#auto-layout-columns > > -- > > Registered Linux User: #480675 > > Registered Linux Machine: #408606 > > Linux since June 2005 > > > > On Sat, Aug 29, 2020 at 9:30 PM Aaron Gray > > wrote: > > > > > > In using CSS on and off over the last 10 or more years there have been > > > various stumbling blocks that needed bridging in order to get the > > desired > > > visual working results. > > > > > > Like the what seems like a order semantic boo boo of needing to put the > > > middle div last in a three column div format with float left and float > > > right outer div's. > > > > > > Then sizing issues to do with things like alignment on resizable content, > > > such as a scrolling div of fixed sized images. This as far as I can see > > > either needs JavaScript or possibly calculated fields. > > > > > > What I am looking for is either a formalisation of all the main problems > > or > > > issues with CSS or a CSS Patterns that Work or a combination of the two. > > > Either as a website, or GitHub md's, Wiki, and issues. Or one hell of a > > > good book, or a book resulting from the former. > > > > > > Looking for feedback. > > > > > > Kind regards to the group, please don't let it die ! > > > > > > Aaron > > > > > > > > > > > > > > > -- > > > Independent Software Engineer and amateur Computer Scientist > > > __ > > > css-discuss [css-d@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@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@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@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] What is currently the best mailing list on html/php-webdevelopment with scipting/forms et cetera?
Erik, our php list has dwindled like this list but it is still active and a few of us still post: php-l...@yahoogroups.com -- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 On Sat, Oct 10, 2020 at 3:58 AM Erik Visser wrote: > > Hi css guru's > > It has been a while since i was here. And i know this is the css list. > But someone who needs help asked me for a good html/php and scripting > mailing list. End this seemed a good place to ask. > > What is currently the best mailing list on html/php-web development with > scripting/forms et cetera? > > Or is there a better alternative? > > Thanks, Erik > __ > css-discuss [css-d@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@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] Layout in CSS only?
What do you have so far in terms of code? -- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 On Tue, Mar 30, 2021 at 1:57 PM Tom Livingston wrote: > > Hi listers, > > Long time no speak. > > At the link below is an image of a layout I am trying to do. I come > across this frequently. A parent container with a bg image and a child > content container. > > horizontally, this is pretty easy, however as a responsive component, > mobile gets tricky. > > MOBILE: Content is 50% height of the parent. Parent's BG image is > visible in the other 50% (top, lets say) but the image runs behind the > content which has a translucent bg color. > > DESKTOP: Content is 50% width of the parent. Parent's BG image is > visible in the other 50% (left) but the image runs behind the content > which has a translucent bg color. > > How would you handle this in CSS only? I'd like it to not rely on a > fixed height for mobile. > > https://cln.sh/a4nZxt > > > Thanks in advance. > > -- > > Tom Livingston | Senior Front End Developer | Media Logic | > ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com > > > #663399 > __ > css-discuss [css-d@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@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] Hi little confused
Nothing in this group is confidential. Its a public group. But Im sure a admin will take a look at when you were subscribed. -- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 On Fri, Jun 4, 2021 at 6:54 AM Dude Pro wrote: > > Hi everyone, > I not very sure how and why I was added into this css group I can see that > the emails you are sending are confidential so please remove me from this > group ASAP > > Thanks > Garry H > __ > css-discuss [css-d@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@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] Styling heading elements
I have used php for this but CSS now has variables (though I have not
used that technique).
I had a situation a few years ago where I couldnt use js so I used
php to change color of rows on a table as needed. It worked perfectly
fine for what we needed.
--
Registered Linux User: #480675
Registered Linux Machine: #408606
Linux since June 2005
On Fri, Aug 6, 2021 at 12:12 PM Tom Livingston wrote:
>
> On Thu, Aug 5, 2021 at 11:32 AM Sandy Feldman wrote:
> >
> > Tom, I think what you're looking for is classes.
> >
> > so This is really big!
> >
> > This is a purple heading
> >
> > or maybe .blog h2 {foo}
> >
> > Always use heading elements to structure the content. This will help the
> > pages make sense to blind users, and google likes it too. Change what they
> > look like at will.
> >
> > Does that help? Is this what you're looking for?
> >
> > --
> > Sandy
> > sandyfeldman.com
> > a11yready.com
>
> Yes, thanks Sandy. This seemed like a less than efficient way to deal
> with this and I was thinking I was missing some concept but it appears
> not.
>
> Any thoughts on a heading element in a component that could be in a
> different place in the document outline on different pages?
>
>
>
> Tom Livingston | Senior Front End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
>
>
> #663399
> __
> css-discuss [css-d@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@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/
