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
-
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> <
-
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?
-
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