Re: [css-d] wrapping text around a floated image

the paragraph remain a block without wrapping around the image. Just take the style out, as the 3px jog is not a problem if you want the paragraphs to wrap. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [E

Re: [css-d] Sequences of "float clear" divs

Els wrote: > The solution for this particular set of images, would be to > change the order to: > #2, #1, #4, #3. > That way, #1 wants to stay at the same level as the > preceding #2, #4 wants to stay at the same level as the > preceding #1, but is pushed down

Re: [css-d] Sequences of "float clear" divs

Michal Cizmazia wrote: > Thank you, Els. > >> IE is doing it wrong. >> You now have the sequence as 1 left, 1 right, 1 left, 1 right. >> Because the second right comes after the second left, it >> starts at >> the same height as the second left, which is not

Re: [css-d] Displaying a image

f floating the entire list left, take out the picture, place it before the list, and only float the image left. The other lines will then sit on the right of the picture, as long as they vertically still fit there. HTH -- Els http://locusmeus.com/ http://locusoptimus.com/ __

Re: [css-d] Getting rid of IE positioning Hacks

dding:0; } Also, you might want to make the background behind the top green image green, so that when images fail to load for whatever reason, the Home, Start, About and Login links don't become white on white. -- Els http:

Re: [css-d] centering an absolutely positioned DIV

now had to wait for a blocked popup, and then wait very long (on a 3MB DSL line) for each image to load. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mai

Re: [css-d] Sequences of "float clear" divs

since that one is shorter than the first one on the left. Just change the sequence - first the two on the left, then the two on the right, then the text. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EM

Re: [css-d] Getting confused with the cascade

r all 's regardless of how > deep they are, without having ti refer back to the above > it. > Any ideas, anyone? Just set a font-size on the container around the top UL. That way all sub-lists have the same size. -- Els http://locusmeus.com/ http://locusoptimus.com/ __

Re: [css-d] IE7 hovers and a IE vertical list bug?

here?... If you write the 's without line breaks between them, the space disappears. Either in one long line, or like this: . -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PROTECTED]

Re: [css-d] CSS image rollover - IE 6?

Els wrote: > Nick Fitzsimons wrote: >>> Mikhail Bozgounov wrote: >>>> Just a general question concerning CSS rollovers: >>>> >>>> You remember, that in *some cases* IE tries to download a >>>> CSS image background EVERY TIME you mouse o

Re: [css-d] CSS image rollover - IE 6?

ser), the browser keeps asking for it on every instance my mouse runs over this link. (I could tell from my logs that there are a lot of IE users that liked my mouseover effect ) -- Els http://locusmeus.com/ http://locusoptimus.com/ ___

Re: [css-d] CSS image rollover - IE 6?

he entire picture initially disappears on :hover. It's only when I go to another website, and use the backspace button to go back to your page, that the desired visual effect is there. -- Els http://locusmeus.com/ http://locusoptimus.com/ _

Re: [css-d] Using Transparent PNG's in IE 6

missing? The fact that IE doesn't do PNG alpha transparency. It does gifs, and PNG-8 (beta transparency iirc). -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org

Re: [css-d] Problem with printing

ow about giving a URL to the page? Makes it easier to determine what's happening. Personally, I haven't seen any black bars on my print previews in Firefox. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css

Re: [css-d] IE 5.x extra spacing issue

doesn't need the Tan hack, without the hacks on #contact h2 and #contact dl, that part neatly stays within the column by itself. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PROTECTED] http

Re: [css-d] IE 5.x extra spacing issue

IE5 though. I vaguely remember I got rid of it once (though buggy on hover), but I'm not sure, and even if so, I can't remember how. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PROTECTE

Re: [css-d] Clearing internal floats

ess you would do it on a per post basis. If there's an image in a post, set the min-height on that post to the height of that image (or higher, if the image doesn't start at the top of the post). Won't work in IE, so you'd have to give IE just a height, and accept that

Re: [css-d] centering bordered image

border: 1px solid #ddd; >display: block; > } > > > > > I think you aren't using a doctype declaration. Add this to the top of your document and the padding will be seen even in IE: http://www.w3.org/TR/html

Re: [css-d] Clearing internal floats

Tom Edwards wrote: > --- Els <[EMAIL PROTECTED]> wrote: > >> Maybe I didn't explain it well enough :-) >> I use it every day, and it works. >> In short: >> >> >> >> >> >> >> text >> >> &

Re: [css-d] Clearing internal floats

