travd93
-
Content Count
9 -
Joined
-
Last visited
-
Trying style="float: left; width: 33.33%" on the individual divs for now
-
Hi All, Much has been learnt and heaps of progress has been made since my last post, Coming across something weird now however. If you inspect my test site here http://mrt.guardian1.com.au:57005/test2/index_template.php you will see that in the footer I cannot seem to get the 3 divs to allign. Can someone please point me in the right direction on what css to apply. Specifically this is the HTML for the footer <div data-role="footer" class="footer" data-id="footer" data-position="fixed"> <div> <div> <button onclick="history.go(0)" class="medbtn ui-btn ui-corner-all ui-icon-refresh ui-btn-icon-left" data-role="button" data-icon="refresh" >Refresh</button> <button id="gps_address" class="medbtn ui-btn ui-corner-all ui-icon-navigation ui-btn-icon-left" data-role="button" data-icon="refresh" >Current Location ?</button> </div> <div class="center"> <label>YCH-882</label> </div> <div class="time right"> <span id="time" /><script src="custom/time.js"></script> </div> </div></div> and this is the css .footer{ display: block; }.time{ margin-right:15px; margin-top:8px; }.right{ text-align: right;}.center{ text-align: center;}
-
Thanks, I didnt want to use the <br> either but I just don't know enough to think of something better, but now I do haha thanks. Margins are my savior <div data-role="header" data-id="header" data-position="fixed"><img src="img/logo.gif" alt="logo" class="ui-btn-left" style="width:2.5em; margin-top:.3cm; margin-left:.3cm;"><h1 id="title" style="margin-top: .3cm;" ></h1></div>
-
Linked is my website that I have been working on and off for awhile. As you can see the image is not inline with the title, I realise this is probably a jquery issue that I am just not getting. Can anyone advise me on the correct tag or class I should be applying to have it inline with the title. Thank you http://mrt.guardian1.com.au:57005/test/index.php
-
Thanks but I figured it out, Because i was using jquery mobile I needed to use the .ui-btn class to make any changed to the buttons. I had tried the ages ago with no result but it was because the jquery was overwriting it. #keypad .ui-btn { height: 20px; font-size: 35px; }
-
Thats great, thanks for your help again. Its these little CSS functions that I just dont know about that get me haha. I suppose thats why I'm not a real web dev. I do however have a question still, how can I get the table to have a larger height, it just does not seem to be responding. The width 80% works but height does not, would changing this to a Div table help? <body> <div id="keypad" > <label for="pin">Pin Number:</label> <table style="width:80%; height:80%; margin:0 auto; border:1px solid black;"> <tr> <td colspan="3"><input type="text"readonly size="3" id="d"></td> </tr> <tr> <th><input type="button" value="1" onClick='v("1")'></th> <th><input type="button" value="2" onClick='v("2")'></th> <th><input type="button" value="3" onClick='v("3")'></th> </tr> <tr> <td><input type="button" value="4" onClick='v("4")'></td> <td><input type="button" value="5" onClick='v("5")'></td> <td><input type="button" value="6" onClick='v("6")'></td> </tr> <tr> <td><input type="button" value="7" onClick='v("7")'></td> <td><input type="button" value="8" onClick='v("8")'></td> <td><input type="button" value="9" onClick='v("9")'></td> </tr> <tr> <td><input type="button" value="0" onClick='v("0")'></td> <td colspan="2"><input type="button" value="Clear" onClick='c("")'></td> </tr> </table> </div></body> Please note that I have css all around this bad boy and if you want to see the real page click on the link in my OP
-
Hi All, I posted a thread previously which was answered pretty well so thought I would try my luck again, I am creating a logon page for my company, the logon page will be mostly used by mobiles and ipads so I have had to learn alot (imo) about mobile sites, so excuse me if I have failed in some respects haha. The website below is my test site and what I am hoping to have achieved is to have the logon keypad dynamically shape depending on browser window, i.e a mobile is smaller than an ipad. The goal then is to have the buttons also become larger and smaller. Is this even possible? If it is not possible can someone let me know how I can actually make the keypad larger so at least it will look the part on an ipad. Any help is appreciated, thanks. http://mrt.guardian1.com.au:57005/test/patrols.html
-
Thanks Mate, I got it working. I am now working on a new task where creating a new tread seems to be the right thing to do..
-
Okay before you ask yes I have tried 'text-align: center' haha. So I am working on a logon page for my company and this is the first page I have ever made that utilizes jsquerys css, and my god is it brilliant. The main reason for this was to utilize its mobile capabilities. Anyway down to the point, I have created a form and its all ready, but I cannot for the life of me manage to get the keypad to centre. I can only suspect that somewhere deep down in jsquery css file is something overwriting my settings. Or maybe it has something to do with 'display: table-cell;' I am not sure So please any help would be amazing, attached are the files required to view the page. Thank you in advanced Guardian.zip