| Forum Home | ||||
| Press F1 | ||||
| Thread ID: 109380 | 2010-05-06 00:13:00 | I hate CSS 7 - Getting 2 buttons too line up horizontally | Morgenmuffel (187) | Press F1 |
| Post ID | Timestamp | Content | User | ||
| 882544 | 2010-05-06 00:13:00 | Greetings Here is the problem (nigel.geek.nz), the buttons should be under the comment form however when i get them to work in one browser, they die in another, all i really care about is getting them to line up horizontally, under the text area It looks OK in Firefox, but if you look in IE or Opera, the buttons aren't lined up. I just can't seem to get it to work and i really don't want seperate style sheets, (although one for ie is ok) |
Morgenmuffel (187) | ||
| 882545 | 2010-05-06 07:11:00 | and 7 hours later i think i have it. shown inline here but will be in a style sheet eventually <span class="butt-space" style="position: relative; left: 0;"> <span style="position: absolute; left: 0;"> <input type="submit" name="submit" id="submit" value="Send" class="button green2" /> </span> <span style="position: absolute; right: 0;"> <input type="reset" name="reset" id="reset" value="Reset" class="button green2" /> </span> </span> and removing the float right from the #reset id seems to work in all browsers okayish, haven't checked older ie yet Does CSS make sense to people?, I have read dozens of books and things like the above still baffle me, it takes me for ever to get them to work, whereas tables are dead easy, not that i use tables anymore, |
Morgenmuffel (187) | ||
| 882546 | 2010-05-06 07:37:00 | any looked at the page in ie6? buttons seem invisible |
Morgenmuffel (187) | ||
| 882547 | 2010-05-06 07:52:00 | Attached file: ie6.jpg (www.imagef1.net.nz) (192 KB) Looks all right on IE6. |
Renmoo (66) | ||
| 882548 | 2010-05-06 07:56:00 | [Edit] Nvm | Renmoo (66) | ||
| 882549 | 2010-05-06 09:15:00 | Attached file: ie6.jpg (www.imagef1.net.nz) (192 KB) Looks all right on IE6. Thats odd, i'm running IE6 in NT4 in VPC and the buttons are invisible anyway is the hover effect working in any version of IE for you? as it ain't working here on a completely different note I have read that when using the microsoft filters filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#ffffaa', endColorstr='#4d7432'); you should also include a version prefixed like the below so it will work on IE8, however the above version seems to work fine -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#ffffaa', endColorstr='#4d7432')"; so should i include it? any way i need sleep or i wil be an even bigger Morgenmuffel tomorrow |
Morgenmuffel (187) | ||
| 882550 | 2010-05-06 10:10:00 | Hover effect works upon mouseclick on IE6, IE8 | Renmoo (66) | ||
| 882551 | 2010-05-07 09:00:00 | Try putting the buttons in there own div | hueybot3000 (3646) | ||
| 1 | |||||