If you have an example of it not working, I'll be happy to have a look at it. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2

Re: [css-d] floated image doesn't overlap [was: no subject]

his: .image_right { position:absolute; right:0px; top: 0px; } It works in Opera, IE6 and FF. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE

Re: [css-d] Can I put a link on an image in CSS?

is the link text in Lynx when you use a   ? I just tried it out, no link is showing, nor the title attribute. You can't tab to it either, it is skipped in a list of links. -- Els http://locusmeus.com/ http://locusoptimus.com/

Re: [css-d] Clearing internal floats

nt to ONLY clear floats with a specified parent? No, but if you would float this parent too, the floats inside of it wouldn't clear the floats outside of it. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-disc

Re: [css-d] Can I put a link on an image in CSS?

Peter Snow Cao wrote: > Els wrote: > >> Ah, didn't get you the first time. You can have an invisible >> gif in the element, or even just a   if you set the >> element to display:block;. Just position this link with >> position:absolute; over the background

Re: [css-d] Can I put a link on an image in CSS?

Peter Snow Cao wrote: > Els wrote: > >> No, you have to add the link code http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing

Re: [css-d] Can I put a link on an image in CSS?

Peter Snow Cao wrote: > I want to put a link to my homepage on the logo image that is > in the upper > left-hand corner of every page put there by the CSS file > (snippet below): > > http://bikechina.com/ > > #header { > background-color: #091c5a; > background-image: url(images/bc-logosm.gif); >

Re: [css-d] :hover on a li in IE

without images or javascript, and this is very nifty > indeed. One more thing - I think you may wanna add a span{ cursor:pointer; } to your styles, because IE doesn't do it automatically over a , even though it's inside an . (added it to the example now too) -- Els

Re: [css-d] Aligning text with a background box

ider font-sizes in pixels though. It leaves IE5/6 users without options to resize the text in their browsers. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mail

Re: [css-d] :hover on a li in IE

yone point me to > a good method that works in IE? Add a inside the elements, apply some of the styles to , and some of the styles to , play with paddings and borders: http://here.locusmeus.com/temp/ann.html -- Els http://locusmeus.

Re: [css-d] Another question about print stylesheet

only filling about ¾ of the page width. You can however, set a different width on the table in the print stylesheet. Another option is to make two pages, one for print, and make a "print-friendly" link on the screen version. -- Els http://locusmeus.com/ http://locusoptimus.com/ _

Re: [css-d] problem with images in a print stylesheet

rrors in your print stylesheet. If not, the only thing I can think of without seeing the actual page, is lack of set widths on the floats perhaps. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PRO

Re: [css-d] CSS Media

ied it on WinXP, and both Firefox, Opera and IE6 call the file on first load of the page. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/li

Re: [css-d] Out damned dots!

Philippe Wittenbergh wrote: > On Feb 16, 2006, at 6:33 PM, Els wrote: > >> Bruce MacKay wrote: >>> Hi folks, >>> >>> I have a "border-bottom: 1px dotted #bbb;" style applied to >>> my links. I only want the style applied to text links, n

Re: [css-d] Out damned dots!

#bbb;} a:link img{border-bottom:none;} -- 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=

Re: [css-d] Height problem

solution. Well, you've set your #container to be 100% height. But there's a #header above the container. I think you want to wrap the #container and the #header together in another element and give that one 100% height instead

Re: [css-d] No left float in IE 6 & width expression not working

;t want to wrap around it. URL? -- 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

Re: [css-d] Small gaps in menus

the and the . Make them into one long line, or write them like this: HOMEAbout UsContact UsTestimonialsF.A.Q. BTW, you can't have an image between the and the . -- Els http://locusmeus.com/ http://locusoptimus.com/ __

Re: [css-d] No left float in IE 6 & width expression not working

it a width. I'm not seeing any id="instructions" on the page you gave the link to btw, so there could be other causes as well. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PROTECTE

Re: [css-d] Liquid Design Maximum Width

to try out which width is most comfortable to read. One more problem: IE doesn't understand max-width (or min-width). There is a workaround for it, but it's quite tricky to get it right. http://www.svendtofte.com/code/max_width_in_ie/ explains all ab

Re: [css-d] IE Repeating Text

't see it anymore, I'm sure it's gone ;-) -- 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-disc

Re: [css-d] IE Repeating Text

Els wrote: > Scott Wilcox wrote: >> Ingo Chao wrote: >>> Scott Wilcox wrote: >>> >>>> http://x0f.org/music/ >>>> >>>> The text seems to get repeated under the last graph. >>> >>> No dup characters here. And I can&#

