HTML - Left Hand Navigation...

Hi board members

I've been hard at this for hours and can't get it working.

Following the tutorial on
facebook in order to specify the image which is associated with the page in question, my daughter's blog which I coded in notepad

Please be advised the facebook links are not positioned where they will finally reside on the page.

I have tried the iframe method first which doesn't have image control of this, then tried html5; and then the supa dupa xfbml methods. The latter two are called open graph. However ALL three methods return the rss icon image - so frustrating.

The image I want to use is within their parameters and is in my images folder on level above the root.

Can you please look at my code and shed some light on this. Note all of this code has been generated by their engine - copy/paste.

the lines you are interested in are 11-16; 24-31 and 62

Good luck, Mal from Cessnock

Just so you know I am new to all of this stuff. I have been arranging a web site for myself, as a project to learn from.

I made myself a nice title/banner picture for my site and would like to align it to the very edge of the page(top/left/right). There are a few PX as a boarder, this is what I DO NOT want. I have it as a larger sized image then I'm displaying at the moment. And was hoping that I might be able to have it stay aligned at all times( If user changes the window size, or their window is large or small, etc.), and have this image be "fixed" at the top (there no matter how far down the user scrolls). I do not know if this should be in the .html or in the .css portion of my page, at the moment it is in the .html .


***A close example of what I want would be the top of htmlforum.com. The title banner boarders the entire top edges of the frame... except the "pic" does not go across the entire top, and the banner stays at the top.***

the code I'm using at the moment is:

<img src="http://naluolapa.com/images/Titlepic2.jpg"
width="1024px" height="126" alt="title banner, nalu olapa's domain" align="top" >


This is a link to what I'm talking about and working on:
http://www.naluolapa.com/home/HTML-2.html

