Re: [css-d] Putting an image before list item text
I agree with Tom. Pretty sure you can only check text with js.
—
Roger BlantonSent from my phone, please excuse the brevity.
On Fri, Jun 26, 2015 at 11:04 PM, Tom Livingston tom...@gmail.com wrote:
Not that I'm aware of. You could try something like:
$('label:contains('some text')').css('color','Lime')
Which is jQuery. Which is off topic for CSS-d...
On Friday, June 26, 2015, Angela French afre...@sbctc.edu wrote:
I'm trying to put a recycle bin icon before the text Recycle Bin on a
SharePoint menu list item. Is there a way to conditionally put the icon
when the list item text is Recycle Bin?
Angela French
Internet Specialist
State Board for Community and Technical Colleges
360-704-4316
afre...@sbctc.edu javascript:;mailto:afre...@sbctc.edu javascript:;
www.checkoutacollege.comhttp://www.checkoutacollege.com
www.sbctc.eduhttp://www.sbctc.edu
__
css-discuss [css-d@lists.css-discuss.org javascript:;]
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/
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
__
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/
[css-d] Z-Index with Fixed/Absolute Elements in IE
Hello,
I have a header that is postion fixed similar to the CSS below:
header {
position: fixed;
width: 1100px;
left: 50%;
margin-left: -550px;
z-index:999;
}
.absolute-element {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
}
In all browsers other than IE these behave as expected with the header
appearing on top of the absolute positioned element, however in IE, the
absolute positioned element appears on top of the header.
Any ideas would be greatly appreciated.
Thanks,
Roger
__
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] Z-Index with Fixed/Absolute Elements in IE
Hey Guys,
I probably should have been more specific. The element I was positioning
absolute was an iframe youtube video. In IE this is a known issue and
adding ?wmode=opaque to the URL resolves this issue.
Here is the stack overflow link in case anyone is interested:
http://stackoverflow.com/questions/7054580/youtube-iframes-sitting-on-top-of-fixed-position-element-in-chrome
Thanks to Tom for helping me out on this one!
Cheers!
Roger
On Mon, Jun 8, 2015 at 3:14 PM, Roger Blanton rblan...@ltu.edu wrote:
Hello,
I have a header that is postion fixed similar to the CSS below:
header {
position: fixed;
width: 1100px;
left: 50%;
margin-left: -550px;
z-index:999;
}
.absolute-element {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
}
In all browsers other than IE these behave as expected with the header
appearing on top of the absolute positioned element, however in IE, the
absolute positioned element appears on top of the header.
Any ideas would be greatly appreciated.
Thanks,
Roger
__
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] Vertical Horizontal Center ?
Without knowing the height of the element or parent container I don't think it
is possible without using a flex layout with just CSS.
If you know the height you can do top:50% margin-top: (negative half the
height). Or you can make the parent display table its child display table cell
and vertical align middle.
I run into this issue constantly at my job and if I don't know the height of
the parent or children I usually just use JS to do it since we don't support
flex layout.
—
Sent from Mailbox
On Wed, Jun 3, 2015 at 8:10 PM, Tom Livingston tom...@gmail.com wrote:
#one {
position:relative;
background-color:blue;
height:350px;
width:350px;
}
.two {
background-color:orange;
height:125px;
width:125px;
position:relative;
top: 50%;
transform: translateY(-50%);
margin: 0 auto;
}
On Wed, Jun 3, 2015 at 8:00 PM, Tom Livingston tom...@gmail.com wrote:
It's:
top:50%; transform: translateY(-50%)
On Wed, Jun 3, 2015 at 7:46 PM, Crest Christopher
crestchristop...@gmail.com wrote:
I've come across many pages how to center a item horizontally and
vertically, one method {margin: 0 auto;} works great, horizontally, not
vertically. I found another solution whereas, all I do is add
{top:50%;translateY(-50%);} to the child, that is not working either ?
[Example https://jsfiddle.net/WildWind/bs84tegs/]
__
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/
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
__
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] Vertical Horizontal Center ?
Because the table approach only works when you know the height of the elements. Flex will work no matter what Hope that clarifies. — Sent from Mailbox On Wed, Jun 3, 2015 at 9:01 PM, Ryan Reese sportsdude.re...@gmail.com wrote: I'm confused. You say if you can't use flex, you can't do it. Then you acknowledge the table/table-cell approach exists. So why not use table/table-cell?! On Wed, Jun 3, 2015 at 9:00 PM, Erik Visser e...@erikvisser.net wrote: Roger Blanton schreef op 04-06-15 om 02:26: Without knowing the height of the element or parent container I don't think it is possible without using a flex layout with just CSS. This is what i remember too. __ 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/ -- Ryan Reese __ 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] HiDPI MQ
Hello,
I have always used:
@mixin retina {
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
@content;
}
}
@mixin print {
@media print {
@content;
}
}
This is written in SASS but I'm sure you get the idea.
Credit:http://davidwalsh.name/write-media-queries-sass
—
Sent from Mailbox
On Fri, Apr 24, 2015 at 2:54 PM, Tom Livingston tom...@gmail.com wrote:
List,
I'm add in an MQ for high rez screens (a.k.a. Retina) and am wondering if I
can do better:
(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi)
I know dppx is up and coming but support is lacking. What would be the most
inclusive, future-proof MQ? I've probably seen something before but can't
come up with the right Google search terms to find anything other than what
I have.
TIA
__
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/