Re: [css-d] IE Repeating Text

debar is in place? Does the duplicated text remain in place when you refresh the page? (Sometimes bits of pages seem repeated when the data comes in slower than usual. I've once had people complain of images that were "smeared" over a stretch of the page) -- Els http://locusmeus.co

Re: [css-d] IE Repeating Text

've seen it happen on other pages, but it was always caused by floated column widths in percentages, adding up to 100% of the available width. The fix would be making the percentage widths of the columns add up to less, and taking out any comments between them. On your page though, it d

Re: [css-d] ie/7b2 ::~dL

tal scrollbar. Page remains in one piece, just like in my other browsers (Opera, FF, IE6, 5.01, Konqueror). -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/ma

Re: [css-d] Table cell borders disappearing in Firefox

ere... Sorry, in that case, I have no idea, other than maybe 1 pixel just isn't enough when transfered to print, and maybe you could make a print stylesheet with 2 or 3px wide borders. -- Els http://locusmeus.com/ http://locusoptimus.com/ _

Re: [css-d] Table cell borders disappearing in Firefox

ply only global.css at first, only the s have borders, while the s haven't. Then, in list.css, the padding on s is different than on s, and you have separate border styles for 'thead th' and 'th' in the CSS. Looking at your HTML, I see s inside in your

Re: [css-d] Table cell borders disappearing in Firefox

standard browser view. Could it be that the border widths on the s are different, and prints can't combine the widths of cells and borders to make a straight table? (just guessing - for better guesses, could you please add a url to the actual page?) -- Els

Re: [css-d] CSS problems on IE Server specific?

my home PC when I get a chance to see if > it is goofy there as well. If it is, I don't know what to do, > unless someone has any more possible suggestions. :( Can you give a link to both instances of the site, the one on the production server *and* the one on your local machine? That wa

Re: [css-d] image border causes space at bottom of image

is to add a height > property to the css. Is there another way around this? Try adding this rule: #img img{display:block;} -- Els __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testi

Re: [css-d] Adjacent Selector for IE6?

ether. I'm not 101% sure, but > I think this is your only option...until about 2010 or later. If only were a child of . -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PROTE

Re: [css-d] Constructive Critisism, Please

Els wrote: > #nav li a:focus, > #nav li a:hover, > #nav li a:focus{ I meant to write #nav li a:focus, #nav li a:hover, #nav li a:active{ > #nav li a.current:link, > #nav li a.current:visited, > #nav li a.current:focus, > #nav li a.current:active, > #nav li a.current:hov

Re: [css-d] Constructive Critisism, Please

there so you can see what happens) HTH ;-) -- Els http://locusmeus.com/ http://locusoptimus.com/ -- Els __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-

Re: [css-d] pixel to em conversion revisited

ourse, but the workaround is just to use % for body font-size. There is no problem if you then set the size in ems on other elements though. -- Els __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo

Re: [css-d] Constructive Critisism, Please

etreats and Seminars', but the href points to the service page itself. Design wise, I'd give the links in the navigation a bit more styling, and make them clickable in the full width of the container, not just over the text. Also, it's a list

Re: [css-d] vs

met, consectetuer adipiscing elit. Checking your code in a validator, will show an error which complains about a that doesn't have a . -- Els __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/ma

Re: [css-d] Fast question regarding top.

:absolute;. In most cases it's not advisable to use these styles, unless you know exactly what you're doing. I think what you may be after really, is a padding-top on the parent element. -- Els __ css-discuss [EM

Re: [css-d] Image escaping floated div

ing eliminated by that rule (if any - it might just be an IE bug), but if you just add this to the top of your stylesheet, the image stays put: *{border-width:0px;} By putting it at the top, it won't eleminate any of the specific borders you've set late

Re: [css-d] width variation

estion probably has a left and right border of 1px. > Thanks. You're welcome :-) -- Els __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css

Re: [css-d] Positioning

800px; > > I cannot apply paddings within divs :( You can if you have an extra inner div inside the divs you already have. Say you have a div of 200px wide. Adding a padding of 5px, would make the div 210px wide. To avoid that problem: bla bla CSS: #side{width:200px;}

Re: [css-d] Problems with IE 7

ly li a{ display:block; width:13em; } all the examples display properly in IE7, 6, 5.5, 5.01. (I've never used the height property to eliminate the gaps afair) -- Els http://locusmeus.com/ http://locusoptimus.com/ _

<    1   2   3