(yes, I do know that the page is full of errors in the displayed text, I'm more focused on the looks and style then the content at the moment.)

I have google-ed many sites, and used lots of different sources for codes. Though none gave me what i want. so I decided to post on here, after looking through many threads too.

Thanks for your time!

a fragment of the code is shown below,

<form id="frmmain" name="frmmain" method="post" action="index.php?page=login">
<!--<form id="srch" name="srch" onsubmit="return blockSubmit();">-->
<td valign="top" style="padding:4px;text-align:center;height:50px;margin:0 auto;">
<input style="height:20px;background:none;color:#fff;border:1px solid #fff;width:160px;" type="text" value="<?php echo 'Enter WinkedAt code here.';?>" name="wa_id" id="wa_id" onclick="javascript:document.frmmain.wa_id.value=''" onmouseover="return onMouseOver2('You must &lt;a href=index.php?page=login&gt;Login&lt;/a&gt; first to add WinkedAt code or &lt;a href=index.php?page=Signup&gt;Sign-up&lt;/a&gt; for a free new account.');" onmouseout="onMouseOut2();" />
</td>
<td valign="top">
<input type="hidden" id="my_id" name="my_id" value="<?php echo $my_id;?>"/>
<input type="hidden" name="error" value="<?php echo $error;?>"/>
<input type="hidden" name="msg" value="<?php echo $msg;?>"/>
<input style="border:none;" type="image" src="<?php echo _DEFAULT_TEMPLATE_PATH;?>/images/goarrow.png"/>
</td>
</form>

but when i validate it, it prompts errors such as these

--document type does not allow element "td" here

--Attribute "name" exists, but can not be used for this element.

i tried putting divs but still the error prompts..what did i overlook?

Hi,

Does anyone know how to turn keep an image input type as well as keep have the ability that when you hover over the image you have the hand cursor. In addition its using post method to go through. My goal is to do it without using the A HREF or it wont work.



Currently doing:
<input type="image" src="images/graphics/art" >

What I want to do:
<input type="image" src="images/graphics/art" onMouseOver="cursor:hand" >


Thanks.

I wanted to get my background image in the center of my page.
The Html code I'm using is as follows.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #FFFFFF;
background-image: url(http://i14.photobucket.com/albums/a3...HomePage.jpg);
background-position:center;
background-repeat: no-repeat;
}
-->
</style></head>

<body>
</body>
</html>

When i do it.
Half the image dissappears at the top of the page.
Can anyone help?

http://www.gouramidesign.com/portfolio.aspx#webdesign

See that website, how it opens a lightbox type of thing, but wth the image on the left side and then a text on the right side ?What scripts does that website use?

I currenty use prettybox, a jquery script, but I dont want to JUST display images, io want to have a website portfolio and thi sis EXACTLY what I've been looking for!

In html left to right <marquie behaviour
but i want right to left the text comes from right to left and left standard positin
whch command do i need to use? please provide
thanks for helping

Good day ,

I want to create a menu in my div block but the menu will be like this

Categorie <-- this is the title

Plastic <-- this is 3 categorie
hard <-- type of plastic
soft
wood
metal

my problem is that I would like that when you click on a categorie the type would appear and the other categories would go down to give some room for the type.

I tryed to use a menu builder from coffecup but it wont put under like I would like.

Can someone help me please .

thanks in Advance

Marc

Hi ,

I have an odd HTML question. In my company we make procedures (stuff that we think we need written down in case we need to repeat it), which we update on a regular basis. Whenever we go to do an install, update, fix, etc. and we need a procedure, we print it out and then head off with it (we make red lines as necessary.) All of these are in HTML and stored in CVS.

One of the engineers (she is not terribly familiar with HTML and turned to me) asked me if I could make a little "box" to the left of a list. The steps of the procedure are a bunch of <li> tags, having a nice box to the left to check it off as you go through them would be great. This stumped me. The best that I could do was make a one-celled table inside the <li> tags (the HTML for which I've posted) in order to get the impression of a "box" where you can check off a step that you just completed. Is there any way to put that box on the left? If you look at the end of this post I made a simple ASCII representation of what I would like to accomplish.

Code:

<html>
  <head>
    <title>
      Example
    </title>
  </head>
  <body>
    <ol>
      <li>
        <table border="1">
          <tr>
            <td>
              &nbsp;&nbsp;&nbsp;&nbsp;
            </td>
          </tr>
        </table>
        Do stuff...
      </li>
      <li>
        <table border="1">
          <tr>
            <td>
              &nbsp;&nbsp;&nbsp;&nbsp;
            </td>
          </tr>
        </table>
        Do stuff...
        <ol type="a">
          <li>
            <table border="1">
              <tr>
                <td>
                  &nbsp;&nbsp;&nbsp;&nbsp;
                </td>
              </tr>
            </table>
            Do sub-step...
          </li>
          <li>
            <table border="1">
              <tr>
                <td>
                  &nbsp;&nbsp;&nbsp;&nbsp;
                </td>
              </tr>
            </table>
            Do sub-step...
          </li>
          <li>
            <table border="1">
              <tr>
                <td>
                  &nbsp;&nbsp;&nbsp;&nbsp;
                </td>
              </tr>
            </table>
            Do sub-step...
          </li>
        </ol>
      </li>
      <li>
        <table border="1">
          <tr>
            <td>
              &nbsp;&nbsp;&nbsp;&nbsp;
            </td>
          </tr>
        </table>
        Do stuff...
      </li>
    </ol>
  </body>
</html>

Code:

+---+
|   |  1) Do stuff...
+---+

+---+
|   |  2) Do stuff...
+---+

       +---+
       |   |  a) Sub-step...
       +---+
       
       +---+
       |   |  b) Sub-step...
       +---+
       
       +---+
       |   |  c) Sub-setp...
       +---+

+---+
|   |  3) Do stuff...
+---+

people are telling me that have to horizon scroll (left to right) to see this page:

http://www.girlsincsoaz.org

I tried it on different machines, including a laptop and I don't have to, what can be the problem?

TIA

Reference:
http://test6.waltonstreetwebdesign.com/

So right there on the home page, "A Warm Welcome" is in an h1 tag, most of the regular text is inside <p> tags except for the test text. Why in the world is the right align of the <p> tags a little to the left of the text not inside the <p> tag and the <h1> tag?

After some good help from Horus_Kol i made a panel to the left on my website:

