Hi,
I have a question that could apply to a variety of cases, but I'll
explain my actual use case:
I use chosen.js to transform form select elements. On one page I have
sentences of text where certain positions are filled in with those
chosen select elements that enable the user to fill in
On 8/10/2013 9:31 PM, Christian Kirchhoff privat wrote:
My ideas so far are:
- push down the chosen elements by some pixels and by that fake the
baseline align
- set overflow to visible and shorten any text contants that are too
long with Javascript (JA is mandatory for that website anyway)
Can we see some actual markup from the site? Using `inline` on a select
element looks fine on my end: http://jsfiddle.net/sZXFM/2/
On Tue, Oct 8, 2013 at 8:09 AM, Alan Gresley a...@css-class.com wrote:
On 8/10/2013 9:31 PM, Christian Kirchhoff privat wrote:
My ideas so far are:
- push
I had to look into this more: it doesn't make sense to me that an element
with `display:inline` declared would still honor an explicit width. I have
tested this in all modern browsers, and the form elements seem to be immune
to inline display when it comes to dimensions.
These form elements are
Le 8 oct. 2013 à 23:15, Chris Rockwell ch...@chrisrockwell.com a écrit :
I had to look into this more: it doesn't make sense to me that an element
with `display:inline` declared would still honor an explicit width. I have
tested this in all modern browsers, and the form elements seem to be
Form controls are replaced elements (like inline images, basically), and
thus sorta-kinda inline-block elements.
Can't come up with the exact reference, but is noted in the HTML5 spec.
OK, thanks. More info here:
http://www.w3.org/TR/CSS21/conform.html#replaced-element. More
specifically, it
http://girlscoutssangorgonio.org
The client just informed me that the Alumnae box is jogging down. I imagine
some sort of older IE padding bug.
It's working fine in IE10, FF, Safari, Chrome. I don't have an installation of
IE9, just 10 (Win7 on my VM), and 7 and 8 (on WinXP on my VM).
This
You could see if the problem appears using the browser modes in the ie10 F-12
tools. Just a thought. Not near my VMs right now.
Sent from my iPhone
On Oct 8, 2013, at 6:40 PM, Theresa Jennings theresajennings2...@gmail.com
wrote:
http://girlscoutssangorgonio.org
The client just
FWIW Tom, my past discussions with you in particular have resulted in my
realization that those browser modes are not to be trusted.
On Oct 8, 2013 7:49 PM, Tom Livingston tom...@gmail.com wrote:
You could see if the problem appears using the browser modes in the ie10
F-12 tools. Just a
If it showed the issue, it might help see the problem as the OP doesn't
currently have access to 9. An iffy solution at best but better than sitting
idle waiting for the list to reply.
Sent from my iPhone
On Oct 8, 2013, at 8:06 PM, Chris Rockwell ch...@chrisrockwell.com wrote:
FWIW Tom,
It looks fine in IE9. I found a website, http://netrenderer.com/ that helped.
S, how do I hack this to make it work in IE8 (and maybe 7)?
I'm on a Mac, running FF, Chrome, Safari.
On Oct 8, 2013, at 5:42 PM, Tom Livingston wrote:
If it showed the issue, it might help see the problem as
On 9/10/2013 9:40 AM, Theresa Jennings wrote:
http://girlscoutssangorgonio.org
The client just informed me that the Alumnae box is jogging down. I
imagine some sort of older IE padding bug.
I would not know. It is floated right and it has dropped but so has the
div with the class of
It appears that the margin right on the left-most and/or center img is
too much for IE8. The problem presented itself using the Browser mode
for IE8 in IE10 (it all I have access to at the moment). Removing the
margin-right in the inspector caused the alumni img to hop up.
Probably a math/rounding
So, how to fix... like you asked... ;-)
You have conditionals on your HTML element. Feed IE7 a different
margin-right on those two img elements.
HTH!
On Tue, Oct 8, 2013 at 8:59 PM, Theresa Jennings
theresajennings2...@gmail.com wrote:
It looks fine in IE9. I found a website,
I would have no idea how to construct such a thing.
On Oct 8, 2013, at 6:36 PM, Tom Livingston wrote:
So, how to fix... like you asked... ;-)
You have conditionals on your HTML element. Feed IE7 a different
margin-right on those two img elements.
HTH!
On Tue, Oct 8, 2013 at 8:59 PM,
So, you'd use:
.ie7 #iconsRectangle img{margin-right: .32em;}
change the amount as needed.
On Tue, Oct 8, 2013 at 9:42 PM, Theresa Jennings
theresajennings2...@gmail.com wrote:
I would have no idea how to construct such a thing.
On Oct 8, 2013, at 6:36 PM, Tom Livingston wrote:
So, how to
I can add a conditional statement to the style sheet in the child theme. But
it's not embedded.
See if I can track it down in the parent theme.
On Oct 8, 2013, at 6:08 PM, Alan Gresley wrote:
On 9/10/2013 9:40 AM, Theresa Jennings wrote:
http://girlscoutssangorgonio.org
The client just
To be clear, the page has conditional comments wrapping the HTML
element to apply classes based on version of IE. There's one for 7, 8
and 9. The classes being .ie7, .ie8 and .ie9 respectively.
You'd add those classes in front of selectors to attack specific
versions of IE, as shown in the
I'm going to have to track all this down, because this is a custom WordPress
theme with a child theme and a custom home page.
I'll be back if I can't figure it out.
Thank you!
On Oct 8, 2013, at 6:47 PM, Tom Livingston wrote:
To be clear, the page has conditional comments wrapping the HTML
@Admin,
Any reason I should know of why my posts are not posting or taking a long time
to post?
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
__
css-discuss [css-d@lists.css-discuss.org]
Been there, done that. My condolences. ;-)
On Tue, Oct 8, 2013 at 9:52 PM, Theresa Jennings
theresajennings2...@gmail.com wrote:
I'm going to have to track all this down, because this is a custom WordPress
theme with a child theme and a custom home page.
I'll be back if I can't figure it
height: 130px on #iconsRectagle and all is well for IE 7.
Couldn't help myself.. :)
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
On Oct 8, 2013, at 8:36 PM, Tom Livingston wrote:
So, how to fix... like you asked... ;-)
You have conditionals on your HTML element. Feed IE7 a
I got it lined up on IE7 mode using IE 10
I removed the top:; declaration on both
css3-container
that sit above the image inside the a href and then threw a top: -150px; on the
image itself.
Leaves a gap on the bottom, but I will let you figure that one out.
HTH,
Karl DeSaulniers
Design
They posted, but out of order.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
On Oct 8, 2013, at 8:52 PM, Karl DeSaulniers wrote:
@Admin,
Any reason I should know of why my posts are not posting or taking a long
time to post?
Best,
Karl DeSaulniers
Design Drumm
Just taking a look. I don't have IE7 where I'm at but the 30% !important
with a margin is sure to break somewhere. It is jogging at narrow viewport
as well on Chrome and FF. With IE7, I'm guessing it has something to do
with the box-model.
On Tue, Oct 8, 2013 at 9:36 PM, Tom Livingston
This is a responsive theme. It will start to job at a narrower viewport. But
when looked at on a tablet and a cell phone, it works fine.
On Oct 8, 2013, at 7:14 PM, Chris Rockwell wrote:
Just taking a look. I don't have IE7 where I'm at but the 30% !important with
a margin is sure to break
Im seeing this too in FF 24 Win8 using Responsive Design View, between
320 and 400px. Seems the margins between those aren't adjusting. The
imgs seem to be scaling but not the space between.
On Tue, Oct 8, 2013 at 10:14 PM, Chris Rockwell ch...@chrisrockwell.com wrote:
Just taking a look. I
Do you have access to this Conditional comment? !--[if lte IE
8].![endif]--
If so, put the following in the embeded style.
I can't access the embedded style unless I dig into the PHP.
#iconsRectangl .wp-image-1102 { width: 300px; }
Except the image is 308px wide. Like the other
Could add the style in the head? Usually we have access to header.php...
On Tue, Oct 8, 2013 at 10:22 PM, Theresa Jennings
theresajennings2...@gmail.com wrote:
Do you have access to this Conditional comment? !--[if lte IE
8].![endif]--
If so, put the following in the embeded style.
I
Except, as I mentioned, the images are 308px, not 300.
On Oct 8, 2013, at 7:25 PM, Tom Livingston wrote:
Could add the style in the head? Usually we have access to header.php...
On Tue, Oct 8, 2013 at 10:22 PM, Theresa Jennings
theresajennings2...@gmail.com wrote:
Do you have access to
Sorry. I was referring to adding the ie7 specific right margin
adjustment to the head.
On Tue, Oct 8, 2013 at 10:29 PM, Theresa Jennings
theresajennings2...@gmail.com wrote:
Except, as I mentioned, the images are 308px, not 300.
On Oct 8, 2013, at 7:25 PM, Tom Livingston wrote:
Could add
I think I'm going to talk to the guy who coded this custom home page, because
even though I coded the child theme style sheet by hand, you are talking over
my head.
Thank you for your efforts. I really appreciate it.
On Oct 8, 2013, at 7:31 PM, Tom Livingston wrote:
Sorry. I was referring
On 9/10/2013 12:44 PM, Theresa Jennings wrote:
I can add a conditional statement to the style sheet in the child
theme. But it's not embedded.
You can not add a condition comment (not statement) in the CSS. Since
both IE8 and IE7 are having similar problems which appear to be slight
rounding
On 9/10/2013 2:02 PM, Theresa Jennings wrote:
I think I'm going to talk to the guy who coded this custom home page,
because even though I coded the child theme style sheet by hand, you
are talking over my head.
Thank you for your efforts. I really appreciate it.
What Tom is meaning is that
Well, I fixed it in IE8. I'm not going to worry about IE7. Here's my code:
@media all {
#ie8 #iconsRectangle .wp-image-1144 {
margin-right: .2em;
}
#ie8 #homeBottWrapper {
width: 100%;
margin-top: -20px;
}
#ie8 .home .content-home-right {
35 matches
Mail list logo
