Re: [css-d] coding "violators"

2016-03-28 Thread John J
I will try your code, Karl..thank you! John On Mon, Mar 28, 2016 at 4:20 PM, Karl DeSaulniers wrote: > Hey John, > Here is a code I use for oval picture frames. > Might work for your situation. > > .oval_picture_frame { > background-color: rgb(255,255,255); > margin: 0 auto 5%;

Re: [css-d] coding "violators"

2016-03-28 Thread Karl DeSaulniers
Hey John, Here is a code I use for oval picture frames. Might work for your situation. .oval_picture_frame { background-color: rgb(255,255,255); margin: 0 auto 5%; padding: 0; text-align: center; float: inherit; -webkit-border-radius: 49%; -

Re: [css-d] coding "violators"

2016-03-28 Thread John J
Yes, that's right..I can see having various classes, and that these would change in media queries as needed. I think background-image would work for rectangular treatments of images...will have to play with this..thank you for the idea! J On Mon, Mar 28, 2016 at 3:28 PM, Chris Rockwell wrote: >

Re: [css-d] coding "violators"

2016-03-28 Thread Chris Rockwell
What are the different scenarios in which this would be used? Is the assumption that you need to move the text so that it fits right on different images correct? Can you use background-image for this, and then position the text within the container? On Mon, Mar 28, 2016 at 5:00 PM John J wrote:

[css-d] coding "violators"

2016-03-28 Thread John J
I'm using "violator" in the sense of one element that "violates" the space of another.. hoping to code an item that looks like the graphic in the link below..so far, I have the image floating here or there, but not succeeding getting a text hunk to be part of it. Thank you for any clues! John h

Re: [css-d] syntax: attribute selector on linked image

2016-03-28 Thread Karl DeSaulniers
The below fixed both "back to..." buttons when I set it. I was using Safari. Did not test other browsers at this time though. Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Mar 28, 2016, at 2:01 PM, Karl DeSaulniers wrote: > .twEDFooter td a { } > > add > > display: inline-

Re: [css-d] 3 columns with expanding middle

2016-03-28 Thread Tom Livingston
http://caniuse.com/#search=flex On Mon, Mar 28, 2016 at 3:39 PM, Chris Rockwell wrote: > Or flex: https://jsfiddle.net/gc1dgrsb. > > On Mon, Mar 28, 2016 at 3:01 PM Tom Livingston wrote: > >> You could try using calc, if the browser support is ok ( >> http://caniuse.com/#search=calc). >> >> .ce

Re: [css-d] 3 columns with expanding middle

2016-03-28 Thread Chris Rockwell
Or flex: https://jsfiddle.net/gc1dgrsb. On Mon, Mar 28, 2016 at 3:01 PM Tom Livingston wrote: > You could try using calc, if the browser support is ok ( > http://caniuse.com/#search=calc). > > .centerdiv{width: calc(100% - 68px};/* 68 is width of two outer divs */ > > On Mon, Mar 28, 2016 at 2:2

Re: [css-d] syntax: attribute selector on linked image

2016-03-28 Thread Tom Livingston
Yup, that whole top section is in an iframe. Adding space around the upper most "back to previous" link (in Chrome dev tools), pushes the bottom of that content out of view within it's container. On Mon, Mar 28, 2016 at 3:30 PM, Chris Rockwell wrote: > As Tom said, it's definitely possible. How

Re: [css-d] syntax: attribute selector on linked image

2016-03-28 Thread Chris Rockwell
As Tom said, it's definitely possible. However, I don't see any of your CSS being overridden by the twEDFooter css. I would expect to see it in Dev Tools - I do see an iFrame though: http://imgur.com/j4SA3u9 On Mon, Mar 28, 2016 at 12:23 PM Angela French wrote: > It is not in an iframe. I'm w

Re: [css-d] syntax: attribute selector on linked image

2016-03-28 Thread Karl DeSaulniers
.twEDFooter td a { } add display: inline-block; Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Mar 28, 2016, at 11:15 AM, Angela French wrote: > http://www.dev.sbctc.edu/calendar.aspx. Click on any link under the Event > column to display the event details. It is here tha

Re: [css-d] 3 columns with expanding middle

2016-03-28 Thread Tom Livingston
You could try using calc, if the browser support is ok ( http://caniuse.com/#search=calc). .centerdiv{width: calc(100% - 68px};/* 68 is width of two outer divs */ On Mon, Mar 28, 2016 at 2:21 PM, Angela French wrote: > I am trying to create a visual box on a page where the top part looks like >

[css-d] 3 columns with expanding middle

2016-03-28 Thread Angela French
I am trying to create a visual box on a page where the top part looks like a spiral notebook ring. I am no css wizard but I'm thinking I should be able to do this with 3 divs next to each other . The left and right divs will have a background image with a rounded corner and a single spiral loo

Re: [css-d] syntax: attribute selector on linked image

2016-03-28 Thread Tom Livingston
It is. I have this come up with Wordpress and WP plugins. On Monday, March 28, 2016, Angela French wrote: > It is not in an iframe. I'm wondering if the css coming from Trumba > (their JS code is embedded into my page) comes later in the page lifecycle > and is thus overwriting mine. Is this p

Re: [css-d] syntax: attribute selector on linked image

2016-03-28 Thread Angela French
It is not in an iframe. I'm wondering if the css coming from Trumba (their JS code is embedded into my page) comes later in the page lifecycle and is thus overwriting mine. Is this possible? Angela French -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-bou

Re: [css-d] syntax: attribute selector on linked image

2016-03-28 Thread Angela French
http://www.dev.sbctc.edu/calendar.aspx. Click on any link under the Event column to display the event details. It is here that you will see a "BACK TO PREVIOUS VIEW" link directly underneath the month navigation bar. This is the item I am trying to put space above and below to make it stand ou