[css-d] Dropdown Menu Problem
Hey guys, The site I'm working on is: http://dev.hendricksonforjudge.com/ I have two problems with my menu on this website. I tried to do a drop down menu using the blowfish example (http://www.alistapart.com/articles/dropdowns/). It works, however I am also doing hover images that load on the top right of the screen. So when you go to menu item that needs a drop down menu (about hendrickson) it gets stuck behind the header image. How do I make it appear on top of the header image? Also, I need the menu to create a blue background/bar all the way across the screen. Do I have to use an image or can I force the menu to take up 100% of the screen and create a solid blue bar all the way across at the top? Thanks guys, Martin __ 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] IE 7 Margin and Menu Problems
Hey guys, I don't know why, but IE 7 seems to be giving me some strange margin/padding issues. The logo at the top is split into three images spread into three different divs that should have no space in between the two. Can't figure out IE 7 is adding space. Also, someone with IE 6 want to check it out and tell me how the site looks? Also, the menu in IE 7 is such that the active link doesn't show up unless you hover over it. Any ideas why? One last question, I would like the menu items to take up the width of their red background so that you don't have to hover over just the text. Any way to do that? That way the background is white for the current link and blends into the page better. The link is: http://ucdchi.com/dev/UCDChi-Dev.html Thanks a lot, Martin Davis III PS. Any site design suggestions would be gladly taken. __ 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] Circle Navigation
Hey all, So I'm trying to make a new website today and I have this crazy idea of using a circle navigation. I've searched around but can not find any examples, only some product running rampant around the web. I'm all for using pre-packaged stuff, but I feel like I'm missing something simple and I almost have it working. The idea is to have an outline of a circle with icons on the edge of it. When a user scrolls over the icon, the text appears in the middle of the circle. Even though my div #nav is acting as a containing div for the icons, I can't seem to get the text to see the div #nav as a container. Any ideas? http://dev.martinhdavisiii.com/ The nav is in the top right. Happy New Years, Martin __ 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] Shadows without images
Hey guys, Thought you might want to check this out. This guy has made shadows without using images. It uses a pretty good number of divs, but it still looks pretty good. I wonder, would this method be faster or slower than using images? I mean after all, the browser does have to create the space and then fill with it with the correct color. Either way, here's the link (and yes it was on digg): http://www.webtoolkit.info/css-drop-shadow.html Enjoy, Martin __ 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 figure this out - Center a div with variable width
On 10/31/06, Mark Wheeler [EMAIL PROTECTED] wrote: Hi all, Is this even possible? (I'm sure it is, but I still feel pretty new to css) - Can you have a div (content) centered inside another div (container) BUT, the content div's width may be different because of content (thus you can't set the width) AND the div width must collapse around the content (so if a border was used, it would collapse around the content)? I can't figure this out. I'm sure there is a simple solution, but I can't seem to get there. Any help would be appreciative. Thanks, Mark __ 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/ Mark, I am a beginner myself. However, the answer to your first question is yes, just add the attribute: text-align: center; in your css file into the overall div that is containing the content div. Now, if you set a border around your container div, then the border should always collapse around your content. However, as for differing sizes on your content, that sounds like a fluid layout, and I am guessing that IE will give you many problems. My suggestion is use a fixed width on all of your pages to remain consistent. Generally, this makes the website more professional looking (IMHO). Can you give us a mock up or an example site that you want this happen on? It would make it a lot easier I believe for all us. Good Luck, Martin __ 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] Fading Borders Extending a Column
On 10/23/06, David Merwin [EMAIL PROTECTED] wrote: Martin... Go read this: http://alistapart.com/articles/fauxcolumns/ Will help you do what you are trying to do. David Merwin [EMAIL PROTECTED] 541-335-1832 http://www.davemerwin.com http://www.purebluedesign.com http://www.betachurch.org http://www.agiprofessional.com Ok, thanks David. That did it. Then I decided that I didn't want that after all. Either way, I learned how to use it and it did solve my problems. I appreciate it. One last question ( I hope ). I am trying to make the border at the top of my menu disappear when it is the active link to make the black title bar flow into the active link box. In Mozilla/Firefox I have this working. However, IE does not like when I use a -2px margin and increase the padding by 2px. I have also tried the zoom: 1; trick in all combinations of the #nav and it still does not work. Any suggestions? The link once again is: http://smwstudios.com/Martin/ Thanks, Martin PS: http://smwstudios.com/Martin/thanks.htm I couldn't let you guys help me so much without some credit on your part. __ 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] Fading Borders Extending a Column
A big shout out to Georg for solving my previous problem. I now have two questions which a quick search did not reveal CSS-D had answered in a while. I am trying to make fading borders on each side of my webpage. I am currently using a div on the left and right my content, but I have to have text inside the div and it does not extend the entire length of the document. I am also trying to force my right side column to continue to the bottom of the page. However, both firefox and IE do not want to allow it to expand all the way to the bottom. If you go to my link, it is the black box on the right with the links in it. http://smwstudios.com/Martin/ Thanks for the help so far. --Martin __ 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 Rendering Problem
Hi guys, I tried emailing this before, so if you already replied I apologize in advance. I tried searching the archives and couldn't find my email. I don't even know where to start. I have this working beautifully under Firefox 1.5. However, the wonderful IE plagues me and I don't know where to start to fix it. I would like to keep the code as simple as possible and not use javascript to make a special version for IE if possible. http://www.smwstudios.com/Martin/index2.htm Thanks, 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-d] IE min-height problem
I am having a problem with min-height in IE.I need the entire background picture to show up. Any suggestions? The address for the site is: http://swilly.tk/~swilly/2ndpres/ Thanks, 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/
Re: [css-d] CSS Rounded Website
francky wrote: Martin Davis III wrote: I'm attempting to make a website with rounded boxes. Seems to be that IE6 is adding space on my box. Can a get a browser check and suggestions to this problem? http://www.smwstudios.com Thanks, Martin Mike Martha wrote: I'm not sure what space you're referring to, but the page looks just fine in XP/SP2 and IE7b2? In IE6 under Win98SE there are some differences. There is more height in the boxes when IE6: see screenshot http://home.tiscali.nl/developerscorner/css-discuss/images/smw-studio.gif. I didn't study the css, but I guess it has to do with the line-height. btw-1: centering of menu not yet ready in IE. btw-2: see you make images with fixed width for the round corners. Means every box has to be drawn in separate images. A way to use just 1 image for all is described in the article Liquid round corners http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm. Perhaps you can use some of that. francky Thanks all of you for your help. I love this mailing list. I'll be sure to check out your tutorial on rounded corners. I was thinking myself there had to be a better way than drawing a new image for every box. 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-d] CSS Rounded Website
I'm attempting to make a website with rounded boxes. Seems to be that IE6 is adding space on my box. Can a get a browser check and suggestions to this problem? http://www.smwstudios.com Thanks, 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-d] IE Layout Problem
my website works perfectly in Firefox. Then I load it in IE and the boarders don't show up. Any suggestions? http://www.swilly.tk/~martin/ __ 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 border problems
So this is my first time ever trying to use these forums. I hope I'm doing this right. I have been working on a small webpage for about a week new. I am new to CSS and I am having some small problems. One, IE seems to be having problems rendering the boarders. I tryed to use the position: relative; trick I found on the website earlier, and it worked for about a day. Then I did some more mods and now that fix no longer works. In fact, when I put that fix back in IE totally blows up and won't even show my text. Also, I have a gallery section at the bottom where neither IE or Firefox/Mozilla want to render the red border around the gallery section. They just leave that division extremely small and throw the picture/caption outside of the border. I hope I am clear as to how I would like my webpage to appear. Any suggestions would be wonderful. The URI is below: http://www.swilly.tk/~martin/ __ 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/
