| Forum Home | ||||
| PC World Chat | ||||
| Thread ID: 138385 | 2014-11-21 23:59:00 | Navigation Buttons in HTML | mzee (3324) | PC World Chat |
| Post ID | Timestamp | Content | User | ||
| 1388619 | 2014-11-21 23:59:00 | I quite often use 'buttons' in HTML forms. Always in the past the buttons have looked realistic, in that they appear to move when clicked on. When used in WebX5 they still work, but have a lifeless flat appearance. WebX5 supports HTML5. Any ideas why this happens? <CENTER><form method="get" style="margin-bottom:0;" style="margin-top:0;"><input type="button" style="width:40em;" value="Back" onclick="history.go(-1)" /></form></CENTER> |
mzee (3324) | ||
| 1388620 | 2014-11-22 00:37:00 | I quite often use 'buttons' in HTML forms. Always in the past the buttons have looked realistic, in that they appear to move when clicked on. When used in WebX5 they still work, but have a lifeless flat appearance. WebX5 supports HTML5. Any ideas why this happens? <CENTER><form method="get" style="margin-bottom:0;" style="margin-top:0;"><input type="button" style="width:40em;" value="Back" onclick="history.go(-1)" /></form></CENTER> The lack of styling is happening because you don't have any showing in the html code that you posted. You don't actually need webex to build a website. Ideally you would have a separate CSS file that would be linked to your html file. The CSS file will have all your styles in it. |
Webdevguy (17166) | ||
| 1388621 | 2014-11-22 00:43:00 | Using CSS inline like you have is also considered inefficient and a bad coding practice. | Webdevguy (17166) | ||
| 1388622 | 2014-11-22 01:25:00 | Using CSS inline like you have is also considered inefficient and a bad coding practice. So is the <center> tag. ;) |
pcuser42 (130) | ||
| 1388623 | 2014-11-22 01:45:00 | So is the <center> tag. ;) Yup I've seen that used a lot by guys who use drag and drop web design programs that build sites in xhtml4 |
Webdevguy (17166) | ||
| 1388624 | 2014-11-22 01:57:00 | I don't want to hijack the thread... ...but when there are professional web guys around... I often need to write a list of bullet points. I select the text and go LIST but it makes them too cramped. I would like a blank line between them. When I play around I either get bullets on the blank lines or it doesn't do anything. I'm using CoffeeCup editor (without CSS) but I can't even picture how do to it manually |
BBCmicro (15761) | ||
| 1388625 | 2014-11-22 02:22:00 | I don't want to hijack the thread... ...but when there are professional web guys around... I often need to write a list of bullet points. I select the text and go LIST but it makes them too cramped. I would like a blank line between them. When I play around I either get bullets on the blank lines or it doesn't do anything. I'm using CoffeeCup editor (without CSS) but I can't even picture how do to it manually Something like this (jsfiddle.net)? |
pcuser42 (130) | ||
| 1388626 | 2014-11-22 02:40:00 | Yes! That's exactly it. Can I put that code in-line? I have been thinking about learning CSS but my interest is in the content li { margin-bottom: 20px; } |
BBCmicro (15761) | ||
| 1388627 | 2014-11-22 03:23:00 | Putting it inline defeats the purpose of CSS ;) but you can: <li style="margin-bottom: 20px; ">List item</li> Or, even better (using CSS classes) <!-- in head tag or external CSS file --> <style> .spaced { margin-bottom: 20px; } </style> <li class="spaced">List item</li> |
pcuser42 (130) | ||
| 1388628 | 2014-11-22 03:30:00 | I will give the second code a try - thanks (When I said inline I actually meant at the top rather than a separate CSS page. CoffeeCup has stuff at the top) |
BBCmicro (15761) | ||
| 1 2 | |||||