a little help

@Nightmare006Nov 06.2005

~~[url]~~http://www.glitchersunite.dynamitehosting.net/lstzonehomepage/index.php[/url]

thats the html page I am working on. and I tried to put stuff be side the Navigation and it will only go under it, I want it so it will go beside it like ~~[url]~~http://www.myfreebb.com/[/url]

here is the HTML codes I used

[code] <BODY BGCOLOR=”F0F8FF”><center><img src=”http://i19.photobucket.com/albums/b177/Nightmare007/lst3.gif”></center> <table width=”10%” border=”5%” cellpadding=”0″ cellspacing=”0″ id=”container”> <tr> <th>Navigation</th> </tr> <tr> <td><a href=”http://glitchersunite.dynamitehosting.net/lstzonehomepage/index.php”>Home</a></td> </tr> <tr> <td><a href=”http://www.lstzone.easyphpbb.com/”>Forum</a></td> </tr> <td><a href=”http://www.lstzone.easyphpbb.com/faq.php?mforum=lstzone&sid=ef32a9aacf67915795c7ab639e3f4878″>FAQs</a></td> </tr> <td><a href=”http://www.lstzone.easyphpbb.com/search.php?mforum=lstzone&sid=ef32a9aacf67915795c7ab639e3f4878″>Search</a></td> </tr> <tr> <td><a href=”http://www.lstzone.easyphpbb.com/memberlist.php?mforum=lstzone&sid=7a416eee1de2df3864098d66bf156586″>Member List</td> </tr> <tr> <td><a href=”http://www.lstzone.easyphpbb.com/groupcp.php?mforum=lstzone&sid=7a416eee1de2df3864098d66bf156586″>Usergroups</td> </tr> <tr> <td><a href=”http://www.lstzone.easyphpbb.com/profile.php?mode=register&mforum=lstzone&sid=7a416eee1de2df3864098d66bf156586″>Register</a></td> </tr> <tr> <th>User Nav</th> </tr> <tr> <td><a href=”http://lstzone.easyphpbb.com/profile.php?mode=editprofile&mforum=lstzone&sid=11409c6b7788516e2f26c7a3eada0812″>Profile</a></td> </tr> <tr> <td><a href=”http://lstzone.easyphpbb.com/privmsg.php?folder=inbox&mforum=lstzone&sid=11409c6b7788516e2f26c7a3eada0812″>PM</a></td> </tr> <tr> <td><a href=”http://lstzone.easyphpbb.com/login.php?mforum=lstzone&sid=b3f44da2a540cf529055de213c5ba586″>Log in</td> </tr> </table>

