NewBudda Posted October 14, 2008 Posted October 14, 2008 My Problem is with buttons that are controlled by css. I have installed a contribution which I liked (basic_design_pack_2.0) but ever since then my buttons are also css controlled. That is ok for the most part except when the Butoon Label is too long for one line. What can I do there? If I change the default css button width value, it turns all buttons twice as big. I only want the buttons to turn twice as big that need 2 lines. Do you understand what I mean? How can I achieve this? To show you my problem: Any input would really be appreciated! Thank you! Open Source Newsletter: PhPList Open Source Questionnaire: Lime Survey
lindsayanng Posted October 14, 2008 Posted October 14, 2008 You are basically saying that you need an "if two lines of text, expand border" type of text.. Can you post what your css for that button looks like> I'm not familiar with the css buttons. A great place for newbies to start Road Map to oscommerce File Structure DO NOT PM ME FOR HELP. My time is valuable, unless i ask you to PM me, please dont. You will get better help if you post publicly. I am not as good at this as you think anyways! HOWEVER, you can visit my blog (go to my profile to see it) and post a question there, i will find time to get back and answer you Proud Memeber of the CODE BREAKERS CLUB!!
NewBudda Posted October 14, 2008 Author Posted October 14, 2008 Here is the relevant part os the stylesheet.css: .cssButton { background: #f0f0ff; color: #000080; width: 100px; height: 20px; vertical-align: top; font-weight: normal; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; cursor: pointer; text-align: center; text-decoration: none; border: 1px; border-style: solid; border-color: #000080; border-spacing: 1px; } .cssButtonBig { background: #f0f0ff; color: #000080; width: 100px; height: 40px; vertical-align: top; font-weight: normal; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; cursor: pointer; text-align: center; text-decoration: none; border: 1px; border-style: solid; border-color: #000080; border-spacing: 1px; } The latter part was a try by me to solve the problem. I posted it merely as reference as to what doesnt work. Open Source Newsletter: PhPList Open Source Questionnaire: Lime Survey
sLaV- Posted October 14, 2008 Posted October 14, 2008 You can try setting height to auto: height: auto; but then all your buttons are gonna have different sizes which wont look too good <_<
germ Posted October 14, 2008 Posted October 14, 2008 The picture you posted only happens in Firefox. View the same page in IE7 and the buttons grow to two lines on their own. :blush: If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you. "Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice." - Me - "Headers already sent" - The definitive help "Cannot redeclare ..." - How to find/fix it SSL Implementation Help Like this post? "Like" it again over there >
germ Posted October 14, 2008 Posted October 14, 2008 You can try setting height to auto: height: auto; but then all your buttons are gonna have different sizes which wont look too good <_< I did that on the page in question using the Web Developer plugin in Firefox and it didn't look bad to me. At least it does what the OP wanted! I only want the buttons to turn twice as big that need 2 lines. If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you. "Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice." - Me - "Headers already sent" - The definitive help "Cannot redeclare ..." - How to find/fix it SSL Implementation Help Like this post? "Like" it again over there >
NewBudda Posted October 14, 2008 Author Posted October 14, 2008 hmm but "auto". i don#t know... I would prefer an option where I manuall add something everytime 2 lines are needed... Open Source Newsletter: PhPList Open Source Questionnaire: Lime Survey
germ Posted October 14, 2008 Posted October 14, 2008 It wouldn't hurt to try it. If you don't like it, change it back. :) If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you. "Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice." - Me - "Headers already sent" - The definitive help "Cannot redeclare ..." - How to find/fix it SSL Implementation Help Like this post? "Like" it again over there >
NewBudda Posted October 14, 2008 Author Posted October 14, 2008 height: auto; worked like a charm. I am always to hesitant trying things on a live shop, even though I do regular backups before any change... Thank you guys and girls! Open Source Newsletter: PhPList Open Source Questionnaire: Lime Survey
arietis Posted October 14, 2008 Posted October 14, 2008 I am always to hesitant trying things on a live shop, even though I do regular backups before any change... if you're hesitant to trying things on a live shop, you can run osc on your local computer. look up 'xampp'. it's an environment that allows you to run a web server, with php and mysql on your own computer. it's great for testing things and ensuring that it works before uploading to your site.
NewBudda Posted October 14, 2008 Author Posted October 14, 2008 I tried something like that before but was unable to replicate the setup of my real webserver (i.e PHP 4, mysql5) all current distros are with php 5 and backdating didnt work. Then again i am not very good at stuff like that... Open Source Newsletter: PhPList Open Source Questionnaire: Lime Survey
Recommended Posts
Archived
This topic is now archived and is closed to further replies.