[css-d] Problem with position ...
Hi list, I'm trying to display a list of picture, with a div that should go over the picture, since the list contains 13 pictures, the list wraps after the third and it start a new line. when this happens the div that should be over the image stay on the top line, and I couldn't figure out what was causing this behavior and I need your help. You can see the problem here: http://www.zerocinco.com.br/code on the right sidebar unde Nossa equipe, you can see where the first one is displayed and the 4 one, who should be displayed under the first picture on the second line, is show on the first line on the right. Here is this section code only: HTML: (repeated 13 times) span class=bubbleInfo img class=trigger src=?php bloginfo('template_directory'); ?/images/clients_bottero.jpg alt=Alam div class=popup pstrongNome:/strongAlam/p pstrongCargo:/strongProdução gráfica/p pstrongE-mail:/strong[EMAIL PROTECTED]/p /div /span CSS: .bubbleInfo { position: relative; } .popup { background:#333; border:1px solid #888; color:#fff; position:absolute; top:0; left:0; z-index:100; display:block; } #people img{ margin:5px 5px 0 10px; } Very big TIA for any advice on how to fix this. Marcelo Wolfgang __ css-discuss [EMAIL PROTECTED] 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] Background disapearing in IE
Hi list, I have a problem with a site I made, in flash and with simple css, that I can't figure out why the background of the site doesn't show up when the user refresh ( F5 ) the page. It simply don't show The url is www.bottero.net Any advices would be good TIA Marcelo Wolfgang __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] I can't make any fixed position tutorial on ie work, please help
Hello all, I know this is had been covered before, I've 1 quazilion demos on the web, but I could not make it work on my site, So, I'm asking for advice on how can I make the footer of my website to be fixed on the bottom in IE6 ( it works well on other browsers ). here's the link http://portfolio.grillo.tk/2007 the css is currently at the document... Please advice... []´s Marcelo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I can't make any fixed position tutorial on ie work, please help
Hi, It don't work, the element is throw to the end of the content and it scrolls normally you can check your solution in http://portfolio.grillo.tk/2007/devon.html Thanks for the input! On 2/6/07, Devon [EMAIL PROTECTED] wrote: how can I make the footer of my website to be fixed on the bottom in IE6 ( it works well on other browsers ). position: fixed, doesn't work in IE 6. So...try using conditional comments in IE, and in them, put this style -- html, body {height: 100%;overflow: auto;} Then, anything you want to be a fixed position in IE6, use position:absolute on it. That should do the trick. It'd probably be best to put that absolute positioning in the IE conditional comments too. Devon This mail was sent by UebiMiau 2.5 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Can't understand this small gap in Firefox
Hi list, I couldn't find a solution for a small gap in Firefox in my design. You can check it out here http://portfolio.grillo.tk/2007 You will see that in FF after the main image in all the entries, there's a gap about 3 to 5 pixel where the background is being repeated as if the image was bigger ( the best way to visualize this is selecting all ). This do not happens in IE ( at least in ie7, I still have to tame ie6 ). Does anyone has any clues on how can I fix this ? []´s Marcelo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Can't understand this small gap in Firefox
Hi, First thanks, this solved the gap. But, why it adds that space at the end when the image is in his default display setting ( inline ) ? if there's any content besides the image ? TIA Marcelo On 1/15/07, Michal Cizmazia [EMAIL PROTECTED] wrote: You will see that in FF after the main image in all the entries, there's a gap about 3 to 5 pixel This solves removes the gap: img { display:block; } The img element is inline by default. That is the reason of the gap. -- {U}()Cimo Michal Cizmazia __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] (IE6 Windows): an image's position:fixed is not fixed
and it also don't support png tranparency (but you can search for ways to do this). On 1/14/07, Philippe Wittenbergh [EMAIL PROTECTED] wrote: On Jan 14, 2007, at 8:06 AM, Christian Kavanagh wrote: http://www.polarissc.com/whowehelp.html This IMG is fixed to the bottom of the screen in Safari on my Mac, but is at the top of the screen (and incidentally is a weird color) in IE6/Win. img src=images/gradient.png width=100% height=258 style=position: fixed ; bottom: 0; left: 0 ; z-index:1 ; / IE 6 doesn't support position:fixed. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Help to control my footer
Hi list, I'm struggling all morning trying to implement something like this : http://scott.sauyet.name/CSS/Demo/FooterDemo2.html on a website I'm developing, but I cannot make it work at all. and in IE I even can't make it display correctly( the footer is over the content) I've try a lot, and tested all css trick I ever knew, and they weren't enough, you can see my site here : http://www.mobilciclo.org/dev/videos/ it will look good until you resize your browse, then the foot will be move to the top of the document. My idea for the ris that it is on the end of the page when the content is smaller than the viewport, and its on the end of the viewpage when the content is smaller for it ... Please advice TIA Grillo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] using a div to mask another div
Hi all, I'm trying to play with scriptaculous making a div scroll using Effect.MoveTo, I figure out the javascript part, but I'm having problem with the css I need to make a div on top of my thumbnails that will mask the thumbnails, so what i'm doing is something like this : [div class=evento_multi_tab_photo_img] [div id=eventos01_thumbs style=border:1px solid green;] [a href=../images/eventos/diasemcarro/big_01.jpg rel=lightbox[diasemcarro]][img src=../images/eventos/diasemcarro/thumb_01.jpg width=153 height=113 alt= /][/a] [a href=../images/eventos/diasemcarro/big_02.jpg rel=lightbox[diasemcarro]][img src=../images/eventos/diasemcarro/thumb_02.jpg width=153 height=113 alt= /][/a] [a href=../images/eventos/diasemcarro/big_03.jpg rel=lightbox[diasemcarro]][img src=../images/eventos/diasemcarro/thumb_03.jpg width=153 height=113 alt= /][/a] [a href=../images/eventos/diasemcarro/big_04.jpg rel=lightbox[diasemcarro]][img src=../images/eventos/diasemcarro/thumb_04.jpg width=153 height=113 alt= /][/a] [/div] [/div] and writing the css as: .evento_multi_tab_photo_img{ margin:5px 0; height:113px; width:153px; overflow:hidden; } #eventos01_thumbs{ display:inline; } but since I'm using the width in the first div, it constrains the second div to that width also ( cascading after all ), but I want them to display in a line, and be hidden from view. Can anyone help me achieve this effect here ? If you want to see the page prototype it is located at: http://www.mobilciclo.org/novosite/eventos/ TIA Marcelo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] That old browser from microsoft and overflow:hidden
I'm havving a problem with IE, that it's not respecting my overflow:hidden declaration when I move the layer that is 'masked' by the layer with overflow:hidden. the best way to see it is here eith IE and FF http://www.mobilciclo.org/novosite/eventos/ and click on the arrows beneath the right side photos... anyone has experiment with this before ? anyone has anyclue on how can I make IE obey me ? why this browser exist ? TIA Grillo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Thinner div's
Hi all, I'm trying to figure out and understand a problem that I have multiple times while coding, so if anyone can point me out what I'm doing wrong, and which is the best direction I can follow I'll appreciate it. Here's the problem I have a div with a small image only ( 5px per example ) if I do : div id=my5pxdivimg src=my5pxImg.jpg height=5 //div with no style associate with it, it displays the image but with some 'borders' around it. If I add #my5pxdiv{ height:5px; } it sometimes works making the div height equal 5px, but sometimes not. you can take a peek at: http://www.mobilciclo.org/novosite/eventos/ css at: http://www.mobilciclo.org/novosite/assets/eventos.css the bottom div's in the multimedia part follow this scenario... how should I proceed here ? TIA Marcelo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Why a generic reference don't work here ?
Hi Rafael, Thanks man, that did the trick! I've read like last week about specificity, but I thought was not the ase here because I could change other properties ( since they where not specified on the first rule ). CSS can get tricky sometimes! thanks again Marcelo On 11/13/06, Rafael Holt [EMAIL PROTECTED] wrote: On 14/11/06, Marcelo Wolfgang [EMAIL PROTECTED] wrote: Hi list, #menu div a{ height:32px; width:180px; display:block; } #menu #home a{ background:#f4a707 url('../images/menu/home_01.gif')0 0 no-repeat; } #menu #projetos a{ background:#f4a707 url('../images/menu/projetos_02.gif')0 0 no-repeat; } #menu #eventos a{ background:#f4a707 url('../images/menu/eventos_03.gif')0 0 no-repeat; } #menu #noticias a{ background:#f4a707 url('../images/menu/noticias_04.gif')0 0 no-repeat; } #menu div a:hover{ background-position:0 -32px; } but this don't work, the background-position don't change, but if I change the menu div a rule to: #menu div a:hover{ border:5px solid red; background-position:0 -32px; } the border appear around the element, but again it don't change the background position, and if I do this: #menu #home a:hover{ background-position:0 -32px; } it works as it should, Is there any reason for this ? I wanted to save some kb using a generic :hover ( the menu contains 10 items ), the xhtml for it is simple: Hi, I'm pretty certain this is a specificity problem. You see, #menu #eventos a {} is much more specific than #menu div a:hover {} So even if you place the second one after the first one, it won't override it because the first one is more specific. The first one has a specificity of 210 and the second one is 103 (id is 100, html selector is 1, :hover pseudoclass is 1). Search on google for css specificity and you'll find a better explanation and different methods of working out specificity. There's even a star wars version on stuffandnonsense.co.uk. Anyway, your problem can be solved by simply removing #menu from infront of them all but keeping it before #menu div a:hover {}, that way the background position will change on hover. Rafael __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Why don't this work
Hi list, Trying to do something new today, playing with css, and change a background position of a image on hover. I've added the following code: #menu div a{ height:32px; width:180px; display:block; } #menu #home a{ background:#f4a707 url('../images/menu/home_01.gif')0 0 no-repeat; } #menu #projetos a{ background:#f4a707 url('../images/menu/projetos_02.gif')0 0 no-repeat; } #menu #eventos a{ background:#f4a707 url('../images/menu/eventos_03.gif')0 0 no-repeat; } #menu #noticias a{ background:#f4a707 url('../images/menu/noticias_04.gif')0 0 no-repeat; } #menu div a:hover{ background-position:0 -32px; } but this don't work, the background-position don't change, but if I change the menu div a rule to: #menu div a:hover{ border:5px solid red; background-position:0 -32px; } the border appear around the element, but again it don't change the background position, and if I do this: #menu #home a:hover{ background-position:0 -32px; } it works as it should, Is there any reason for this ? I wanted to save some kb using a generic :hover ( the menu contains 10 items ), the xhtml for it is simple: div id=menu div id=headerimg src=images/menu/header.gif width=180 height=28 alt= //div div id=homea href=index.html/a/div div id=projetosa href=/projetos/a/div div id=eventosa href=/cadastro/a/div div id=noticiasa href=/noticias/a/div /div I really want to know the cause of the the generic rule don't working on changing the background-position, but accepting the border rule ( and possible others ). TIA __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Why a generic reference don't work here ?
Hi list, Trying to do something new today, playing with css, and change a background position of a image on hover. I've added the following code: #menu div a{ height:32px; width:180px; display:block; } #menu #home a{ background:#f4a707 url('../images/menu/home_01.gif')0 0 no-repeat; } #menu #projetos a{ background:#f4a707 url('../images/menu/projetos_02.gif')0 0 no-repeat; } #menu #eventos a{ background:#f4a707 url('../images/menu/eventos_03.gif')0 0 no-repeat; } #menu #noticias a{ background:#f4a707 url('../images/menu/noticias_04.gif')0 0 no-repeat; } #menu div a:hover{ background-position:0 -32px; } but this don't work, the background-position don't change, but if I change the menu div a rule to: #menu div a:hover{ border:5px solid red; background-position:0 -32px; } the border appear around the element, but again it don't change the background position, and if I do this: #menu #home a:hover{ background-position:0 -32px; } it works as it should, Is there any reason for this ? I wanted to save some kb using a generic :hover ( the menu contains 10 items ), the xhtml for it is simple: div id=menu div id=headerimg src=images/menu/header.gif width=180 height=28 alt= //div div id=homea href=index.html/a/div div id=projetosa href=/projetos/a/div div id=eventosa href=/cadastro/a/div div id=noticiasa href=/noticias/a/div /div I really want to know the cause of the the generic rule don't working on changing the background-position, but accepting the border rule ( and possible others ). TIA __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] background image not showing up [IE/FF]
Hi all, I'm developing a page that I'm having some problems with a background image being only show behind the first child element and not behind everything else, in both IE and Firefox I'm imagining that the reason are because of the floats, but I couldn't figure out really why this is happening the page is here: http://www.mobilciclo.org/cadastro/ the css is here: http://www.mobilciclo.org/cadastro/mobilciclo.css the element that has the background image giving me headaches are: #content-body I've already check my markup and css at w3c and they both validate ( with only a few warnings on the css ) Please advice TIA Grillo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] [ot] just checking if I'm getting through
Sorry for the OT, but I've sent 2 emails, and don't get any replies, so if this goes to the list can someone just reply to it so I can blame myself about those emails and not gmail ( my email application ) Only 1 reply needed Thanks Grillo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Inspiration - CSS menus
Hi, I have this one, but it's not updated in a while: http://www.alvit.de/css-showcase/ HTH Grillo On 9/18/06, Portman [EMAIL PROTECTED] wrote: I was wondering if there is a site somewhere that has CSS based menus that I could get some inspiration from? I am looking for a vertical menu that is a little different and interesting but not weird. TIA, Riva __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] postion:absolute not following a position:relative
Hi all, I'm trying to add an overlay badge to some photos in a site I'm developing, so I thought that adding positon:relative and position:absolute for them should do the trick, but I don't know what is the problem, but this ain't working. you can checkout the page at http://work.grillo.tk/gaiolla/index.cfm?storeOwner=paula the .css file is at http://work.grillo.tk/gaiolla/webstore.css I've added a /* css-d look here */ comment to help you find the rules that make that part of the layout :) I suspect that since the relative element is a float that's is causing the problem. is it ? TIA for any advice Grillo __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] radio buttons waaaaaaaaaay to big in IE
Hi Thanks Micky and Mark for fine the culprit, I had forget about this rule. I'm using 100% in that so the body will always fill the entire page, since min-height don't work in IE, and the js I had to fix that was causing me some bugs. I think I don't need them for all that elements I will check it and remove. The css got a little more messed up than I really wanted, but this is a late project, was due almost 2 weeks ago, I will beautify it after everything is working. Thanks for the answer. Grillo On 8/28/06, Mark Henderson [EMAIL PROTECTED] wrote: From: Marcelo Wolfgang [mailto:[EMAIL PROTECTED] Can anyone help me figure out why IE is acting so weird about the radio buttons on this page ? http://work.grillo.tk/gaiolla/checkout_shipping.html Sure. From: Micky Hulse [mailto:[EMAIL PROTECTED] Just quickly looking-over you code, I see this as a potential prob: html, body, form, fieldset, select, a, input{ padding:0px; margin:0px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#00; height: 100%; } Micky was on the money I can confirm this is the culprit. Modifying your body rule to the following: html, body { padding:0px; margin:0px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#00; height: 100%; } and viewing in Firefox through an ie tab resolves the issue. Like Micky I didn't take an in-depth look at your code, but is there any particular reason you are using height:100% on the body? If the answer is no then remove that also, since, unless you're experimenting with sticky footers or vertical/horizontal centering, it's generally not required. Also, 10px for a body rule is rather small, and just as a FYI, the following might prove an interesting read if you have the time. http://css-discuss.incutio.com/?page=FontSize HTH Mark -- This message has been scanned for viruses and dangerous content by ISPNZ's automated virus detection system, and is believed to be clean. __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] radio buttons waaaaaaaaaay to big in IE
Hi list, Can anyone help me figure out why IE is acting so weird about the radio buttons on this page ? http://work.grillo.tk/gaiolla/checkout_shipping.html I've never seen anything like this, in FF it is normal, but IE messes up with their height. TIA Grillo __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE css problems
Hi list, I'm having problems with some css in IE ( and who doesn't, how long before IE7 is mass adopted ?? ) here is the page: www.ricardogomyde6565.can.br/index_div.html and the css www.ricardogomyde6565.can.br/gomyde.css THe 2 problems I'm having is a 3 pixel gap in the background image in #fastNews, and some big spacing in the #main_news can anyone help me figure out, these problems are happening ? as you can see in Firefox it works. TIA Grillo __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Where's the scrollbar (IE)
Hi list, Can anyone help me figure out why the scrollbar isn't showing in this page: http://www.mariocatto.com.br/loja/ I won't show to me using IE version 6.0.2900.2128.xpsp_sp2_gdr.050301-1519, but in Firefox it work perfectly. I'm very puzzled TIA Grillo __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Anchors and hidden overflow
Hi list, Is it possible to move 2 div's that has some content hidden by using the overflow selector using html anchors ? Like when click an link, the 2 div's respond to that click, moving itself ? Please advice __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] PNG Background in IE6
Hi David, I read the enteire website, and this fix don't work for png images used as background in the css like : .bckgrnd{ background: url('image;png'); } but, thanks for the page, I like the solution he offers there for regular images. Still hopping to find a solution for the background png problem TIA On 6/30/06, David Laakso [EMAIL PROTECTED] wrote: Marcelo Wolfgang wrote: Hi list, Is it possible to have a png with transparency in IE ? I only found out about techniques to do that with images on the code, If someone can help me I appreciate. TIA Grillo Perhaps this link will help answer the question: http://homepage.ntlworld.com/bobosola/ Regards, ~dL -- http://chelseacreekstudio.com/ca/ccs/pow/pow.html __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] PNG Background in IE6
Hi list, Is it possible to have a png with transparency in IE ? I only found out about techniques to do that with images on the code, If someone can help me I appreciate. TIA Grillo __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE 6 postion:absolute problem
Hi list, I've searched for this error in the wiki and couldn't find any specific information about this. I have this page: http://work.grillo.tk/vilarigno/home.html and IE 6 isn't respecting the position:absolute of the badge... it works fine in FF and IE 7. Can someone take a look a share any clue why this is happening ? TIA Grillo __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 6 postion:absolute problem
Hi, Just went through the xhtml and css validators on w3c and the only errors pointed out in the css is the star hack nothing more ... still the position:absolute error persists. On 6/22/06, Portman [EMAIL PROTECTED] wrote: Hi Grillo, Try validating your page - I had a similar problem recently and when I ran a validator (an extension to FF, btw) I found a couple of things that were fixed and the page worked in IE. HTH, Riva Marcelo Wolfgang wrote: Hi list, I've searched for this error in the wiki and couldn't find any specific information about this. I have this page: http://work.grillo.tk/vilarigno/home.html and IE 6 isn't respecting the position:absolute of the badge... it works fine in FF and IE 7. Can someone take a look a share any clue why this is happening ? TIA Grillo __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 6 postion:absolute problem
Actually, just got worse .. the badge isn't displaying anymore ... All the change I did was to move a form tag before of a div because the validation was saying it wasn't closed ... weird On 6/22/06, Marcelo Wolfgang [EMAIL PROTECTED] wrote: Hi, Just went through the xhtml and css validators on w3c and the only errors pointed out in the css is the star hack nothing more ... still the position:absolute error persists. On 6/22/06, Portman [EMAIL PROTECTED] wrote: Hi Grillo, Try validating your page - I had a similar problem recently and when I ran a validator (an extension to FF, btw) I found a couple of things that were fixed and the page worked in IE. HTH, Riva Marcelo Wolfgang wrote: Hi list, I've searched for this error in the wiki and couldn't find any specific information about this. I have this page: http://work.grillo.tk/vilarigno/home.html and IE 6 isn't respecting the position:absolute of the badge... it works fine in FF and IE 7. Can someone take a look a share any clue why this is happening ? TIA Grillo __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 6 postion:absolute problem
Ok, I'm becoming more lost, and really hating IE 6 !!! I did what you told me, well it worked . The right side panel, was pushed to the bottom of the div, and even if I increase the width of the div it won't go to the top anymore. Also if I give him a border: 1px solid black attribute the div is on the right side, if I remove the border, the div is on the left side ... check out at: http://work.grillo.tk/vilarigno/html/home_ienoborder.html and file:///F:/My%20Works/vilarigno/html/home_ieborder.html I really don't get what's happening here. Please help (and if someone has any tip why the sleight.js - to do the png transparency stopped working, I appreciate ) Grillo On 6/22/06, Ian Young [EMAIL PROTECTED] wrote: Actually, just got worse .. the badge isn't displaying anymore ... Two things strike me here - position:absolute if removed, image becomes visible but also the image itself is not wrapped in any div line 152 you have div id=c_flash/div, if you remove /div and put that after the c_badge div it might help Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.394 / Virus Database: 268.9.2/370 - Release Date: 20/06/2006 __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 6 postion:absolute problem
sorry, the correct adresses are: http://work.grillo.tk/vilarigno/home_ienoborder.html http://work.grillo.tk/vilarigno/home_ieborder.html Also with no border the badge won't shows up ... On 6/22/06, Marcelo Wolfgang [EMAIL PROTECTED] wrote: Ok, I'm becoming more lost, and really hating IE 6 !!! I did what you told me, well it worked . The right side panel, was pushed to the bottom of the div, and even if I increase the width of the div it won't go to the top anymore. Also if I give him a border: 1px solid black attribute the div is on the right side, if I remove the border, the div is on the left side ... check out at: http://work.grillo.tk/vilarigno/html/home_ienoborder.html and file:///F:/My%20Works/vilarigno/html/home_ieborder.html I really don't get what's happening here. Please help (and if someone has any tip why the sleight.js - to do the png transparency stopped working, I appreciate ) Grillo On 6/22/06, Ian Young [EMAIL PROTECTED] wrote: Actually, just got worse .. the badge isn't displaying anymore ... Two things strike me here - position:absolute if removed, image becomes visible but also the image itself is not wrapped in any div line 152 you have div id=c_flash/div, if you remove /div and put that after the c_badge div it might help Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.394 / Virus Database: 268.9.2/370 - Release Date: 20/06/2006 __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 6 postion:absolute problem
YES YES happy happy joy joy. Thanks Ian, your tip started the fix .. I finally fixed IE, and after broken FF I fixed it too. Now I have only 1 more IE quirk to fix in a similar page ... Thanks again for all the help On 6/22/06, Marcelo Wolfgang [EMAIL PROTECTED] wrote: sorry, the correct adresses are: http://work.grillo.tk/vilarigno/home_ienoborder.html http://work.grillo.tk/vilarigno/home_ieborder.html Also with no border the badge won't shows up ... On 6/22/06, Marcelo Wolfgang [EMAIL PROTECTED] wrote: Ok, I'm becoming more lost, and really hating IE 6 !!! I did what you told me, well it worked . The right side panel, was pushed to the bottom of the div, and even if I increase the width of the div it won't go to the top anymore. Also if I give him a border: 1px solid black attribute the div is on the right side, if I remove the border, the div is on the left side ... check out at: http://work.grillo.tk/vilarigno/html/home_ienoborder.html and file:///F:/My%20Works/vilarigno/html/home_ieborder.html I really don't get what's happening here. Please help (and if someone has any tip why the sleight.js - to do the png transparency stopped working, I appreciate ) Grillo On 6/22/06, Ian Young [EMAIL PROTECTED] wrote: Actually, just got worse .. the badge isn't displaying anymore ... Two things strike me here - position:absolute if removed, image becomes visible but also the image itself is not wrapped in any div line 152 you have div id=c_flash/div, if you remove /div and put that after the c_badge div it might help Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.394 / Virus Database: 268.9.2/370 - Release Date: 20/06/2006 __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with Firefox
Hi Andrew and Philippe, Thanks for the tips, they solved my problem, and better than that, I've learned what the problem was about About using a table for doing that, well I was trying to develop even futher my ability with css, and it was a simple table. There will be some other people work on top of my code, that don't know much of html and stuff, and I thought that doing it with html + css it will make it easier for him to work with. Thanks again for the help. []´s Grillo On 5/23/06, Philippe Wittenbergh [EMAIL PROTECTED] wrote: On May 23, 2006, at 5:30 AM, Marcelo Wolfgang wrote: The page in questions is this one: http://work.grillo.tk/vilarigno/ produtos.html I have a gap at the foot of the table on the left that I don't know how to solve. Can anyone help me here ? Have you considered using a real html table for building this? That would make *much* more sense... The problem of that 'gap' is coming from the font-size on that div, which has a computed value of 16px; add the line-height to that, and that box has a real height much larger that the 4px you assigned. Gap is visible in Gecko, Safari, Opera, iCab. Philippe --- Philippe Wittenbergh http://emps.l-c-n.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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Problem with Firefox
Hi list, I've made a website and I'm having an issue with firefox that I can't solve. The page in questions is this one: http://work.grillo.tk/vilarigno/produtos.html I have a gap at the foot of the table on the left that I don't know how to solve. Can anyone help me here ? TIA Grillo __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Firefox problems
Hi all, I never thought that I will someday write a subject like that, but my rusted css skills made me do it. I'm having some problems that only show up in firefox, and I'm asking for some help First, at this page: http://work.grillo.tk/vilarigno/produtos.html I have 2 errors I can't figure out: 1) the table has 2 gaps, on top and at the bottom, that don't happen in IE, couldn't figure out why it happens. 2) The sidebar, which is only images, has some space between them, that I can't understand why it is happening, it doesn't in IE And at this page: http://work.grillo.tk/vilarigno/pre.html I have a problem with floats, in the form, when there's 2 labels at the same line, I'm using float:left on the left one and float:right on the right one, and trying to add a overflow:hidden in a container div to clear them, but it ain't working in neither IE or Firefox. Please help, I'm lost with these problems :) TIA Grillo __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox problems
On 5/16/06, Martin Heiden [EMAIL PROTECTED] wrote: Olá Marcelo! on Tuesday, May 16, 2006 at 17:59 Marcelo Wolfgang wrote: I have 2 errors I can't figure out: 1) the table has 2 gaps, on top and at the bottom, that don't happen in IE, couldn't figure out why it happens. Why don't you use a table for mark-up? It is a product table, so it would be better to use the appropriate markup. 2) The sidebar, which is only images, has some space between them, that I can't understand why it is happening, it doesn't in IE I guess that most of your problems will disappear if you add img { display: block; } #menu img { display: inline; } to your styles. IMHO you should validate your HTML, you used some ids twice and need to add the type attribute to the style tag. And at this page: http://work.grillo.tk/vilarigno/pre.html I have a problem with floats, in the form, when there's 2 labels at the same line, I'm using float:left on the left one and float:right on the right one, and trying to add a overflow:hidden in a container div to clear them, but it ain't working in neither IE or Firefox. I cant' see that problem... Maybe use another clearing method? Martin __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox problems
Hi, Thanks for the responses so far, ( I've re-uploaded the html's with the fixes ) First using Ragland's tips, I was able to fix the sidebar and the top of table, but I also need to add some negative margin-top to made they work. Why is it leaving a gap in top of the image I couldn't figure out, and couldn't fix the table footer image also :( And no work on the form, Martin what other clearing method do you suggest please ? Thanks for all the help so far Grillo __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] 15px gap in firefox
Hi again list, Can anyone help me, I can't figure out the cause of a 15px gap in Firefox. It render perfect in IE7; the page is at http://work.grillo.tk/vilarigno/contato.html TIA Grillo __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Postion : relative + absolute
Hi list, I'm developing a web site ( you can check it out at http://work.grillo.tk/vilarigno/home.html ), and I'm pretty rusted with css ( almost 8 month without coding ), and I need a little help I have an element, the badge that says faça seu pre cadastro, that I need to be over some other elements, so I thought about declaring it with position:absolute. But I need it to be at a certain position from other element ( I remember seeing something like this in the web before, I think ). I need this so when the user with low resolution, scroll the page, the badge will be on the same position where it started. Is this the best approach to do this ? Can someone spare a tip on how to achieve this effect ? TIA Grillo __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Postion : relative + absolute
Actually, after futher playing with it, I found out that my problem is that I've centered the page layout, and the badge doesn't move to the middle according to the layout as the browser resolution gets bigger. Is there a workaround this ? TIA again Grillo On 5/9/06, Marcelo Wolfgang [EMAIL PROTECTED] wrote: Hi list, I'm developing a web site ( you can check it out at http://work.grillo.tk/vilarigno/home.html ), and I'm pretty rusted with css ( almost 8 month without coding ), and I need a little help I have an element, the badge that says faça seu pre cadastro, that I need to be over some other elements, so I thought about declaring it with position:absolute. But I need it to be at a certain position from other element ( I remember seeing something like this in the web before, I think ). I need this so when the user with low resolution, scroll the page, the badge will be on the same position where it started. Is this the best approach to do this ? Can someone spare a tip on how to achieve this effect ? TIA Grillo __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Postion : relative + absolute
Thanks Scott, your sugestiond did the trick; and I think I understood the concept here too. And KJ's thanks for spotting that, doesn't made any difference, but it was wrong Thanks all who helped. Grillo On 5/9/06, Marcelo Wolfgang [EMAIL PROTECTED] wrote: Hi list, I'm developing a web site ( you can check it out at http://work.grillo.tk/vilarigno/home.html ), and I'm pretty rusted with css ( almost 8 month without coding ), and I need a little help I have an element, the badge that says faça seu pre cadastro, that I need to be over some other elements, so I thought about declaring it with position:absolute. But I need it to be at a certain position from other element ( I remember seeing something like this in the web before, I think ). I need this so when the user with low resolution, scroll the page, the badge will be on the same position where it started. Is this the best approach to do this ? Can someone spare a tip on how to achieve this effect ? TIA Grillo __ 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 -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] conditional images
Hi, I have a page with mutiple div class=article attributes. inside each one of them I have another div with a image on it so it's something like this div class=article div class=article-imageimg src=.../div /div div class=article div class=article-imageimg src=.../div /div div class=article div class=article-imageimg src=.../div /div *Note, this is not the complete markup, is just a simple testcase ... Is it possible to write a css that AUTOMATICALLY only shows the image on the first div ? Does not need to work on IE, only Firefox, but if it works on ie, better yet. TIA Grillo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE won't float
Hi list, I'm having a problem in IE, on a page I'm developing. You can check the page here : http://work.grillo.tk/elementn/009/media-centre.html In the main content area, the content should be on the right (floated) and the menu on the left. It works 100% in firefox, but not in IE, and I can't figure out why. Can anyone share some light on the problem, pretty please ? I'm really clueless here. TIA Grillo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE won't float
Hi Georg, Thank you very much that almost made it work 100%, now the menu corretcly floats, but it is bottom-aligned you can see it at the same adress: http://work.grillo.tk/elementn/009/media-centre.html Any clues ? Grillo On 5/18/05, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Marcelo Wolfgang wrote: http://work.grillo.tk/elementn/009/media-centre.html In the main content area, the content should be on the right (floated) and the menu on the left. It works 100% in firefox, but not in IE, and I can't figure out why. Can anyone share some light on the problem, pretty please ? I'm really clueless here. .itens{display: inline;} ...will fix IE's 'margin doubling bug'. What happens is that 83px as left margin is rendered as a 166px (double width) margin in IE. It's an old bug and the fix is quite reliable. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE won't float
Hmmm, The menu it's at it's right place now, I think that was a cache problem or something like that with IE When I went to another page and come back the menu was at the correct place. Thanks Gunlaug for catching the error; []´s GriLLo On 5/18/05, Marcelo Wolfgang [EMAIL PROTECTED] wrote: I think you cought me the exact moment I was uploading the corrected web page. It's there now :) http://work.grillo.tk/elementn/009/media-centre.html []´s Grillo On 5/18/05, ilduca69 [EMAIL PROTECTED] wrote: Il giorno 18/mag/05, alle 19:34, Marcelo Wolfgang ha scritto: Hi Georg, Thank you very much that almost made it work 100%, now the menu corretcly floats, but it is bottom-aligned you can see it at the same adress: http://work.grillo.tk/elementn/009/media-centre.html Any clues ? Grillo Error 404.. Instant Messenger AIM/iChat: ilduca69 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/