Click to See Complete Forum and Search --> : Simple Problem with Html
Peter_
04-08-2005, 10:27 AM
Hey,
This is my first post on these forums, but that doesn't mean i'm a complete idiot (n00b) :rolleyes:
ok with that being said I am an idiot when it comes to html :P
I just want in the lower left corner of the page a link that says "<<Previous" and in the lower right corner a link that says "Next>>" I can do those links in html easily (I.E. <A href=""><<Previous</A> and <A href="">Next>></A>)
but I can't get them positioned in the two bottom corners :( so if anybody could tell me how to do that i'd greatly appreciate it!
[edit] i've looked at several different sites and haven't found any that helped me on this subject...
[edit2]now that i think about it it doesn't have to be at the bottom of the page...just the bottom of all the stuff i put above it.....so i just want to put "<<Previous" on the left side and "Next>>" on the right, but both have to be on the same line...
--Peter
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>HTML/CSS Test</title>
<style type="text/css"><!--
#prev {
visibility: visible !important;
position: absolute;
bottom: 0px;
left: 0px;
}
#next {
visibility: visible !important;
position: absolute;
bottom: 0px;
right: 0px;
}
--></style>
</head>
<body>
<h1>HTML/CSS Test</h1>
<p>This page demonstrates how to use CSS to position two <A> elements at the bottom left- and right-side of the screen.</p>
<div style="visibility:hidden;">
<a href="previous.html" id="prev">< Previous</a> |
<a href="next.html" id="next">Next ></a>
</div>
</body>
</html>
Peter_
04-08-2005, 10:39 AM
Thanks!
I'll have to dechiper it of course but at least i have an example now :p
[edit]ok, got it figured out enough to use :rolleyes:
W3Schools (http://www.w3schools.com/) has comprehensive tutorials for your idiot brain. ;) (No offense intended, of course. We all had to start somewhere!)
Peter_
04-08-2005, 10:45 AM
Yeah i've looked there but didn't see anything like this.
I'm not at all new to programing and media creation...i've created several 3D games for various competitions....
i've just never done much website creation at all...(and programming in Html is of course very different from game coding) I have a website but it's Php nuke...so i just use Html to create the blocks and modules....
No offense intended, of course. We all had to start somewhere!)
lol, no offense taken :D
Technically speaking, HTML isn't a programming language. It's a markup language. It's just a set of indicators, known as tags, that are formatted according to their names and/or attributes. All you have to do is memorize the tags that you need to put meaning to your page, and then memorize the CSS that formats the way it looks, and then put it together and understand why it behaves the way it does. This can often be a more challenging task than it seems at first, but it's still a far cry from any real programming. So, to make a long story short, you don't "program" HTML, you just write/type it, and a user agent (browser) will interpret it based on the specification you provide (e.g., HTML 3.2, HTML 4.01, XHTML 1.0, XHTML 1.1, custom XML/XSL schemas, etc.).
Peter_
04-08-2005, 11:12 AM
Yeah, i just used program for lack of a better word ;)
it's still code...but it's not a program...
DaveSW
04-08-2005, 12:01 PM
you could also use float: left; on the one, and the obvious equivalent on the other.
The only catch is that you need something underneath it with clear: both; as a style to make sure the background extends in mozilla.
you could also use float: left; on the one, and the obvious equivalent on the other.
The only catch is that you need something underneath it with clear: both; as a style to make sure the background extends in mozilla.
The only problem with that is the fact that it will not stick to the bottom of the page without a lot of obscure code. Am I right?
Actually, it really depends on the situation. If the page extends past the window height, my solution might not work, whereas yours would. (Though it wouldn't stick to the bottom, it would just be at the end.) You could do some margin trickery with yours, or you could use position:fixed instead of position:absolute with my code. The only problem with using position:fixed is that IE doesn't understand it.
Peter_
04-08-2005, 04:34 PM
yeah, this won't extend past the end of the page so it doesn't matter ;)