Re: [css-d] hr tag
On 5/31/07, Ian Young [EMAIL PROTECTED] wrote: Subject: Re: [css-d] hr tag Diego Muñiz wrote: It's better if you use elements in your markup instead of adding more stuffs only for look purposes, so like Ian said is better if you give a URL to see the problem. Hello, Sorry I thought I had given one: http://www.linkhomes2000.co.uk/trials/tryagain-index-3.php __ 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/ I give 2 links the first is aplying a border, and the second one using a image for the division: http://www.punisha.com/test/hr/index.html http://www.punisha.com/test/hr/index_image.html Keep code allways as clean as you can trying to avoid using markup exclusively for presentation. Diego __ 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] hr tag
Hello, to all who replied to this subject, and thank you all for your assistance in this matter. Kind Regards David G) - __ 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] float problem. Was: Born again CSS
DO you have a mock pict of how you want the layers to look? As to what order and where? Also checkout http://csscreator.com/divs-do-not-replace-tables http://1976design.com/blog/archive/2004/09/07/link-presentation-fitts-la w/ -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Luc Sent: Friday, June 01, 2007 8:34 AM To: Css list Subject: [css-d] float problem. Was: Born again CSS Good morning list, After over 1 year of not messing with CSS i'm picking up CSS-design again and i'm stunned of how much i already forgot. I'm doing a mockup at the moment involving floats and they go crazy on me. On resizing the viewport the center float jumps down ... is there a kind soul out there that can point me in the right direction to get the floats sit tight? Or maybe i'm on the wrong path and need absolute positioning? page: http://www.dzinelabs.com/projects/MP/Pages/test.html sheet: http://www.dzinelabs.com/projects/MP/Styles/Test%20nav.css -- Best regards, Luc Powered by The Bat! version 3.99.3 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. Until you walk a mile in another man's moccasins, you can't imagine the smell. __ 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] Text that breaks out of veritcal flow
CSS-d, On the following web site, I have a menu written in Japanese: http://nihongode.jp The text is a ul list, where each li item is constrained to a width of 1em. This forces each character to break to the next line, giving the appearance of veritcal orientation. It almost works perfectly. Most of the text obeys the constraint. However, some text items, such as punctuation and certain half size Japanese characters, break out of the vertical flow and follow a left-to-right orientation. I've included a thin red border around the text to make the problem more clear. Even if you don't read Japanese (not expecting you do, or assuming you don't), you can easily see that the three dot ellipses clearly break towards the right. Although the site validates, I've only tested it in FireFox, and it almost certainly won't work in IE6. So I've provided the following screen shot in case what I'm describing shows up differently on other people's browsers: http://nihongode.jp/Screenshot.png Does anyone know why some characters are exceptional in how they display as compared to the other characters in a case like this? And is there a way I can use CSS to more strictly impose a vertical layout on the text? Thank you for any advice. -- Dave M G CSSed Zend Studio 5.5 Photoshop 7 (Wine) Inkscape, GIMP, Ubuntu 7.04 __ 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] Problem between IE 6 and Firefox - at end of my rope.... please help
I can't figure out why but in IE 6 my spacing looks different (more space on LI). I've read (and tried) just about every hack related to extra spaces on LI's in IE 6 but all to no avail. Here's my design - can someone just point me in the right direction and I'll be happy to figure out within the code on my own. http://www.webjerks.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/
Re: [css-d] Problem between IE 6 and Firefox - at end of my rope.... please help
I can't figure out why but in IE 6 my spacing looks different (more space on LI). http://www.webjerks.com/ Looks ok here. There's a slight difference, but nothing bad. A couple of other issues though. - Why are there images (which don't load anyway) in the list? Would make more sense to use these in the css. - And why use an ordered list when you hide the numbering and hardcode it? Eystein http://thatnorwegianguy.wordpress.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/
Re: [css-d] Problem between IE 6 and Firefox - at end of my rope....please help
First off I don't see your problem. (I'm using IE7) However I might suggest you don't use .png because I'm getting a weird png error. Also you might change the image to a background image for your li. Basically define it in your CSS instead of your links. Also what are the span tags for? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Michael S. Kirkpatrick Sent: Friday, June 01, 2007 1:23 PM To: css-d@lists.css-discuss.org Subject: [css-d] Problem between IE 6 and Firefox - at end of my ropeplease help I can't figure out why but in IE 6 my spacing looks different (more space on LI). I've read (and tried) just about every hack related to extra spaces on LI's in IE 6 but all to no avail. Here's my design - can someone just point me in the right direction and I'll be happy to figure out within the code on my own. http://www.webjerks.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/
Re: [css-d] Problem between IE 6 and Firefox - at end of my rope.... please help
Michael S. Kirkpatrick wrote: I can't figure out why but in IE 6 my spacing looks different (more space on LI). I've read (and tried) just about every hack related to extra spaces on LI's in IE 6 but all to no avail. Here's my design - can someone just point me in the right direction and I'll be happy to figure out within the code on my own. http://www.webjerks.com/ Your blk_button images don't seem to be on the server. Also, as others have mentioned, I think you will get better results if you make them background images on the anchors or span elements. That way the browsers won't be trying to make space for them and you should be able to control the spacing better. Also, I would remove the absolute positioning from the span element and use margins to padding to get it into position. The text is awfully hard to read and your visitors may want to bump up the font size to compensate. Absolute positioning won't tolerate that very well. Lori __ 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] yet another problem between IE and Firefox. (Can I throw IE out the Windows?)
OK my links in IE are underlined but in Firefox they are not They are not meant to be underlined. http://www.2spoileddogs.com/ (under tab compare plans) word the bottom of the page CSS http://www.2spoileddogs.com/css_include.inc.php Sarah __ 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] Extra line in LI border
Hey all,
I have the CSS section below to style an AJAX
powered collapsible menu using an unordered list.
All is great on FireFox and Safari, but on IE6 and
IE7 there is an extra line below any top level
menu LI that has children associated with it.
The code builds the whole menu, with the LI child
items in place, but with a display=none set as
default, and then changes to display=inline when
clicked.
But when collapsed the parents show an extra thick
line on the bottom, but as I said, only on IE6 and
IE7.
Thanks!
Skip
The code...
.menu ul {
width: 100%;
margin-left:0;
padding-left:0;
}
.menu li {
list-style: none;
background-color: #9cabc4;
}
.menu li a {
display: block;
text-decoration: none;
border-bottom: 1px solid #66;
color: #ff;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
}
.menu li a.current {
color: #ed1d25;
font-weight: bold;
}
.menu a:hover, .menu a.child:hover {
display: block;
text-decoration: none;
border-bottom: 1px solid #66;
background-color: #455e88;
color: #ff;
}
.menu li a:visited { color: #ff; }
.menu li a.child { background-color: #bec8d9;
}
.menu li a.home {
border-top: 1px solid #666;
}
--
Skip Evans
Big Sky Penguin, LLC
61 W Broadway
Butte, Montana 59701
406-782-2240
http://bigskypenguin.com
=-=-=-=-=-=-=-=-=-=
Check out PHPenguin, a lightweight and
versatile PHP/MySQL development framework.
http://phpenguin.bigskypenguin.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/
Re: [css-d] yet another problem between IE and Firefox. (Can I throw IE out the Windows?)
-Original Message- You have a severe case of divitis and I fear the only cure is to have a look at Lori I'm using Project VII's magic menus and they use a lot of divs. I'm putting 3 of their menus within yet another menu. __ 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] yet another problem between IE and Firefox. (Can Ithrow IE out the Windows?)
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Sarah Atkinson Sent: Friday, June 01, 2007 3:59 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] yet another problem between IE and Firefox. (Can Ithrow IE out the Windows?) I'm using Project VII's magic menus and they use a lot of divs. I'm putting 3 of their menus within yet another menu. __ 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/ I have found that my problem lies in the PVII tab menu. When I put an accordion in it the accordion goes whack http://www.2spoileddogs.com/test2.php __ 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] IE bumps content to right
Hi folks, Please take a look at http://ids.mediumcool.com/index.cfm?event=showProcess. (Actually, you're welcome to move around. The problem I'm trying to solve is evident on every page but the home page.) In IE 6 and 7, the text in the breadcrumb trail is bumped to right some 40-ish pixels. The element actually begins at the point where the red bottom border dots begin. In Firefox and Safari, the text displays correctly, in alignment with the logo, the headline, and so on. And Firebug shows no padding values, either specified or inherited, that would move the text over. The element has been given layout. Does anyone know why IE is doing this, please? -- Thanks, Tom Tom McNeer MediumCool http://www.mediumcool.com 1735 Johnson Road NE Atlanta, GA 30306 404.589.0560 __ 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] IE bumps content to right
I get this error when I go to your site: Oops! Message Model-Glue: There is no known event handler for showProcess. However, from the sound of it, it sounds like the Double-Margin bug. Try applying a display: inline to the element, and that should fix it. - Jon -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Tom McNeer Sent: Friday, June 01, 2007 2:07 PM To: css-d@lists.css-discuss.org Subject: [css-d] IE bumps content to right Hi folks, Please take a look at http://ids.mediumcool.com/index.cfm?event=showProcess. (Actually, you're welcome to move around. The problem I'm trying to solve is evident on every page but the home page. __ 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] ie7 jumps on first page
Hi, I just found out that removing the import for the stylesheet for just the navigation styles makes most of the jumping go away in ie7: @import url(../internal/css/navigation.css); I still have the body using an imported stylesheet: style type=text/css !-- @import url(internal/css/prayer_index.css); -- /style link href=internal/css/navigation.css rel=stylesheet type=text/css / Is it possible to use the imported stylesheet for the navigation and use some hack for ie7? Thanks! Sincerely, Melinda Odom Design Hosting, Inc. www.designhosting.biz 479-471-0891 -Original Message- From: Melinda Odom [mailto:[EMAIL PROTECTED] Sent: Friday, June 01, 2007 4:12 PM To: css discuss Subject: ie7 jumps on first page Hi, When you go to this page in ie7 only it jumps from no css to the css styles and then when you refresh it doesn't jump. www.usprayercenter.org Is there a fix for this jumping in ie7 only? Thanks! Sincerely, Melinda Odom Design Hosting, Inc. www.designhosting.biz 479-471-0891 No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.472 / Virus Database: 269.8.5/826 - Release Date: 5/31/2007 4:51 PM No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.472 / Virus Database: 269.8.5/826 - Release Date: 5/31/2007 4:51 PM __ 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] Int. Explorer 7 - need help - fixed
Hi Trish, On 02/06/2007, at 5:38 AM, Trish Meyer wrote: In my case it was user error (I hope, waiting on confirmation from an IE7 user). http://www.vivagallery.org/exhibits/PSA_2007/index.html Seems to work fine now - ie7, win XP home, under VirtualPC (on my Mac). Would also appreciate hearing from *real* win ie7 people as I'm still evaluating VirtualPC as an alternative to a win box(es). Cheers, KathyW. __ 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] Text that breaks out of veritcal flow
On Jun 2, 2007, at 12:36 AM, Dave M G wrote: On the following web site, I have a menu written in Japanese: http://nihongode.jp The text is a ul list, where each li item is constrained to a width of 1em. This forces each character to break to the next line, giving the appearance of veritcal orientation. It almost works perfectly. Most of the text obeys the constraint. However, some text items, such as punctuation and certain half size Japanese characters, break out of the vertical flow and follow a left-to-right orientation. IE 7 does the same as Firefox. But those are very special characters in Japanese writing, and hook up to the previous character. Assuming you could get those characters (the ellips particularly) to display on their own line, it would still be wrong, as the 3 dots should be vertical. The other 2 characters as well are different in vertical writing. For IE, you could use vertical text-writing, that works quite well. You will have to search MSDN for the details, I don't have the reference at hand. But only IE supports that. Using images is a suitable alternative. 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/