But now i created alot of stuff on my website, and then i found that something was wrong if there is too much text on the page (sorry, i can't explain it so good ):


here is the HTML Code:
Code:

<html>
<head>
<title>Urne's Website - About</title>
<link rel="stylesheet" type="text/css" href="style/style2.css">
<div id="container" style="width:100%;">
<div id="header">
</div>
<div id="left" style="width:30%;float:left;">
<a href="index.html"><img  alt="Home2 (15K)" src="img/Home2.png" height="50" width="200" border= "0px"/></a>
<p><a href="Community.html"><img alt="Community (15K)" src="img/Community.png" height="50" width="200" border= "0px"/></a></p>
<p><a href="Tracks.html"><img alt="Tracks (17K)" src="img/Tracks.png" height="50" width="200" border= "0px"/></a></p>
<p><a href="Videos.html"><img alt="Videos (15K)" src="img/Videos.png" height="50" width="200" border= "0px"/></a></p>
<p><a href="Images.html"><img alt="Images (15K)" src="img/Images.png" height="50" width="200" border= "0px"/></a></p>
<p><a href="Other.html"><img alt="Other (13K)" src="img/Other.png" height="50" width="200" border= "0px"/></a><p/>
<p><a href="Trackup.html"><img alt="Track Updates" src="img/trackup.png" height="50" width="200" border= "0px"/></a><p>
<p><a href="Settings.html"><img alt="Settings (13K)" src="img/Settings.png" height="50" width="200" border= "0px"/></a></p>
<p><a href="Search.html"><img alt="Search (14K)" src="img/Search.png" height="50" width="200" border= "0px"/></a><p>
<p><a href="About.html"><img alt="About (12K)" src="img/About.png" height="50" width="200" border= "0px"/></a></p> 
</div>
</head>
<body>
<div id="main" style="width:70%;">
<h1>Other Things</h1>
</div>
</body>
<div id="footer">

<img alt="Pretty Plant" src="img/Pretty+Plant.png" height="200" width="200" align="right" border= "0px"/>
<p><b><u><h3>Pretty Plant 3D Model</h3></u></b></p>
<p>This plant i made in September, and was made for this website. You can use it if you want to your track, or any other thing, 
but if you want to upload it to your website, then please contact me on my e-mail (look in the readme.txt that comes with the plant).
<br>Convert the plant to any other format if you want, but please keep the readme.txt unmodified, and safe.</br>
<p><a href="dload/Pretty+Plant.zip"><img alt="Download Pretty+Plant.zip" src="img/Download.png" height="50" width="200" border= "0px"/></a>

<hr />
<img alt="Urne's World infodocument" src="img/No+pic.png" height="200" width="200" align="right" border= "0px"/>
<p><b><u><h3>Urne's World Infodocument</h3></u></b></p>
<p>The "Uworld" Project is still going around, and in the beginning i was planning alot, about how the track should be etc.
<br>The infodocument contains pictures, and track information about the 5 tracks Urne's World include. 
Urne's World should be aviable for Download in October/November 2008.</br>
Enjoy the reading! </p>
<p><a href="dload/UW+Project.doc"><img alt="Download UWorld Project.doc" src="img/Download.png" height="50" width="200" border= "0px"/></a>

<hr />
<img alt="Bone Island Light Pack" src="img/No+pic.png" height="200" width="200" align="right" border= "0px"/>
<p><b><u><h3>Bone Island Light Pack</h3></u></b></p>
<p>Alot of people uses wrong Brightness & Contrast settings wich will cause alot of darkness in Bone Island, 
so i made this ligth pack to help all thoose who cant drive this amazing track because it's too dark. 
<br>Hope it helps!</br></p>
<p><a href="http://www.mediafire.com/?xvy1gjwxll1"><img alt="FC" align="right" src="img/FC.png" height="50" width="200" border= "0px"/></a>
<a href="ihttp://www.mediafire.com/?v2ygm4n7cpu.ico"><img align="right" alt="Extreme" src="img/Extreme.png" height="50" width="200" border= "0px"/></a></p>

<hr />
<img alt="Other Pisa Grandprix GFX" src="img/new+pisa.png" height="200" width="200" align="right" border= "0px"/>
<p><b><u><h3>Other Pisa Grandprix GFX</h3></u></b></p>
<p>Before me & Crone made the update pack for Pisa Grandprix, Crone took this nice picture, to use as GFX for Pisa Grandprix.
Please feel free to download, if you like this one better than the 2 other images!</p> 
<p><a href="img/new+pisa.png"><img alt="Full Size" src="img/FS.png" align="right" height="50" width="200" border= "0px"/></a>

</div>
</div>

Is there any way to make this work so everything is aligned the way that the other text are?

The layout of my page, like that of many pages, consists of a bunch of divs inside divs. Whenever I specify the width or height of a div, there appears a space to its left, three pixels wide. This gap also appears when I substitute a standard image (img) for a div.

Some of these divs are floated left; others are not. In the latter case, floating left actually gets rid of the space, but causes other problems as I don't really want those ones floated left.

Setting the borders, margins, or padding to zero (or a negative number) does not affect the 3px gap.

I am using IE7.

Hello!
How can I center the divs and keep this arrangement? I have the bg centered and would like the divs to be also, without using the margin-left tag since it will only look centered on some screens.
Thank you very much for your assistance!

www.rkgrant.co.cc

Hi all,

I want to have a banner image in the top-left corner basically reading "50% OFF ALL PRICES". I want it to overlap the other images/table/text as not to move it about. Just wondering if anybody can point me in the right direction to do this in HTML?


Thanks