... > td:not([class*="chosen"]) {...}
regards
Georg
__
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
with classes. The
"*" is superfluous in cases with only one class that is exact and
complete, like yours, but does not lead to failures here. It may however
cause "head scratching" in some more complex cases.
Check <https://www.w3.org/TR/selectors-3/#selectors> for
takes up exactly 480px in width in my browsers.
Calculate in, and subtract, the browser's scrollbar.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ
not act as hacks in any browser
- unless when you want them to.
regards
Georg
__
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
Georg
__
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
On 13.04.2012 23:21, David Hucklesby wrote:
The media queries all seem to target
either webkit or moz. Could that be the answer?
Yes! Opera and IE never see the relevant styles. A more cross-browser
mediaquery makes it work as intended.
Georg
the full screen (2-col) layout.
regards
Georg
__
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
line is OK as long
as navigation can still be understood and used.
regards
Georg
__
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
times for similar elements).
All browsers will know exactly where to position what when you tell them
by positioning one element relative to another, which you should every
time you use absolute positioning.
regards
Georg
problem :-)
regards
Georg
__
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
, and in more
old IE versions than I care to support today...
http://www.gunlaug.no/contents/wd_additions_14.html
...but as David says, seeing a page to make sure, would be nice.
regards
Georg
__
css-discuss [css-d
-align' declaration. So although nested
block-level elements won't themselves be centered, their
inline-level content will be centered by the inherited declaration.
Philippe has covered the rest... :-)
regards
Georg
__
css
above#8230; img class=tac src=... alt=
/ #8230; and below a centered image./p
p {text-align: left;}
p img.tac {display: block; margin: .4em auto;}
...and the now block-level styled image will split the text vertically
and stay centered in the paragraph.
regards
Georg
and (-webkit-min-device-pixel-ratio:0) {
/* styles for Chrome and Safari here */
}
...will work for a while.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
have styled it now.
regards
Georg
__
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
to do this, is to declare...
div#container {
float: right; /* or 'left' */
text-align: right;
width: 100%;
}
...which provides enough space in most cases. The ul itself will of
course work fine as only container, with a similar styling.
regards
Georg
On 06.06.2012 20:51, mem wrote:
On Jun 6, 2012, at 18:02 , Georg wrote:
On 06.06.2012 18:16, mem wrote:
Can you please take a look on the following snipped and either edited and/or
explain here, why, when we add a *percentage* value on margin, we get some li
to drop the float ?
http
Can anyone point to a web resource for actual CSS print
support/quality, that is somewhat relevant for Firefox 13(+) ?
All print info I have been able to find for Firefox is outdated / for
early versions.
regards
Georg
' border.
Georg
__
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
On 06.07.2012 13:43, Ruben van den Berg wrote:
Does anybody understand what's going on here?
Yes, but we can't debug a jpg.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman
or whatever state comes
into view in the link, depending on whether it is a non-visited link, a
hovered-on link, a visited link, etc.
Once finished you remove the testing only outline, and are left with
evenly divided image-links that swap states on demand.
regards
Georg
Start by testing for collapsing margins...
http://www.w3.org/TR/CSS21/box.html#collapsing-margins
http://css-discuss.incutio.com/wiki/Collapsing_Margin
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http
On 07.07.2012 07:41, Ruben van den Berg wrote:
Could you please provide me with some futher assistance?
Try declaring overflow: hidden on the box on top, and see how things
line up.
regards
Georg
__
css-discuss
On 08.07.2012 18:17, Ruben van den Berg wrote:
Dear Georg,
Thanks a lot, things line out perfectly right now!!
However, I now have a new problem: the drop-down menu, when hovered over, is no
longer visible (the new version is here). Do you think this can be solved in
any way or does it simply
to your menu.
regards
Georg
__
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
, and stay in the right position. That way the text can overlay it
and still be in the flow and interact with its surroundings.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman
with or isn't resized by a max-width of 100%.
Can 'calc()' solve the problem, and if so is 'calc()' usable across
browser-land?
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman
and the resolution-spread on end-users' screens
become larger and larger.
So, what is our poor px supposed to be relative to these days? Zoom
factor or screen?
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http
look and
behave just fine even when parts of it drop to a second line, because
for that type of menu it will happen in some cases no matter what you do.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http
On 10.07.2012 02:14, Philippe Wittenbergh wrote:
Le 10 juil. 2012 à 00:40, Georg a écrit :
Case: images are resized by max-width, and sinse margin-top is a kind of constant the
images' top stays fixed at original position. What if I want some images to be
repositioned based on their center
;}
...and it will center in all browsers that support positioning on CSS table.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css
and centering it,
makes top/left position the same for both images, so positioned and
non-positioned images stay and respond the same.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman
space so the
right float can't fit alongside the left.
Make that '.section {overflow: hidden;}' and it will line up as intended.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman
Georg
__
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
: 100%; height: auto;}
.nav a, .nav a:link, .nav a:visited {
display:block;
width: 100%;
height: auto;
}
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css
...and if you want to start scaling with more that 2 images
horizontally, change 'max-width' on .nav to a smaller value that sums
up to 100% or less for the number of horizontal images you want.
Georg
__
css-discuss
On 12.07.2012 19:02, Ron Zisman wrote:
i tried looking at the example you sent, but the stylesheets were so
extensive, i couldn't make heads or tails of it.
http://www.ricochet.org/rollover/home.html
I only included the styles that had to be modified or added. You have
left out all the rest
than you present here.
In cases where old IE versions create problems caused by clearing, I
usually include clearing for all browsers, and override it to 'clear;
none' for those old browsers only.
regards
Georg
__
css
that center column looks broken.
regards
Georg
__
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
On 16.07.2012 00:51, Gates, Jeff wrote:
Thanks Georg. I can see what you're saying. And I started to play around with
increasing the side div percentages. However, what I'd like to maintain is a
somewhat narrow middle column for the text (I'd like the text to be more
vertical than horizontal
your test page on Opera Mobile Emulator (where resolution can
be simulated), and got none, two or three lines depending on what
resolution I set.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css
.
The 'only' keyword will shut out IE8 if used in an @import, and @media I
think (haven't tested), and I have unintentionally shut out some low-end
android browsers using the 'only' keyword in an SSR stylesheet. '@media
screen ..' will do nicely.
regards
Georg
of the
header background image. Changing the width to 100% gets the fluid bit
happening, though, the header is unaffected.
#page, header {max-width: 100%; min-width: 1020px;}
...will solve your problem on both points, down to the 1020 in width
your fixed page can handle.
regards
Georg
size=22 / --- change of size
div.searchForm {
width: 248px;
margin: 10px 0 20px;
}
div.searchForm input+input {
float: right;
}
...and see if that works for you. I have not done any cross-browser test
of it.
regards
Georg
exceptions, so my list of rules for text-sizing doesn't
have to contain more points.
(*) high resolution = 900dpi (above which increased resolution won't
achieve much), so half-way would be around 450dpi. They are not quite
there yet :-)
regards
Georg
with the result.
regards
Georg
__
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
On 27.07.2012 00:18, Boray ERIS wrote:
Is this a joke?
Nope. It's CSS!
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css
On 27.07.2012 00:46, Georg wrote:
On 27.07.2012 00:18, Boray ERIS wrote:
Is this a joke?
Nope. It's CSS!
...an if you don't bother to test this old float-alternative at your
end, here are a few examples.
http://www.gunlaug.com/contents/test/test-floating-boxes.html
http://www.gunlaug.com
On 27.07.2012 01:52, Tedd Sperling wrote:
You are irritatingly brilliant. :-)
Naa, I refreshed my mind on old methods on...
http://www.brunildo.org/test/index.html
...a few weeks ago. It's all there, just different.
regards
Georg
Georg
__
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
now.
The reason I mentioned obsolete browsers is that I have bad memories
about the cross-browser mess we had until only a few years ago, and now
I don't care to check in older browser versions unless I get paid to do
so :-)
Georg
-block method
itself - a total of 6 variants listed here...
http://www.gunlaug.com/contents/test/
Have not included the margin tweaking you ask for yet, but may later.
regards
Georg
__
css-discuss [css-d@lists.css
On 28.07.2012 13:58, Georg wrote:
Sort of - in a round-about way. The auto added space is approx .5em
either side of an inline-block, so by subtracting 1em from margin at
front-side (often means negative front-margin) and offsetting the
blocks (position: relative) to line up 1em further
, not how they handle that particular case.
regards
Georg
__
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
be implemented depends on
ability to tailor markup for it, as Philippe told us is not always the case.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ
On 29.07.2012 11:41, Georg wrote:
On 29.07.2012 07:29, David Hucklesby wrote:
Now you made me double-check. :)
Always a good thing ... that I don't do as often as I should these
days ;-)
To make my solution work we have to determine the exact width of the
auto-added white-space
Apparently not.
Georg
__
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
in time where you feel it is safer, you still have to check
the result in all browser versions you want to secure support for and
maybe add workarounds for rendering differences. No way around testing.
regards
Georg
__
css
,
but the result won't necessarily be the same in all browser versions the
OP want to support without including some extra steps/info.
regards
Georg
* http://www.gunlaug.no/contents/wd_additions_34.html
...and more recently:
http://www.gunlaug.com/contents/design/applying_html5_today.html
, and this may just be another one.
1. http://dev.w3.org/csswg/css3-color/#transparency
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css
On 01.08.2012 14:41, Tedd Sperling wrote:
As for good practice, using a tiny amount of code to accomplish something is
better than using more than what's needed.
If you say so :-)
regards
Georg
__
css-discuss [css
bit
of information, and it was just a coincidence that I hooked my response
to your post.
Hope that satisfy your need for answer. If you want more, take it off-list.
regards
Georg
__
css-discuss [css-d@lists.css
On 03.08.2012 20:34, Tom Livingston wrote:
Sorry about the mis-fire, lets try again and finish the thought this time...
Correct me if I'm wrong, but I think you want 'links in inline styled
list-items'...
http://www.gunlaug.com/contents/test/test-5.html
regards
Georg
will probably also fix your Problem 2.
regards
Georg
__
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
or padding to mess with the
widths. What’s causing it?
One of the simplest solutions for such a line-up...
http://www.gunlaug.com/contents/test/tp120924.html
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http
On 24.10.2012 20:47, Brett Goodrich wrote:
Hello and thank you in advance. I'm using IE9.
1. www.913thewalk.com/shows
Keep IE9 from going into compatibility view, and/or add hasLayout
triggers for IE7 and older.
regards
Georg
/12.12 screws up the primary content text typographic color
[font-weight] on all pages.
That font looks more smeared in Opera than in other browsers at that
size. Don't know what to do about it.
Georg
__
css-discuss
On 15.02.2013 20:44, Janis Rough wrote:
I am trying to understand floats. Please see my demo:
http://janisrough.dyndns.biz/css/float_test.html
See: http://www.gunlaug.com/contents/test/float_test.html
regards
Georg
.
regards
Georg
__
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
code, and those paragraphs do have margins that mess up the alignment
you are trying to achieve. Once those paragraphs are eliminated you
should have no problems setting suitable margins on the relevant div(s).
regards
Georg
paragraph margins on your layout.
regards
Georg
__
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
well no matter what gets thrown at them.
Beyond such a high minimum font-size value I have a feeling visitors
with special needs apply 'page zooming' rather than 'text-only zooming',
simply because few browsers can blow the text any larger.
regards
Georg
{min-height: 420px;}
...will fix the problem with footer too high on short pages.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css
how all containers relate to each others, test with something like...
div {outline: dotted 1px green;}
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ
Georg
__
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
investigate further.
regards
Georg
__
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
On 27.02.2013 18:47, Geoff Pack wrote:
background-image:url('/imgs/layout/icon_emailTEST.jpg')0 0 no-repeat;
Correct. Make it...
background:url('/imgs/layout/icon_emailTEST.jpg')0 0 no-repeat;
...and it will work.
regards
Georg
...
http://www.gunlaug.no/contents/wd_additions_20.html
...with 5 demo pages to show variants, are linked to in that old article.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman
in IE9+
only - hacked in. Seems to work reasonably well.
regards
Georg
__
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
On 26.04.2013 14:35, Philip TAYLOR wrote:
Better than rem, Georg ? Having been forced to use rem for this
fix, I am now considering adopting them more widely.
Haven't bothered to test out what's best in bug-cases like this, only
what works and seem to do no real harm. The rem unit do look
-top: 30px; height: 0; overflow: hidden;
}
...the .video-container styles will work.
regards
Georg
div#content div div .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
div#content div div .video-container
to stats :-)
My present limited support for old browsers policy is presented here...
http://www.gunlaug.com/contents/basics/incompatible.html
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css
problem with those browser versions - not the
first time browsers do strange things on my laptop.
Will someone please check in latest Google Chrome and let me know if I'm
dealing with real bugs or not.
regards
Georg
__
css
on things once I find practical uses for
the basic method.
regards
Georg
__
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
if one fails they should all
fail. Clearly they do not.
Georg
__
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
, many thanks to all.
regards
Georg
__
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
menu and
is inaccessible.
Adding...
#menu {z-index: 1000;}
...seems to do.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css
values to taste ... I have only tested in windows from about
1000px to about 4000px in width.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ
of this stylesheet...
http://www.gunlaug.com/contents/test/Autobarn4%20Index_files/main.css
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css
Georg
__
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
);
transform: rotateY(1deg) rotateZ(-5deg) scaleX(1) scaleY(1) scaleZ(1);}
...and you will.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http
, dislike something about it, does not make sense.
regards
Georg
__
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
Den 10.03.2014 00:32, skrev Philippe Wittenbergh:
The box model John. Adding the padding makes the box wider.
Same thing with the border. The 1px border on that image makes it 2px
wider and taller than 100%.
regards
Georg
- that many browsers don't support
anything fixed on small devices, because of the problems it
unintentionally may cause. Also too easy to intentionally mess things up
with fixed.
regards
Georg
__
css-discuss [css-d
;
background-color:rgb(0,0,0);
}
nav ul li a{
display: block;
line-height:1.65em;
padding:.12em 1em .4em 1em;
}
...and it will work as you intended.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css
://www.gunlaug.com/contents/design/index.html
...and also the regular navigation at the bottom of that page. Both
simple unordered lists carrying achors.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http
will see where and how wide that container is.
regards
Georg
__
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
Den 20.03.2014 17:34, skrev Karl DeSaulniers:
Link to example:
http://designdrumm.com/boxresize.jpg
Something along these lines might work...
http://www.gunlaug.com/contents/test/shrink-1.html
CSS in source-code.
regards
Georg
Den 22.03.2014 22:39, skrev Karl DeSaulniers:
Hey Georg, Thanks again for this example! Had a quick question. For
some reason, if the outer boxes min-width is less then the totall
width of the two inside containers, the two inside containers stack on
top of each other in your example. Any way
this will be a learning experience!
Chech HTML validity first.
Some unclosed elements in there, and browsers' error-correction do not
always agree on how to render such things.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org
1 - 100 of 138 matches
Mail list logo