proggR Posted February 27, 2009 Share Posted February 27, 2009 Yes its another rounded corner question. I've read through a lot of tutorials/lessons/blogs trying to find a way to do it the way I need but haven't managed to find a way to yet. The site design can be found at www.new.proggr.net. What I want to do is include some kind of javascript color selector that lets you select colors for the background/text/edges etc and it will use cookies to remember the choices for future visits. The problem with that is I can't use images for my corners like I have currently. I need it to be completely code based, whether it be javascript, css, html or a combination of the three. Any help or links would be helpful and appreciated. I'll continue to look in the meantime. Thanks ahead of time. PS, it doesn't look proper in FF when I have any text in the content section. IE 8 it seems to work fine though. Weird. Quote Link to comment Share on other sites More sharing options...
proggR Posted February 27, 2009 Author Share Posted February 27, 2009 I found: -moz-border-radius: 0 15px 15px 15px; And that works for what I need it. I guess IE just wont have the rounded corners. Does mozilla have a way to vertically orient text? I found code that works in IE but not FF. Thanks again. Quote Link to comment Share on other sites More sharing options...
haku Posted February 27, 2009 Share Posted February 27, 2009 You can set the element to be display: table, and then give it a vertical align of center (or middle? I can't remember which, as I don't use it because its not cross-browser compatible). Quote Link to comment Share on other sites More sharing options...
proggR Posted February 27, 2009 Author Share Posted February 27, 2009 You can set the element to be display: table, and then give it a vertical align of center (or middle? I can't remember which, as I don't use it because its not cross-browser compatible). Does that allow me to have the text written vertically? Like at a 90 degree angle? I tried to use what you wrote but it didn't seem to do what I was hoping. I may have just done it wrong. Quote Link to comment Share on other sites More sharing options...
haku Posted February 27, 2009 Share Posted February 27, 2009 Ahh, sorry I thought you wanted to change it's position vertically. You can't orient text vertically in HTML. You will need to create an image of the text, and insert the image intor your page. Quote Link to comment Share on other sites More sharing options...
proggR Posted February 27, 2009 Author Share Posted February 27, 2009 That sucks. Thank you for helping though. Its weird. Because in FF, I got the round corners working, but in IE they're square. And in IE I can rotate the text to be vertical, but in FF I can't. Why is everything so hard. I stumbled along some SVG stuff for the text part so I'll try that but I'll leave it how it is for now. Thanks again for your help. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.