|
| |
|
|
songwriter
Posts: 52
Joined: 12/19/2002
Status: offline
 |
I can't keep my text aligned with my form text box - 1/14/2004 10:00:32
Please tell me what I"m doing wrong, I always have this problem when it comes to making my forms look nice and keeping the text aligned.
I place my form in the center hoping that would keep to boxes aligned, but I wanted to place my description text on top of the single text box that tells the visitor what information to type in the box instead of on the left side of the box.
So in order for me to place the text on top of the cented boxes, I didn't the center on the description text, I just simply took center off and hit the space bar to line my text up with the boxes.
Everything looked lined up when I view it in the browser, but once published it to the web, it looks a mess, it's not lined up anymore.
How do I fix this. and just to give you a heads up. I don't know CSS at all.
go to this page, then you'll see what I'm talking about www.sparkleshineclean.com/contact.html
Thank you
songwriter.
< Message edited by songwriter -- 1/14/2004 10:02:14 >
|
|
|
|
Giomanach
Posts: 6113
Joined: 11/19/2003
From: England
Status: offline
|
RE: I can't keep my text aligned with my form text box - 1/14/2004 10:03:30
Rather than using <p> to align the text, do it in the cells, like so:
<td align="center">
That wasy everything in that cell will be centered, and you cna have the label and the form element in the same cell
Hope this works
Dan
_____________________________
| |
|
|
|
songwriter
Posts: 52
Joined: 12/19/2002
Status: offline
|
Pixel vs Percent - 1/14/2004 10:13:02
When do you set your page in percentage vs 750 pixel. Seems like when I complete a site all of my sites looks fine on my computer, but when I view it on a moniter larger than 17inches, my page looks so small.
Thanks to outfront, I have learned to set all my tables at 750 and center the table, but I've always set them at 750 pixel, I never used the table as percentage, but is this why my site look so small on bigger monitors?
Please take a look at my site and tell me what should I have used
www.sparkleshineclean.com currently the site is set at table 750.
Thank you
songwriter
< Message edited by songwriter -- 1/14/2004 10:16:18 >
| |
|
|
|
Giomanach
Posts: 6113
Joined: 11/19/2003
From: England
Status: offline
|
RE: Pixel vs Percent - 1/14/2004 10:19:18
Percentages are relative to the screen size. So if you put the table at 80% width, it will fill 80% of the page width no matter what the screen resolution. This can ruin a site, but it can also make the site look better. I find it best to use pixels for widths and center the table so that users on 600x800 resolution can view the sites just as well as everyone else, but the disadvantage to it is, as you say, the site looks small. But if done properly the site will look good no matter what the resolution.
Use graphics that fill the top of the table, and use a dynamic page and the site will look good at 750 pixels wide, no matter what the size of the screen
_____________________________
| |
|
|
|
songwriter
Posts: 52
Joined: 12/19/2002
Status: offline
|
RE: I can't keep my text aligned with my form text box - 1/14/2004 10:22:57
I'm not sure I understand what you're saying. Are you saying within create a table within the form box to type my text.
Can I place a table inside a form??
quote:
ORIGINAL: Giomanach
Rather than using <p> to align the text, do it in the cells, like so:
<td align="center">
That wasy everything in that cell will be centered, and you cna have the label and the form element in the same cell
Hope this works
Dan
| |
|
|
|
songwriter
Posts: 52
Joined: 12/19/2002
Status: offline
|
RE: Pixel vs Percent - 1/14/2004 10:27:36
Thank you so much, I agree with you, I think I'll stay with using pixels.
In your opinion, was my graphic at the top used properly? what could I have done to my friend's site to make it look better? www.sparkleshineclean.com
quote:
ORIGINAL: Giomanach
Percentages are relative to the screen size. So if you put the table at 80% width, it will fill 80% of the page width no matter what the screen resolution. This can ruin a site, but it can also make the site look better. I find it best to use pixels for widths and center the table so that users on 600x800 resolution can view the sites just as well as everyone else, but the disadvantage to it is, as you say, the site looks small. But if done properly the site will look good no matter what the resolution.
Use graphics that fill the top of the table, and use a dynamic page and the site will look good at 750 pixels wide, no matter what the size of the screen
| |
|
|
|
Giomanach
Posts: 6113
Joined: 11/19/2003
From: England
Status: offline
|
RE: I can't keep my text aligned with my form text box - 1/14/2004 10:27:37
It would look something like this, ignore the methd etc because you have used Fp to make it:
<form methof="post" action="contact.asp">
<table>
<tr>
<td align="center">
First Name:<br>
<input type="text" name="txtNameFirst">
</td>
....and so on.................
</table>
</form>
Simple
_____________________________
| |
|
|
|
Giomanach
Posts: 6113
Joined: 11/19/2003
From: England
Status: offline
|
RE: Pixel vs Percent - 1/14/2004 10:30:49
quote:
ORIGINAL: songwriter
Thank you so much, I agree with you, I think I'll stay with using pixels.
In your opinion, was my graphic at the top used properly? what could I have done to my friend's site to make it look better? www.sparkleshineclean.com
Graphic at the top of the page is fine, it's just the rest of the page that is lacking. At some more content to it, make it user friendly, and interactive. The easier your site is to use the more people will recommend you, the more involved the user can get, the more they will recommend you
_____________________________
| |
|
|
|
songwriter
Posts: 52
Joined: 12/19/2002
Status: offline
|
RE: Pixel vs Percent - 1/14/2004 10:39:48
Thank you so much, this is my second site that I've actually built for someone else, I'm getting plenty practice building sites for friends and outfront has been simply wonderful getting building tips and techniques.
Can you give me some suggestion of what other content to add to make the site more user friendly.
Thank you.
quote:
ORIGINAL: Giomanach
quote:
ORIGINAL: songwriter
Thank you so much, I agree with you, I think I'll stay with using pixels.
In your opinion, was my graphic at the top used properly? what could I have done to my friend's site to make it look better? www.sparkleshineclean.com
Graphic at the top of the page is fine, it's just the rest of the page that is lacking. At some more content to it, make it user friendly, and interactive. The easier your site is to use the more people will recommend you, the more involved the user can get, the more they will recommend you
| |
|
|
|
Giomanach
Posts: 6113
Joined: 11/19/2003
From: England
Status: offline
|
RE: Pixel vs Percent - 1/14/2004 10:44:53
A bit more about what the company does on the home page would be nice, as most users look at the home page, if they can't see what they want, they leave.
On the Images geive them Alternate Text:
<img src="image.jpg" alt="Image">
This way if you have images as links it makes it easier for the user to understand where the link is going, Use the alt as a means to explain the site. Basically use all the simple stuff to enhance the site
_____________________________
| |
|
|
|
songwriter
Posts: 52
Joined: 12/19/2002
Status: offline
|
Why do people tell me real webmasters use Dreamweaver? - 1/14/2004 10:49:26
May I ask you a question? Since I've started trying to build websites, I've been ragged on alot about using frontpage, I was told real web designer use Dreamweaver. So I took a Dreamweaver course at a technical college, but I notice that I've been able to do the same thing with frontpage, so I always find myself going back to frontpage instead of Dreamweaver.
Do I need to learn and master Dreamweaver or is Front page just as good. I'm a newbie so please don't laugh if I can't tell the difference in the programs, all I know Is I'm able to build a site much faster using frontpage rather than Dreamweaver
Thank you so much
| |
|
|
|
songwriter
Posts: 52
Joined: 12/19/2002
Status: offline
|
RE: Pixel vs Percent - 1/14/2004 10:56:03
Wow, thank you, I never thought of that, you're so right. Now I understand what you mean about making the page interactive.
Thanks
quote:
ORIGINAL: Giomanach
A bit more about what the company does on the home page would be nice, as most users look at the home page, if they can't see what they want, they leave.
On the Images geive them Alternate Text:
<img src="image.jpg" alt="Image">
This way if you have images as links it makes it easier for the user to understand where the link is going, Use the alt as a means to explain the site. Basically use all the simple stuff to enhance the site
| |
|
|
|
Giomanach
Posts: 6113
Joined: 11/19/2003
From: England
Status: offline
|
RE: Why do people tell me real webmasters use Dreamweaver? - 1/14/2004 10:58:32
What you use to write websites is totally up to you. But you have to remember, with FrontpAge when using ASP you need FP Server Extensions, Dreamweaver tends not to need Server Extensions.
I personally do not recommend what software to use to write web sites.
Dreamweaver tends to be better for CSS based websites, and also provides you with a more graphical layout and I find is a lot easier to use. FrontPAge is also easy to use, but requires it's own Server Extensions but this makes web design really easy.
I'm no web master, but I will say this, Use FrontPage if you are not that experienced with Web Design, but if you know more than just the basics, Dreamweaver would suit you better, but I always leave the decision up to the user.
No need to master either Dreamweaver or FrontPage. If you want to master web design software use Notepad. That way you hard code the pages, and you learn the scripts as you write the sites. Plus Notepad is the only software to use freelance coding.
I won't laugh, just because people know more about Web Scripting than you is no need to laugh, and the fact that you find Frontpage easier to use is no laughing matter either. Some of the best sites are made with FrontPage.
I only use FP and DW when I don't know the script or can't figure it out myself.
don't;'t be afraid to ask about simple things. What is our simplicity maybe your greatest need. We are all here to help, we are all at different ability levels. Just answer what you can, and ask when you need to.
Dan
< Message edited by Giomanach -- 1/14/2004 15:59:40 >
_____________________________
| |
|
|
|
songwriter
Posts: 52
Joined: 12/19/2002
Status: offline
|
RE: I can't keep my text aligned with my form text box - 1/14/2004 11:02:32
Okay, I'm gonna give this a try, although I'm still a little confused about where I'm placing the table, but I won't know until I try. But from what I see simply place a table just above the box and type in first name: etc.
Thank you.
quote:
ORIGINAL: Giomanach
It would look something like this, ignore the methd etc because you have used Fp to make it:
<form methof="post" action="contact.asp">
<table>
<tr>
<td align="center">
First Name:<br>
<input type="text" name="txtNameFirst">
</td>
....and so on.................
</table>
</form>
Simple
| |
|
|
|
Giomanach
Posts: 6113
Joined: 11/19/2003
From: England
Status: offline
|
RE: I can't keep my text aligned with my form text box - 1/14/2004 11:03:46
If you need someone to write the table and form for you, don't be afraid, ask
_____________________________
| |
|
|
|
songwriter
Posts: 52
Joined: 12/19/2002
Status: offline
|
RE: I can't keep my text aligned with my form text box - 1/14/2004 11:08:14
Thank you for all of your help, have a wonderful day.
songwriter
quote:
ORIGINAL: Giomanach
If you need someone to write the table and form for you, don't be afraid, ask
| |
|
|
|
Giomanach
Posts: 6113
Joined: 11/19/2003
From: England
Status: offline
|
RE: I can't keep my text aligned with my form text box - 1/14/2004 11:10:05
No Problem
_____________________________
| |
|
|
|
songwriter
Posts: 52
Joined: 12/19/2002
Status: offline
|
RE: I can't keep my text aligned with my form text box - 1/14/2004 16:18:40
Well I'm back, and to no avail I couldn't get a clear understanding what you are saying to do, I was able to get it to work slightly,
I want the text boxes side by side with the text desription on top.
but is I use the <td align="center"> the text still wouldn't line up with the boxes.
Here are the step I took.
1. I created a table
2. Place all of the form boxes on there
3. Go back I go back and place the text over each box
Please help me if you can.
quote:
ORIGINAL: Giomanach
No Problem
| |
|
|
|
Giomanach
Posts: 6113
Joined: 11/19/2003
From: England
Status: offline
|
RE: I can't keep my text aligned with my form text box - 1/15/2004 5:35:13
Try this:
<form method="post" action="contact.asp">
<table cellpadding=0 cellspacing=0>
<tr>
<td align="center" valign="top">First Name:<br><input type="text" name="txtUserFirst"></td>
<td align="center" valign="top">Last Name:<br><input type="text" name="txtUserLast"></td>
</tr>
<tr>
<td align="center" valign="top">Email:<br><input type="text" name="txtUserEmail"></td>
<td align="center" valign="top">Location:<br><input type="text" name="txtUserLoc"></td>
</tr>
<tr>
<td colspan="2" align="center" valign="top">
<input type="textarea" name="txtUserComments" width=50 rows=8>
</td>
</tr>
<td colspan="2" align="center">
<input type="submit" value="Submit"> <input type="reset" value="reset">
</td>
</tr>
</table>
</form>
Edit the text in bold to suit your form, and that should work
Dan
< Message edited by Giomanach -- 1/15/2004 10:35:41 >
_____________________________
| |
|
|
|
songwriter
Posts: 52
Joined: 12/19/2002
Status: offline
|
RE: I can't keep my text aligned with my form text box - 1/16/2004 10:16:53
Oh my gosh, it works, I tried it out here at work just now, thank you 1000 times. I"m gonna follow your script to do the rest of them when I get home. Thank you.
A funny thing happen when I got home yesterday, I look at the site to try and fix the alignment of the text over the form boxes, but when I viewed the site on my computer at home everything looked perfect the text was aligned perfectly, but when I looked at it at work tf was off lined. Why is that? and what can I do to make sure that after I finish a site it will not look horrific on another computer?
I noticed that the problem seems to happen when I use the space bar. Is using the space bar a no no. because I also notice that my text in the lower right corner of the site is not all the way over the right when viewed at work, but on my computer at home it appears fine. Just like when I used it to place the text above the form text boxes. Is using the space bar the culprit?
Wow thank you so much you're great!!
quote:
ORIGINAL: Giomanach
Try this:
<form method="post" action="contact.asp">
<table cellpadding=0 cellspacing=0>
<tr>
<td align="center" valign="top">First Name:<br><input type="text" name="txtUserFirst"></td>
<td align="center" valign="top">Last Name:<br><input type="text" name="txtUserLast"></td>
</tr>
<tr>
<td align="center" valign="top">Email:<br><input type="text" name="txtUserEmail"></td>
<td align="center" valign="top">Location:<br><input type="text" name="txtUserLoc"></td>
</tr>
<tr>
<td colspan="2" align="center" valign="top">
<input type="textarea" name="txtUserComments" width=50 rows=8>
</td>
</tr>
<td colspan="2" align="center">
<input type="submit" value="Submit"> <input type="reset" value="reset">
</td>
</tr>
</table>
</form>
Edit the text in bold to suit your form, and that should work
Dan
| |
|
|
|
Giomanach
Posts: 6113
Joined: 11/19/2003
From: England
Status: offline
|
RE: I can't keep my text aligned with my form text box - 1/16/2004 10:26:50
quote:
A funny thing happen when I got home yesterday, I look at the site to try and fix the alignment of the text over the form boxes, but when I viewed the site on my computer at home everything looked perfect the text was aligned perfectly, but when I looked at it at work tf was off lined. Why is that? and what can I do to make sure that after I finish a site it will not look horrific on another computer?
Depends on the configuration of the computers, and the browser being used. In IE everything generally looks good, but you have to remember, not all browsers read the the same way. Even an earlier version of IE can make sites look different. I try to design my sites for IE4+, then the layout is generally fine on all the latest releases of browsers.
quote:
I noticed that the problem seems to happen when I use the space bar. Is using the space bar a no no. because I also notice that my text in the lower right corner of the site is not all the way over the right when viewed at work, but on my computer at home it appears fine. Just like when I used it to place the text above the form text boxes. Is using the space bar the culprit?
Depends on what your using it for. To align text is a no no. Use (&nb sp; ) (without the brackets and the space in the middle, damn forum coding) to put spaces between the text when aligning. And also try to use the align commands that way, if you want it perfectly right, it will stay there. Have a look at the tutorials here. They are very good, and very helpful.
Anything Else?
Dan
< Message edited by Giomanach -- 1/16/2004 15:36:02 >
_____________________________
| |
|
|
|
songwriter
Posts: 52
Joined: 12/19/2002
Status: offline
|
RE: I can't keep my text aligned with my form text box - 1/16/2004 17:43:45
okay last question for now. how do I design my sites for ie+ as you do. Do I need to upgrade somthing on my computer?
quote:
ORIGINAL: songwriter
Oh my gosh, it works, I tried it out here at work just now, thank you 1000 times. I"m gonna follow your script to do the rest of them when I get home. Thank you.
A funny thing happen when I got home yesterday, I look at the site to try and fix the alignment of the text over the form boxes, but when I viewed the site on my computer at home everything looked perfect the text was aligned perfectly, but when I looked at it at work tf was off lined. Why is that? and what can I do to make sure that after I finish a site it will not look horrific on another computer?
I noticed that the problem seems to happen when I use the space bar. Is using the space bar a no no. because I also notice that my text in the lower right corner of the site is not all the way over the right when viewed at work, but on my computer at home it appears fine. Just like when I used it to place the text above the form text boxes. Is using the space bar the culprit?
Wow thank you so much you're great!!
quote:
ORIGINAL: Giomanach
Try this:
<form method="post" action="contact.asp">
<table cellpadding=0 cellspacing=0>
<tr>
<td align="center" valign="top">First Name:<br><input type="text" name="txtUserFirst"></td>
<td align="center" valign="top">Last Name:<br><input type="text" name="txtUserLast"></td>
</tr>
<tr>
<td align="center" valign="top">Email:<br><input type="text" name="txtUserEmail"></td>
<td align="center" valign="top">Location:<br><input type="text" name="txtUserLoc"></td>
</tr>
<tr>
<td colspan="2" align="center" valign="top">
<input type="textarea" name="txtUserComments" width=50 rows=8>
</td>
</tr>
<td colspan="2" align="center">
<input type="submit" value="Submit"> <input type="reset" value="reset">
</td>
</tr>
</table>
</form>
Edit the text in bold to suit your form, and that should work
Dan
| |
|
|
|
Giomanach
Posts: 6113
Joined: 11/19/2003
From: England
Status: offline
|
RE: I can't keep my text aligned with my form text box - 1/19/2004 6:24:10
No, all you need to do is download Macromedia Dreamweaver MX 2004 and set the target browser for IE4 and Mac IE5.5, then you should have no problems at all
Glad I can help
Dan
_____________________________
| |
|
|
|
songwriter
Posts: 52
Joined: 12/19/2002
Status: offline
|
RE: I can't keep my text aligned with my form text box - 1/19/2004 20:19:42
Many Thanks to you
quote:
ORIGINAL: Giomanach
No, all you need to do is download Macromedia Dreamweaver MX 2004 and set the target browser for IE4 and Mac IE5.5, then you should have no problems at all
Glad I can help
Dan
quote:
Try this:
<form method="post" action="contact.asp">
<table cellpadding=0 cellspacing=0>
<tr>
<td align="center" valign="top">First Name:<br><input type="text" name="txtUserFirst"></td>
<td align="center" valign="top">Last Name:<br><input type="text" name="txtUserLast"></td>
</tr>
<tr>
<td align="center" valign="top">Email:<br><input type="text" name="txtUserEmail"></td>
<td align="center" valign="top">Location:<br><input type="text" name="txtUserLoc"></td>
</tr>
<tr>
<td colspan="2" align="center" valign="top">
<input type="textarea" name="txtUserComments" width=50 rows=8>
</td>
</tr>
<td colspan="2" align="center">
<input type="submit" value="Submit"> <input type="reset" value="reset">
</td>
</tr>
</table>
</form>
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
