ther workaround until CSS has caught up, would be to add the 4px in
transparency to the image itself. A hassle if one image needs to be re-used in
different situations/spacings, and works only for gifs and pngs of course, but
provides pixel precise styling.
--
Els
__
know
> why this is happening and how I can fix it? Have Googled so far to
> no avail...
That looks like an old familiar friend. Well, bug.
http://www.positioniseverything.net/explorer/guillotine.html
--
Els
__
css-dis
Charlie Kalech wrote:
> Thanks
>
> I retried and it worked - strange!
Not strange at all - it's strange that it didn't work before ;-)
> I have to label my closed divs otherwise I get lost!
This is ho
r still stops with the non-floating column.
I'll believe that one when I see it ;-)
Any element within wrapper and after content-body, should make the
background extend till the bottom.
However, did you really use in the
: center;
> margin-right: auto;
> margin-left: auto;
> }
That would work perfectly.
If you had a in the HTML...
--
Els
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wik
ng, and your page will make sense for
visitors with or without CSS.
Using proper headings (even if you use images with the title text in
the alt attribute) will also give the site a better visibility in
search engines, so that's one more reason to use semantic HTML.
--
Els
___
E
doesn't. It tries to fit it in somehow.
(without real success, but by the gap you can see it tried ;-))
--
Els
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
3.org/TR/css3-color/#rgba-color
--
Els
__
css-discuss [cs...@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/
.. '. I'd use
for that line.
--
Els
__
css-discuss [cs...@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-di
or a complete list of
possibilities. (well, for CSS2.1).
--
Els
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http
t min-height, and because all the content of the
footer is floated, there is no automatic height. (floated elements are
'invisible' to their parents).
For IE6, you can add _height:65px; (the underscore will hide it from
the better browsers).
--
Els
_
to "hide" this code so that it
> won't appear in firefox?
A wild guess, and it's also OT for this list, but what happens if you
rename index.html to index.asp?
--
Els
__
css-discuss [cs...@lists.css-di
would that red border be extended for 100
pixels, or is there something else happening?
--
Els
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.in
rg/index1.html
The top margin of the h2 collapses with the top margin of the
#rightCol, forcing the #sidebar1 to extend upwards to encompass the
h2's margin.
Fix: set that h2 inside #sidebar1 to have a top-margin of 0, or add a
borde
Bobby Jack wrote:
> As ever, Firebug is your friend. The extra space is not a margin,
> but the slightly strange image at the end of your document. The one
> with an ID of "1" which, BTW, is invalid.
That's what I thought at first too, but it's actually the letter
a style set too, on line 703 of your style.css:
#l {
left:-999px;
position:absolute;
}
Even though it's sitting 999px to the left of the screen, it's still
taking up its height.
If you also give it a negative top value, it wouldn't.
--
Els
_
. Both
> HTML and CSS validate but my syntax is obviously wrong in some
> regard. And ideas would be appreciated.
>
> http://www.wickson.net/css_march_18/index.htm
You need to float the menu. Only when that's floated to the left, the
next
'center', so 'left top'
is a change, while it won't affect anything on the page since you
didn't have a background set anyway.
--
Els
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-
hould be part of the content, not the styling.
Without CSS and without images, the content of the page should still
make sense, so I reckon you'll want to have the images for Q and A
with alt text, or just plain text, in the HTML?
--
Els
serBox", and also 4 with id="userboxbuttons".
You can't have multple IDs with the same name on one page. Best to
change those IDs to classes, so they can be reused on the page.
--
Els
__
css-discuss [cs...@li
E7 stylesheet.
The navigation then drops to the next line.
It also works if you take off the -22px margin on the login.
I think it is overlapped by something because of the negative margin.
Either way, if you add 'position:relative;' to the styles for
#navigation,#login in the IE7 styl
s I know.
Looking at the page in Firefox and checking with Firebug: the
display:block is on the span, not on the element.
Try what happens if you set the display:block and a height on the
element - should really work.
--
Els
__
it'll get the script started.
Ah, *those* prev and next images. I don't see the problem with those
being hardcoded into the JavaScript, as all you'd need to do to change
them, is replacing the image files that are used there. Even easier
than updating a stylesheet.
--
Els
s would also show what doctype (if any) you are using, which can
have an effect on how IE7 renders a page too.
--
Els
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List
not compatible with toy
> screens.
Your prerogative, but "toy screens" are on the rise - 640x480 and 800x600 are
quite common. EEE pc and similar laptops don't really have minute screens. Oh,
and there is of course the iPhone. Also 640 x 480 I think?
--
Els
___
that are below their screen.
--
Els
__
css-discuss [cs...@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
bruce.som...@web.de wrote on Friday, March 6, 2009:
> > Von: "Els"
> > bruce.som...@web.de wrote:
> >
> > > http://www.maireadnesbitt.com/initial.html
> > >
> > > The page has three columns: leftcontent, centercontent and
> > &g
bruce.som...@web.de wrote:
> I would appreciate it, if someone would look at
> http://www.maireadnesbitt.com/initial.html
>
> The page has three columns: leftcontent, centercontent and
> rightcontent. Why does the centercontent not begin at the top of
> the window?
Because of there being 'things'
blem.
What does fix the problem, is setting a different background image on
it, such as 'clear.gif', a simple small totally transparent image.
I've seen this behaviour before in IE, where in some case you need to
use a transparent background image to fix a layout or link
clickability issu
ot push out?
I don't have time to take a copy to test locally, but my guess is that
if you take out the first line at the top of the document, the that holds the content, has a width
set of 640px. Yet, inside it, is anot
ement.
The space is what you see on any inline element, room for the
descenders of g,j,p,q,y.
--
Els
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discus
work around. I
> really, really want Item 3 to be above Item 2, but Item 2 *must* be
> position:relative.
>
> Anyone have a quick suggestion, something I might be missing?
If you give Item 2 z-index:-1, it looks like it works.
Not tested for possible side-effects when
you add
another one after the last one, you don't forget to add the ";" on
what is now the second last one in the set.
--
Els
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailm
nough.
I just tested what happens if I adblock an image, and Firebug then
gives display:none for the element.style.
--
Els
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wi
no problems. AdBrite logo is there in all of
them.
Sometimes Firebug plays up - have you tried closing Firebug,
refreshing the page, and then opening Firebug again?
--
Els
__
css-discuss [cs...@lists.css-discuss.org]
http://www.cs
JR Heard wrote:
> Anyone have any idea what's going on? Does this show up in your FF3
> as well? (The first image should say "Adbrite", as "AdEngage" is
> actually the second image in the li
roblem.
I guess now I know how it was possible - you were changing it! :-)
--
Els
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss
Els wrote:
> Ib Jensen wrote:
>
>> Link: http://ikjensen.dk/test/
> It's not the colour, it's the size. Up the size a bit, and the blur
> will disappear. If you look at the body text, that's also smaller in
> IE than in FF.
Just noticed you have this in you
7;ve tried to change colors, without any result.
It's not the colour, it's the size. Up the size a bit, and the blur
will disappear. If you look at the body text, that's also smaller in
IE than in FF.
--
Els
__
c
clear:left;' to div.nav would solve the problem.
It doesn't float to the right, it floats to the left but against the
logo instead of below it. Using 'clear' should solve that.
--
Els
__
css-discuss [cs.
Adding a border to the H1 shows that the lettering
> does not hit the left edge.
You mean that one pixels space? That's just the font that has some tiny space
around the letter. If you change the font to Times New Roman for example, i
Flickr, he has to add a new exception every time
I don't have a solution for the second problem, but wouldn't the first
be solved by overriding the earlier styles?
a:([href*="flickr"]):before {
content: "";
color: #000;
text-deco
ackground-image:url(images/strapline-big-4.png);
_background:none;
_filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(
src = '/templates/db-test/images/strapline-big-4.png',
sizingMethod = 'scale'
);
}
--
Els
_
s space between the
table and the div's border.
--
Els
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- ht
suggestions?
Take the border off the div?
--
Els
__
css-discuss [cs...@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
the
rest of text is, and then you can use padding to make it sit more to
the right if needed.
[*] If you install the Firebug plugin in Firefox, you can easily see
this happening, makes it very easy to debug this type of thing.
--
Els
__
tive indent of the same width.
This assumes you know the exact width of the • plus space
though.
Why not make the • an image and apply it in CSS by
list-style-image:url(bullet.jpg); ?
--
Els
http://locusmeus.com/
http://locusoptimus.com/
he hover state rules.
Be aware of specificity though - if you've set a:link and
a:visited to a certain style, you'll also need a.current:link and
a.current:visited instead of just a.current to overrule it.
--
Els
http://locusmeus.com/
http://locusoptimus.com/
;t
> want to expand and push =/ What am I missing here, its
> boggeling my mind.
You have set a height for the #container. Firefox and Opera are
just 'obeying your orders'.
IE is the odd one out, extending the height to hold the contents.
Just don't set a height, and l
peat.
I think you are looking for
.td1_1 .formfieldtext{}
which will target any element with class 'formfieldtext' which is
inside any element with class 'td1_1'.
> Also how can I add "colspan" in the .td1_1?
Via CSS? N
Does it work if you add a.info:hover{background-position:0 0;} ?
If not, could you provide an uploaded example of the problem?
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discuss [EMAIL PROTECTED]
http://www.c
play
hide and seek.
Workaround for your page: give #searchBar a right value of -1px.
The 1px you lose in the other browsers will go unnoticed.
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discuss [EMAIL PROTEC
k, so that's the
> problem, anyone know why and how to fix without just removing
> the spans?
It's the width:100%; and height:100%.
Give that span a border (or take out the no-repeat on the image)
and you'll see the problem.
--
Els
http://locusmeus.com/
http://locusoptimus.com/
e
image. In that case, just give the text a margin as wide as the
image is, like Joel said.
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css
:left;>
>your text here
>
Just don't float the paragraph.
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 tes
IE, or how to fix it, hopefully
> somebody out there can advise, HTML with CSS is as follows:
[snip]
> main
It would be easier if you'd show a URL, but my guess is that
since that td is taking up 100% height, the rest of the page has
no other option than to extend beyond the viewport.
--
; "href" call?
You can't. What you do, is include the navigation into every page
(eliminate the frames), and just change the entire page on
clicking one of the links.
This is not CSS though, but HTML with either pre-processing or
serverside script.
http://allmyfaqs.net/f
;s almost working correctly in FF and
IE7, both on Vista.
The only difference is that I see horizontal scrollbars, while in
your screenshot there are none.
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discuss [
nt-size?
> Thanks again for your help.
>
> marlene (whose brain drain is still in effect)
Depending on where you are, that could also be caused by the heat
;-)
--
Els
http://locusmeus.com/
http://locusoptimus.com/
>
>
>
>
div is probably being covered by for
example the footer.
If that is the case, the solution lies in not using
position:absolute for some or all of the elements in the page.
Impossible to tell without seeing the whole page though.
What is t
v) that breaks the layout.
> So the question is, how can I clear the float in FF but not
> get the extra space in IE?
By using a with one space inside instead of a , and
give it height:0; and overflow:hidden;.
--
Els
http://l
2.- ¿es mejor pasar el
> validado de CSS, el de HTML o da igual?
Si el HTML es inválido, la validación del CSS no ayudará a
conseguir exhibir sus páginas correctamente.
¿Usted habla inglés también?
(Would be easier for more people to understand your questions
;-))
--
Els
http:/
.level2 {
> display : block;
> width : 20em;
> }
Yup, won't work on IE.
> if i use the external css file but stick just these two
> instructions into the html file it works locally on my
> computer but as soon as i upload it to the remote site it
> doesn't wo
etup the problem does
occur, so that anyone with that setup may check your page. FWIW,
it's not happening on my XP/IE6 either. It sounds like a little
peek-a-boo though.
>> I'm guessing it has something to do with my a:hover thick
>> bottom borders on the links, but I
html#propdef-line-height
>> and it keeps telling me that
>>
>> color: transparent
>>
>> is invalid
I think that's a warning though, not an error? A quite annoying
warning though, and it would be good if there was an option to
specify which warnings we&
he top of the scroll bar. Does anyone
> know where it comes from please?
Yup. You placed the #content at 120px from the top, and gave the
#header a height of 100px.
There's 20px difference between those two values :-)
--
Els
http://
s/centeringpage.html
>
> Why link third party sites when the WIKI has the answer?
> http://css-discuss.incutio.com/?page=CenteringBlockElement
Well, the third party is myself, and I didn't know it was in the
WIKI :-)
--
Els
http://locusmeus.com/
http://locusoptimus.com/
ncutio.com/viewlist/css-discuss/75840
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/
Simon Kerr wrote:
> Hi all. Does anyone know if there's a way to centralize an
> entire page's content in the browser using IE? I've tried
> margin:0 auto but no luck.
http://locusmeus.com/html-css/centeringpage.html
--
Els
http://locusmeus.com/
w it on my mac at home. What is it
> doing differently? How should I change it?
>
> http://www.decisiveelement.com/clients/ndcsite/index.html
http://www.decisiveelement.com/clients/ndcsite/images/sketch.jpg
gives a 404.
Did you upload your images?
--
Els
http://l
Check it out here:
>
> http://www.decisiveelement.com/clients/ndcsite/HTML/about_overview.htm
404
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-
rt borders on images on hover,
but the same goes for a popup span:
http://locusoptimus.com/css-trickery/ie-image-border-styles-on-hover.php
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discuss [EMAIL PROTECTED]
h
final as I
> keep playing with it, I just pasted what I had there at the
> moment.
[snip]
> .imageholder {
> display:table-cell;
> width:200px;
If you don't care about centering, you can just float the
imageholders. Just make sure they're all the same
the way
it looks right now, I wouldn't lose any inner divs. Not if you
want the 5px padding on both the wrappers and the red boxes
anyway.
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discuss [EMAIL
not working.
On a sidenote though: why don't you mark up those links as lists?
They are lists of links, so why not use a list instead of a
series of paragraphs?
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
cs
Simon Kittle wrote:
> I can kinda get around this for my DIV elemnets by just
> setting a default color attached to the BODY element. But the
> trouble is this doesn't work for my TABLES, because TD
> elements don't seem to take on the style from a BODY. So I
> have to have a rule similar to:
>
.
> Then browsers (and IE) cannot run away! :-) So: new testpages
> <http://home.tiscali.nl/developerscorner/css-discuss/test-groove-c.htm>.
Just switch the bottom and left inner/outer colours for the
authentic groove style though! ;-)
--
Els
http://locu
francky wrote:
> Els wrote:
>> Peter L. Schlueter wrote:
>>> But IE will not display the {border-style: groove;} request.
>>> Firefox does.
>>
>> You set black, and IE has trouble taking one darker and one
>> lighter colour from that.
>> If yo
S is as follows...
>
> border-width: 1.5em;
> border-style: groove;
> border-color: #00;
You set black, and IE has trouble taking one darker and one
lighter colour from that.
If you would use #CC; for example, you'll see groove style
borders in IE too.
--
add width:100%.
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ
Carl Youngblood wrote:
> On 6/19/06, Els <[EMAIL PROTECTED]> wrote:
>>> On 6/19/06, Carl Youngblood <[EMAIL PROTECTED]> wrote:
>>
>>>> http://constructioncapitalsource.com/test/sample.html
[snip]
>> if you either take off
>> "display:tab
parent has display:table, it shrink-wraps around the
children. Vicious cycle :-)
No idea whatsoever why clicking the links triggers the #container
collapsing, but if you either take off "display:table", or add a
set width to #container, nothing collapses, so the links don't
are you referring to? I don't see anything
in IE(7) that isn't there in Firefox, except for quite a few
problems with overlapping texts in the content (on all pages).
Opera also shows me the same thing as Firefox.
--
Els
http://locusmeus.com/
http://locusoptimus.com/
_
tedd wrote:
> Hi people:
Hi person ;-)
> I'm not asking for anyone to root out a solution for me,
> unless you want. What I would like is IF anyone has seen this
> phenomena before and can point me in the right direction to
> find a solution.
>
> It has been pointed out to me that a "Mysterious B
n.com/projects/parallax_r2/portfolio.php
>
> I know that vertical-align doesn't work with block elements -
> is there something else I can use?
Give p.port-text a top margin of 0?
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
#ff; /* for IE */
background-color:#ff; /* for FF and Opera */
height:2px; /* for Opera */
border:none; /* to get rid of (dark) border in FF and Opera */
}
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
c
The links on the right are covered by the "triangle".
Set a border for #triangle in your stylesheet and you'll see it.
The only reason that on the homepage the links still work, is
that on that page, you have div#triangle *before* div#navlist,
and as both have position:absolut
Duckworth, Nigel wrote:
> Els,
>
> Fantastic, thank you! I should have thought of trying
> overflow: hidden, I tried everything and the kitchen sink but
> that. This would be ideal since I don't have to change the
> markup (which I don't have control of).
Looking at i
m
Firefox :-)
Tested only in IE6, Opera 8.54 and FF1.5.
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://c
that the hover colour
is - even very minimally - different from the link/visited
colour), the hover styles you set for the images will work too.
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discuss [EMAIL PROTECTED]
d classnames on a daily basis.
> Does anyone have a resource for which elements are adversely
> affected by hyphens in the name. Does this apply to id's also?
Do you have an example of that problem? I never encountered it. I
think it's possible that you had the Adm-Menu styl
png);, regardless
of where the html files are that the stylesheet is applied to.
No need to copy images into various directories, they can all
stay together in one place, just like the CSS file.
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
y best ;) I'll tidy up after I've got it looking right
> and there are no changes from the client :)
First get the code done correctly, and then make it look right.
The reverse will give you headaches.
> Thanks, it's much appreciated!
You're welcome :-)
--
Els
http://l
t for the absolute
positioning.
>> Site is http://www.wdam.co.uk/clients/dynam/hh/
>
> The other issues were caused by me being a complete lemon and
> forgetting to add a CENTER tag in an important place, so please
> ignore them! Sorry, I'm not
e that you post
here, and another for yourself.
I just looked again at your page, and now you've taken out the
entire structure.
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discuss [EMAIL PROTECTED]
http:/
Els wrote:
> Trey Copeland wrote:
>> www.wku.edu/icap is what I'm working on. In firefox the
>> related links line up perfect, but in IE they look horrible.
>> Any suggestions?
>
> They don't line up in Firefox here, while they do in IE.
> You're
Trey Copeland wrote:
> www.wku.edu/icap is what I'm working on. In firefox the
> related links line up perfect, but in IE they look horrible.
> Any suggestions?
They don't line up in Firefox here, while they do in IE.
You're missing an opening on the second link.
--
pting needed).
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -
7;m mistaken in
my memory.
Sidenote to styling : if you don't want the rest of the
page to have the same background as , you need to style
separately.
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discu
oice between a "hack" and inaccessibility of content,
I'll choose the hack anytime.
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinf
1 - 100 of 260 matches
Mail list logo