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