Reality Factory

Posted: **Tue Nov 11, 2008 1:41 am**

I dont know much about html and dont plan to read,but i wanted to ask why the below tags dont seems to align the text to the position you typed and why if add more letters to the text it always appears underlinedv (even if it is nt underlined tagged)
and why all letters of the text may appear in a vertiacal column.

I need an example code i can popy./paste with my own texts and an example code for aligning links ,pics etc.

<div style="position:absolute;top:50px;left:300px;">
<font color="#F1FFE1"><font size="5">News</font></font>

Posted: **Tue Nov 11, 2008 4:35 am**

Hmmm... I wasn't aware that you could use style controller tags within <div>.
I thought those were only available for use on CSS documents and <style> tags in <title>.

Posted: **Tue Nov 11, 2008 9:23 am**

Here's a full page. It's CSS, though, not only HTML.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Template For Adaox - M4litb</title>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<meta name="author" content="Daniel St. Jules" />
<link href="CoolBlue.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="header"><img src="header_logo.gif" alt="A Valid CSS Layout" /></div>

<div id="nav">
<a href="#">Home</a>
<a href="#">Forum</a>
<a href="#">TopSite</a>
</div>

<div id="container">

<div id="wrapper">
<div id="content">

<h2>News and Updates</h2>

<div class="news">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi pellentesque
molestie urna. Nunc porta, metus sit amet ultricies fringilla, augue elit luctus
orci, vitae vulputate tellus turpis sed mi. Nunc quam est, ultrices vel, lacinia ut,
placerat vitae, turpis. Nulla nonummy, dolor varius ullamcorper blandit,
sem orci mattis metus, placerat viverra nisi mi quis ipsum. Aenean nec nulla at
elit vestibulum aliquet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Curabitur iaculis facilisis massa. Phasellus euismod, pede et molestie egestas,
ligula augue commodo erat, at tincidunt nulla pede in lectus. Sed lectus. Quisque
accumsan venenatis felis. Integer commodo pretium nunc.</p>

<p>Maecenas condimentum leo vitae lectus. Donec lacus ante, eleifend in, molestie ac,
congue in, turpis. Maecenas luctus suscipit risus. Duis id felis in metus iaculis
malesuada. Aliquam erat volutpat. Pellentesque tincidunt. Sed posuere, odio eget
sollicitudin bibendum, lorem felis volutpat nunc, at fringilla nunc lacus eleifend
lorem. Vivamus euismod nisi. Vestibulum ante ipsum primis in faucibus orci luctus
et ultrices posuere cubilia Curae; Donec vestibulum bibendum massa. Cras luctus nibh non
urna. Nulla facilisi. Nunc faucibus. Aliquam placerat felis at lacus.</p>
</div>
<div class="news2">Posted by M4litb</div>

<div class="news">
<p>Curabitur eros. Proin ligula nibh, sodales eu, lacinia a, viverra eget, lacus.
Aliquam varius hendrerit sem. Sed posuere facilisis mi. Vestibulum luctus odio sed mi.
Integer consectetuer elit at nisl. Nullam convallis mollis lectus. Mauris accumsan
elementum eros. Duis eleifend tempor turpis. Integer erat justo, adipiscing id, vehicula
eu, imperdiet at, augue. Quisque in nisi vitae nisi porta viverra.</p>
</div>
<div class="news2">Posted by M4litb</div>

</div>
</div>
<div id="menu"><img src="menu_top.gif" alt="" />
<div id="menucontainer">

<form method="get" action="#">
<input type="text" id="searchfield" name="q" size="15" maxlength="255" value="" />
<input type="submit" class="submit" name="btnG" value="Search" />
</form><br />

<strong>Adaox.co.nr</strong><br />
<ul>
<li><a href="#">News</a></li>
<li><a href="#">Staff</a></li>
<li><a href="#">Apply for Staff</a></li>
<li><a href="#">Affiliate</a></li>
<li><a href="#">Link to Us</a></li>
</ul>
<br /><strong>Gaming</strong><br />
<ul>
<li><a href="#">Reviews</a></li>
<li><a href="#">Previews</a></li>
</ul>

</div>
</div>

<div id="footer">
Template by M4litb for Adaox Designs
</div>

</div>

</body>
</html>

Here's a resized screenshot of what it looks like with all the images available:

Posted: **Wed Nov 12, 2008 4:45 am**

I used that one with the div because perhaps i saw it somewhere.
What is the easiest and cleanest way to align the pics,links and pics,i wonder.

I opened in an html editor few pages from the web to check the alignments but did nt understood much.I need some time to try couple of things like-what kind of line i could insert above the text for alignment in pixels-or is it done by % percent of page size?

Posted: **Wed Nov 12, 2008 11:38 am**

Why not go get yourself a free WYSIWYG web editor, let the program do the hard work.

I do

Posted: **Wed Nov 12, 2008 3:08 pm**

ardentcrest wrote:Why not go get yourself a free WYSIWYG web editor, let the program do the hard work.

I do

When creating professional looking sites, I have to admit I do that too. It's really easy. I suggest BlueVoda and some people love NVU. You should take a look at one.

Posted: **Wed Nov 12, 2008 3:25 pm**

WYSIWYG Web Editors are great for getting stuff done, but they do not generate very efficient HTML. The size of the HTML file that comes from a program like FrontPage or DreamWeaver is much larger than if you typed it yourself in Notepad. More importantly....you don't learn anything by using them. If Veleran wants to really learn HTML, then Notepad is his friend. If he just wants to get a website up and running, then WYSIWYG is good enough.

Posted: **Wed Nov 12, 2008 7:48 pm**

if the thing is to learn HTML: there are enough tutorials on the web. If I'd know something of positioning (that's a long time ago), I'd tell.
Sorry that i can't help, veleran

Reality Factory

Help with Html

Help with Html

Re: Help with Html

Re: Help with Html

Re: Help with Html

Re: Help with Html

Re: Help with Html

Re: Help with Html

Re: Help with Html