<center><FORM> <INPUT TYPE=”button” VALUE=”Make This Page Your Home Page” onClick=”this.style.behavior=’url(#default#homepage)’; this.setHomePage(‘http://glitchersunite.dynamitehosting.net/lstzonehomepage/index.php’);”> </FORM></center> [/code]

to post a comment

HTML

4 Comments(s) _↴

@DBaker9549Nov 06.2005 — #If you are wanting to put in a column for Navigation that spans across the rows? You will probably need to perform a row span across all rows

As is in freebb the "navigation" title is span across the columns.

I hope that I understand the question properly, and the comment helps.

@Nightmare006authorNov 06.2005 — #well, thanks for help man, but I mean so I can put things in the dark red box I made in this picture, because I am making the homepage for my friend. but the codes I tried did not let me put stuff in the dark red box I edited in the picture below. p.s. if you know a good code to make a boarder about for my nav. can you tell me it? like one on here? http://www.webdeveloper.com/ where it says WebDev Forums.

pic

[img]http://dawn.cupload.com/guest/Nov05/homepage.jpg[/img]

@the_treeNov 06.2005 — #I think this is what you're getting at. I used some WASP propaganda as dummy content and I wasn't exactly faithful to your orginal design but I figured you could iron out the details.

[code=html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
 <title>
 Untitled
 </title>
 <style type="text/css">
 <!--
 body{
 background: #F0F8FF;
 padding: 0;
 font: 12px verdana,sans;
 }
 h1{
 text-align: center;
 clear: both;
 }
 div#mini{
 width: 15%;
 padding: 2%;
 margin: 2%;
 background: #fff;
 text-align: center;
 border: 4px solid #808288;
 float: left;
 }
 div#mini ul,div#mini li{
 margin: 0;
 padding: 0;
 list-style-type: none;
 }
 div#mini h2{
 font-size: 1em;
 }
 div#maxi{
 float: left;
 }
 p.extra{text-align: center;}
 -->
 </style>
 </head>
 <body>
 <h1>
 <img src=
 "http://i19.photobucket.com/albums/b177/Nightmare007/lst3.gif"
 alt="LST Zone">
 </h1>
 <div id="mini">
 <h2>
 Navigation
 </h2>
 <ul class="nav">
 <li>
 <a href=
 "http://glitchersunite.dynamitehosting.net/lstzonehomepage/index.php">
 Home</a>
 </li>
 <li>
 <a href="http://www.lstzone.easyphpbb.com/">Forum</a>
 </li>
 <li>
 <a href=
 "http://www.lstzone.easyphpbb.com/faq.php?mforum=lstzone&sid=ef32a9aacf67915795c7ab639e3f4878">
 FAQs</a>
 </li>
 <li>
 <a href=
 "http://www.lstzone.easyphpbb.com/search.php?mforum=lstzone&sid=ef32a9aacf67915795c7ab639e3f4878">
 Search</a>
 </li>
 <li>
 <a href=
 "http://www.lstzone.easyphpbb.com/memberlist.php?mforum=lstzone&sid=7a416eee1de2df3864098d66bf156586">
 Member List</a>
 </li>
 <li>
 <a href=
 "http://www.lstzone.easyphpbb.com/groupcp.php?mforum=lstzone&sid=7a416eee1de2df3864098d66bf156586">
 Usergroups</a>
 </li>
 <li>
 <a href=
 "http://www.lstzone.easyphpbb.com/profile.php?mode=register&mforum=lstzone&sid=7a416eee1de2df3864098d66bf156586">
 Register</a>
 </li>
 </ul>
 <h2>
 User Nav
 </h2>
 <ul>
 <li>
 <a href=
 "http://lstzone.easyphpbb.com/profile.php?mode=editprofile&mforum=lstzone&sid=11409c6b7788516e2f26c7a3eada0812">
 Profile</a>
 </li>
 <li>
 <a href=
 "http://lstzone.easyphpbb.com/privmsg.php?folder=inbox&mforum=lstzone&sid=11409c6b7788516e2f26c7a3eada0812">
 PM</a>
 </li>
 <li>
 <a href=
 "http://lstzone.easyphpbb.com/login.php?mforum=lstzone&sid=b3f44da2a540cf529055de213c5ba586">
 Log in</a>
 </li>
 </ul>
 </div>
 <div id="maxi">
 <h2>
 On Validation
 </h2>
 <p>
 Ensuring that a website can stand up to the <a href=
 "http://validator.w3.org"><abbr title=
 "World Wide Web Consortium">w3c</abbr> validator</a>
 ensures that the <abbr title=
 "Hyper Text Markup Language">HTML</abbr> you use has been
 aproved by the World Wide Web Consortium and will
 therefore get along much better with different browsers.
 </p>
 <p>
 Of course some browsers, such as the infamous Internet
 Explorer like to keep to thier own little standards and
 there isn't much you can do about it although a site I
 like to call <a href=
 "http://www.positioniseverything.net/"><abbr title=
 "Position Is Everything">PIE</abbr></a> can help you out
 here and there.
 </p>
 <h3>
 Further reading
 </h3>
 <p>
 The <a href="http://www.webstandards.org/">web standards
 project</a> works to encourage well coded web pages for
 the sake of universallity and and accessability.
 </p>
 <h2>
 On semantics
 </h2>
 <p>
 Semantic Markup is a term to describe HTML that
 accurately describes it's content.
 </p>
 <p>
 For instance, a list of links being marked up as anchor
 tags contained within an unordered list rather than a
 table which makes no semantic sense. Another example is
 not using the blockquote tag for anything other than
 quotations and using <abbr title=
 "Cascading Style Sheets">CSS</abbr> for presentainal
 infomation such as indentation.
 </p>
 </div>
 <p class="extra">
 <button onclick=
 "this.style.behavior='url(#default#homepage)';this.setHomePage('http://glitchersunite.dynamitehosting.net/lstzonehomepage/index.php');">
 Make This Page Your Home Page</button>
 </p>
 </body>
 </html>[/code]

@Nightmare006authorNov 06.2005 — #thank you, thank you very much for all your help ????:??????

Also in #HTML _↴

Tab Alignment Custom DIV Overflow How DO I Create HTML Quotes

Success!

Help @Nightmare006 spread the word by sharing this article on Twitter...

Tweet This

a little help

4 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

a little help

4 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #HTML _↴