[nycphp-talk] OT?: HTML question
Peter Sawczynec
ps at pswebcode.com
Fri Oct 13 19:51:36 EDT 2006
I believe that this article gives you the divs layout setup and the CSS
styles in a basic form exactly as you might need:
http://alistapart.com/articles/holygrail
I wouldn't hassle yourself with any other unique strategies.
Divs are solid performers and every modern browser essentially handles them
quite right.
You can try something like:
<div id="main_div" class="main">
<div id="f1" class="form1">form 1 elements</div><div id="f2"
class="form2">form 2 elements</div><div id="f3" class="form3">form 3
elements</div>
</div>
Using CSS you can make the position for main_div = absolute.
Then position it with left and top. And even hard code the width to say 360.
And then the internal divs can be relative or float, something like that.
Or just use this:
<div id="f1" class="form1">form 1 elements</div><div id="f2"
class="form2">form 2 elements</div><div id="f3" class="form3">form 3
elements</div>
And then use CSS to absolutely position all three. And set each width to say
120px.
And set the left and tops as 0,0 and 120,0 and 240,0.
Warmest regards,
Peter Sawczynec
Technology Director
PSWebcode
_Design & Interface
_Ecommerce
_Database Management
646.316.3678
ps at pswebcode.com
www.pswebcode.com
-----Original Message-----
From: talk-bounces at lists.nyphp.org [mailto:talk-bounces at lists.nyphp.org] On
Behalf Of David Krings
Sent: Friday, October 13, 2006 7:13 PM
To: talk at lists.nyphp.org
Subject: [nycphp-talk] OT?: HTML question
Hi,
this may be a bit off topic, because it is really related to HTML,
but I
figured anyone doing PHP most likely knows HTML as well and often can't do
without it. Well, here it goes.
I have a page that contains three navigation buttons. Each button is inside
its own form together with a hidden input and each form calls the same
script. The hidden input basically just passes on a value via post. The
buttons each act submit buttons for the forms. Maybe the code shows this
better, so I attached it below. I also added some non breaking spaces to
make some room between the buttons.
My intention is to have all three buttons in one row, but they appear in
three paragraphs sort of and that is not what I want. So, how do I get
these buttons to be in the same row without using a table, which supposedly
is a big no no for page layout. I looked around and sources recommend div
tags, which I find to be excrutiatingly annoying to use. So, any ideas on
how to get the result the easy way?
Thanks in advance,
David K.
<form method="POST" action="showhelper.php">
<input type="hidden" name="direction" value="back" />
<input type="submit" value="Previous" />
</form>
<form method="POST" action="showhelper.php">
<input type="hidden" name="direction" value="next" />
<input type="submit" value="Next" />
</form>
<form method="POST" action="showhelper.php">
<input type="hidden" name="direction" value="back" />
<input type="submit" value="Back to Main Menu" />
</form>
_______________________________________________
New York PHP Community Talk Mailing List
http://lists.nyphp.org/mailman/listinfo/talk
NYPHPCon 2006 Presentations Online
http://www.nyphpcon.com
Show Your Participation in New York PHP
http://www.nyphp.org/show_participation.php
More information about the talk
mailing list