21, March 2010

HTML Question - webmaster forum

 
Webdigity webmaster forums
[ Home | Help | Search | Forum's Shop | Archive | Login | Register | Webmaster Directory ]
Webdigity Webmaster Forums  >  Design and Layout  >  Web Page Design  >  HTML & XHTML (Moderator: Meth0d)
Topic: HTML Question
« previous next »
Pages: [1] Print

Author Topic: HTML Question  (Read 1372 times)
Der Führer
I feel pretty...
***
Gender: Male
Posts: 184
481 credits
Members referred : 0



« on: Apr 01, 2006, 01:33:10 am »

Okay, so I've been using a program called Web Page Maker V2 to cut corners on my HTML coding time. Unfortunately I realized that when I use this program the way it codes the position of text and images is pixel form.
This is an example of how it codes it

Code:
<html>
<div id="text1" style="position:absolute; overflow:hidden; left:200px; top:200px; width:200px; height:200px; z-index:0">
<div class="wpmd">
<div><font class="ws14" face="Verdana"><B>Text 1</B></font></div>
<div><font class="ws14" face="Verdana"><B>Text 2</B></font></div>
</div>
</div>
</html>

When I'm making this site it all looks good and lines up in the middle of my browser. However, this is not true for people that use a screen resolution higher or lower than mine. So what I am trying to do is code the whole site in a frame and make the position code from the left/top of the frame so I can put a center tag on it and have it in the middle of the page. I cant get the position to code this way at all.

If anyone could help at all with my problem I would greatly appreciate it.
I love Pokemon
*
Posts: 13
90 credits
Members referred : 0


« Reply #1 on: Apr 01, 2006, 01:38:22 am »

Here is a solution :

Code:

<html>
<table width="100%" height="100%">
<tr>
<td valign="middle" align="center">
<div class="wpmd">
<div><font class="ws14" face="Verdana"><B>Text 1</B></font></div>
<div><font class="ws14" face="Verdana"><B>Text 2</B></font></div>
</div>
</td>
</tr>
</table>
</html>

Der Führer
I feel pretty...
***
Gender: Male
Posts: 184
481 credits
Members referred : 0



« Reply #2 on: Apr 01, 2006, 01:52:24 am »

Yeah, I could code it in tables but I'm not really looking to do all the table coding. I'm trying to take what they gave me and put it into a single table cell or something that would let me base the left/top off of it.
I am a metal monkey!
Administrator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 5660
45593 credits
Members referred : 3



« Reply #3 on: Apr 01, 2006, 01:54:15 am »

Hmm, then you should propably do it with javascript (detect the user's resolution and relocate the div), but don't ask me how, I am a php boy Smiley

Trial and Error my two best teachers Cool
Join us @ facebook or twitter

Last blog : Butterfly Marketing 2.0
Bill Gates is my home boy
*****
Gender: Female
Posts: 710
4449 credits
Members referred : 2



« Reply #4 on: Apr 01, 2006, 01:56:34 am »

Whoa, what's with all the DIVs? WYSWYG editors tend to put a lot of extra code in which can make the page longer to load and harder for the search engines to spider.

If you start editing the code by hand, I would suggest you don't edit the file in Page Maker again, you could create a mess. I'm not familiar with this editor, so someone may correct me on this statement.

I would recommend you look at a CSS guide online somewhere. All of those divs could be rewritten as one.

Then your code would be:

<html>
<div class="newformat">
<p>Text 1</p>
<p>Text 2</p>
</div>
</html>

or use the span element if the text is on the same line.

BTW, search engines and most users hate frames. If you have trouble with using CSS and floats, use a table for layout before you use frames.

www.yourmessageconsultant.com, providing online content and printed marketing materials.
www.helpforwebbeginners.com, Tutorials and how to's for new  webmasters.
www.CraftyTips.com, a unique Arts & Crafts Directory
www.nocans.com - Pet Food Recipe Site
www.petsiteguides.com - A New Pet Directory

Last blog : Spring Cleaning at Crafty Tips
I am a metal monkey!
Administrator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 5660
45593 credits
Members referred : 3



« Reply #5 on: Apr 01, 2006, 02:01:35 am »

Quote
BTW, search engines and most users hate frames. If you have trouble with using CSS and floats, use a table for layout before you use frames.

That's very true. I agree.

Trial and Error my two best teachers Cool
Join us @ facebook or twitter

Last blog : Butterfly Marketing 2.0
Der Führer
I feel pretty...
***
Gender: Male
Posts: 184
481 credits
Members referred : 0



« Reply #6 on: Apr 02, 2006, 07:50:56 am »

Okay, Thank you all for your help I got it working.  Cool
Trackback URI for this entry : http://www.webdigity.com/trackback.php?topic=2128
Tags : php javascript css html Bookmark this thread : Digg Del.icio.us Dzone more....

Pages: [1] Print 
Webdigity Webmaster Forums  >  Design and Layout  >  Web Page Design  >  HTML & XHTML (Moderator: Meth0d)
Topic: HTML Question
« previous next »
Jump to:
User Area
Welcome, Guest. Please login or register.
Did you miss your activation email?
Mar 21, 2010, 12:41:08 pm





Login with username, password and session length

Donate to our community, and get a permanent link back to your site!

Donate to our community, and get a permanent link back to your site!


Forum Statistics
Total Posts: 44.235
Total Topics: 8.624
Total Members: 8.243
Tutorials : 58
Resources : 929
Designs : 361
Latest Member: ericmartin225

54 Guests, 4 Users online :

9 users online today:



Readers

Web Design Gallery · Whois Lookup · Pagerank · Tag Browsing · Lo-fi version · Syndication · Webmaster forum history · Advertise
Developed by HumanWorks © 2005 - 2010 Webdigity webmaster community · sublime directory
Webdigity Webmaster Forums | Powered by SMF 1.0.12. © 2001-2005, Lewis Media. All Rights Reserved.