[css-d] stil not displaying in IE6
Hello, For some reason the navigational elements will not display at all in IE 6. I tried an earlier suggestion of replacing text-align: center; But it did not seem to help. Any other suggestions? Page is posted here: http://www.secretsushi.com/circarta/ CSS document is here: http://www.secretsushi.com/circarta/styles/main_styles.css Thanks in advance. Adam __ 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] nav wont appear in IE6
I finally got this issue solved after every conceivable knob turn here and
there.
Just FYI for all who dont know, IE does not like classes that are referring
to link style to use full pseudo classes. Look below:
I previously had (IE would not see it):
#nav_1 a:link {
background-image: url(../images/residential_buttons.jpg);
background-repeat: no-repeat;
background-position: top;
I previously had (This was the working winner. Removed the :link after the
ID name):
#nav_1 a: {
background-image: url(../images/residential_buttons.jpg);
background-repeat: no-repeat;
background-position: top;
Wish I would have looked at that 2 hours ago.
Final design here: http://www.secretsushi.com/circarta/
Regards,
Adam
_
From: Chris Pallé [mailto:[EMAIL PROTECTED]
Sent: Wednesday, December 20, 2006 4:30 AM
To: Adam Helweh
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] nav wont appear in IE6
I don't have my PC in front of me, but it could be the margin left and
right: autos. I think IE prefers text-align:center. FYI, you can combine
those to margin: 0px auto;
you also might want to consider olli Text instead of ul li 1.
Text for more semantic code in your body.
hope that helps.
chrispallé
blueflamecreativegroup*
732.513.3570
[EMAIL PROTECTED]
http://blueflamecreative.com
http://www.linkedin.com/in/chrispalle
On Dec 20, 2006, at 7:00 AM, Adam Helweh wrote:
Hello,
I coded up this very basic layout and for some reason the navigational
elements will not display at all in IE 6.
Any ideas why? I made adjustments to widths and heights trying to find it to
no avail.
Page is posted here: http://www.secretsushi.com/circarta/
CSS document is here:
http://www.secretsushi.com/circarta/styles/main_styles.css
Thanks in advance.
Adam
__
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] fitting dybamic calendar into template
Hello, I have placed a dynamic 3rd party calendar into my original site template and in Fire Fox the calendar Is shoved off to the right. It looks fine in IE6 as fas as I know. Can anyone confirm and suggest a way to making it fit properly in Fire Fox? http://www.carlpritchard.com/calendar/ Thanks Adam __ 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] tricky position- neeed help
Hello all, I have only one snafu with this homepage design I have been working on. http://carlpritchard.secretsushi.com//homepage_template_dllist.html The upcoming events list needs to be designed so that the date and the associated event name need to be: 1.) associated with each other so that the CMS can add and remove them together as a pair 2.) They need to be able to move as one object so that when the date moves down, so does the event name. I believe I have those points solved, but I cannot seem to get the event names to be left aligned to the right of the date instead of wrapping underneath the date. Please see below for a text example. It should look like this: 10/23 event name here Not like this (event name wrapping under): 10/23 event name here Any suggestions? Thanks in advance. Adam __ 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] tricky position- neeed help
Hey guys,
In thanks for the help. I got it to finally work. I thought you would see it
but I realized you were sent the temporary experimental page I had saved
over. Heres the results.
http://www.carlpritchard.secretsushi.com/homepage_template.html
I trust it works fine for all?
Should I still add this safety style George?
Thanks
Adam
-Original Message-
From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED]
Sent: Thursday, November 09, 2006 4:10 PM
To: Adam Helweh
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] tricky position- neeed help
Adam Helweh wrote:
http://carlpritchard.secretsushi.com//homepage_template_dllist.html
Add this safety style for IE6...
* html #upcoming_events {overflow-x: hidden;}
Add new styles for the part in question...
.event_item, .event_item_last {
color: #18346A;
letter-spacing: -0.1em;
font-weight: bold;
padding-bottom: 15px;
margin-right:10px;
float:left;
font-size: 175%;
padding-top: 15px;
margin-left: 10px;
position: relative;
white-space: nowrap;
display: inline /* IE6 */;
}
.event_item span, .event_item_last span {
font-size: 75%;
font-weight: normal;
letter-spacing: 0;
display: table;
zoom: 1 /* IE */;
white-space: normal;
margin: -1.3em 3px 0 3.8em;
}
* html .event_item span, * html .event_item_last span {margin: -.86em
3px 0 2.8em;}
The result should be pretty consistent in standard compliant browsers.
Tested in Firefox 2 and Opera 9 - with font-resizing.
IE6 is a bit shaky and unstable. Some more debugging needed.
I expect IE7 to be a bit off, but have no idea how far.
regards
Georg
--
http://www.gunlaug.no
__
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] tricky position
Hello all, I have only one snafu with this homepage design I have been working on. http://carlpritchard.secretsushi.com//homepage_template_dllist.html http://carlpritchard.secretsushi.com/homepage_template_dllist.html The upcoming events list needs to be designed so that the date and the associated event name need to be: 1.) associated with each other so that the CMS can add and remove them together as a pair 2.) They need to be able to move as one object so that when the date moves down, so does the event name. I believe I have those points solved, but I cannot seem to get the event names to be left aligned to the right of the date instead of wrapping underneath the date. Please see below for a text example. It should look like this: 10/23 event name here Not like this: 10/23 event name here Any suggestions? Thanks in advance. Adam __ 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] site check IE 6
Hello Gang, I have downloaded IE 7 some time ago and now my IE6 eyes are blind. I do know that all browsers seem good except IE 5 6 on Mac and Win XP. The page is : http://carlpritchard.secretsushi.com/homepage_template.html Also, if anyone can spy the culprit that is causing the left column to stick out farther than the navigation please let me know. My coding eyes are getting blurry. Thanks in advance. Adam __ 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 nail this one little element
I of course would be done updating this site if it was not for one tiny issue. Directly above the right hand home button there is something causing a space to poke out on both IE and FF. I tried a dozen different things, but could not isolate the issue. Any ideas how to fix it? Thanks in advance. http://www.lice-control.com/index.html Adam __ 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] Fire fox word wrap
Hey there, The main offender would be URL's defenitly. My buddy did some PHP trickery and made it wrap after a specific number of characters, but it would seem that this would be an extremely common problem people would face. I am very surprised there isn't a CSS hack at least. Adam [EMAIL PROTECTED] wrote: On Jun 20, 2006, at 10:07 PM, Adam Helweh wrote: Hello gang, I am having an issue with a customized WordPress template. In the comments section I added a long string of letters to test things out. In IE it works just fine but in Fire Fox it will not wrap at all and goes out of the container. I have searched around and no one seems to be able to have found a solution that works around the web. Can anyone help me do something similar to a word wrap in IE, but in Fire Fox? I don't think there is a css way to make it wrap. You could set a width and overflow: auto on the div it is in to get a scroll bar. I haven't tested that and don't know if it will work. Are you concerned about urls or just any long string of text? Christian Heilman has some javascript here for shortening long urls: http://www.onlinetools.org/tools/shortlinks/ -C __ 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] Fire fox word wrap
Hello gang, I am having an issue with a customized WordPress template. In the comments section I added a long string of letters to test things out. In IE it works just fine but in Fire Fox it will not wrap at all and goes out of the container. I have searched around and no one seems to be able to have found a solution that works around the web. Can anyone help me do something similar to a word wrap in IE, but in Fire Fox? Thanks in advance Adam __ 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] ASP.net, xhtml, CSS based CMS?
Hey guys and gals, I have been looking all day for a CSS/Xhtml stylable blog style CMS for our ASP.Net site. Seems to be plenty PHP based ones, but no ASP.NET. I fould one fairly good one but it has tons of tables and seemingly bloated code. Anyone know of any? Doesnt have to be a free solution. Thanks Adam __ 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] site check: HyperStrike
Hello, Unfortunately I could not show you guys a whole lot while in development, but now that we have launched I would simply like everyone to feel free to let me know if you see any weird irregularities from browser to browser and so on. Its free to sign up and look around on the inside as well. It was quite a pain to debug the problems with all the browsers, but I think we nailed them all. the site is: www.hyperstrike.com Your skilled eyes are appreciated. Thanks Adam __ 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 gaps in flow
Checking this page in FF all looks fairly well, but in IE the content jumps to the next line. It was working fine before and nothing had changed. ALso, the footer space has disappeared in FF and is in IE? Any help? http://www.peacebeuponus.com/hyperstrike/index.html Thanks Adam __ 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] need help fast! IE gaps
I dont know if this has anything to do with the CSS. I am taking a graphical mock up I did and I am trying to pump it out using tables for positioning most of it. Thats because thats how the rest of the site was designed (although I would have completely done it in CSS of course). Its been so long that I dont quite know if the CSS on the tables is causing the prob or just the tables period. My main issue is that in FF it looks fair so far but in IE there are large spaces between the top to bottom stacks of elements. If anyone could help, this is much appreciated and I apologies if this is not CSS related. I was not quite sure and I need to get this fleshed out. I officially dislike table based layouts! Thanks http://www.peacebeuponus.com/hyperstrike/homepage.html Adam __ 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] need help fast! IE gaps
I found a solution everyone to scrap the way they are doing the rest of the site and do it the old fashion way (figure of speech). I am doing it an CSS! Can I hear the applause? Anyways, sorry about the frantic alarm. Thanks. Adam [EMAIL PROTECTED] wrote: I dont know if this has anything to do with the CSS. I am taking a graphical mock up I did and I am trying to pump it out using tables for positioning most of it. Thats because thats how the rest of the site was designed (although I would have completely done it in CSS of course). Its been so long that I dont quite know if the CSS on the tables is causing the prob or just the tables period. My main issue is that in FF it looks fair so far but in IE there are large spaces between the top to bottom stacks of elements. If anyone could help, this is much appreciated and I apologies if this is not CSS related. I was not quite sure and I need to get this fleshed out. I officially dislike table based layouts! Thanks http://www.peacebeuponus.com/hyperstrike/homepage.html Adam __ 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] random background image
There is a great extension for Dreamweaver called Random images over at Kaosweaver.com. Easy to impliment and a variety of options (IE: change daily, change on reloead, in order, random etc.). Exact link: http://www.kaosweaver.com/extensions/details.php?id=5cid=12 Adam [EMAIL PROTECTED] wrote: Thanks! :) Yeah that is my girlfriend's site I have been making. I am rather proud of the illustrations. I have like 20+ that i would like to appear at random. I guess this is not a feature that is possible in CSS. thanks for the boost! It means alot! -jeremy David Laakso wrote: jeremy wrote: So i had to change the link to where i have the random background image happening. It is only happening on this page: http://slusherland.com/contact.php If you guys have any answers that would be great. thanks - jeremy jeremy wrote: i have been looking for a really good way to make a random background image happen. I saw that Photomat had a JS version of it, but once working it doesnt appear to be consistent enough. Maybe I need to apply something in the CSS to refresh the image each time the page is loaded??? http://slusherland.com/ - I have the random image happening to all the pages except the home page. Is there a pure CSS way to go about this? -jeremy Dunno, Jeremy-- but I gotta' tell you I'm crazy nuts about that little site of yours. ~dL __ 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/
[css-d] bump problem in IE
Anyone have any idea why my nav on the right side is bumped down in IE but not in FF? Thanks http://www.lice-control.com/layout2.htm Adam __ 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] Nav technique suggestion
I wanted to try and use what I have seen referred to as the sliding doors technique for this sites navigation. http://www.lice-control.com/layout.htm When I tried it at first it didn't quite work. This is mainly due to where the A:Link or A tag and where its placed. Here is all of the nav together to see what I am going for (rollover state and normal state). http://www.lice-control.com/images/licecontrolsite-nav.gif and here is one image by itself, the home button which comes first. http://www.lice-control.com/images/home_butt.gif I am not sure how I can use the entire button image as an active button to click on with its roll over state or if I should add the link on top as HTML text and so on. I have seen this done in a variety of ways as I have searched last night through sites. COuldnt quite get it though. Any suggestions? Sorry so long winded. Thanks Adam __ 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] site check layout - LiceControl
Good morning, I just started coding this layout and I wanted some people with various browsers to take a peek at the layout. I have checked it in WIN FF and WIN IE 6 and all looks perfect. Please take a gander and let me know if you see otherwise. Especially Opera and Mac users. Thanks http://www.lice-control.com/layout.htm Css here: http://www.lice-control.com/styles/layout_style.css Adam __ 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] converting to tableless- quick question
Does anyone know of a good book or, even better, a website that has some basic pointers on how to convert a tables site into a tabless CSS site? I got a huge project ahead. Thanks Adam __ 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] link list problem in IE_ from yesterday
Hello, I have nailed down most every other issue but one. In FF all looks fine (to me), but in Internet Explorer 6 the links in the right side are messed up. When I initially go to the page the links seem fine (white with no underline), but as soon as I click they turn gray and underlined. This is not a style I use. Can anyone please take a looksy? Thanks http://www.rocklinsystems.com/infinity/about.htm CSS- http://www.rocklinsystems.com/infinity/styles/infinitystyles.css __ 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/
