HTML - Novice Question - Page Length

hey!
i wonder if any one can help me out?
scroll a little way down this page www.myspace.com/tonyvincent and on the left you will see 4 (clickable) album covers with their 'buy now' and 'itunes' buttons underneath each one. what i want to do is to make it so that the album covers (and their buttons) (instead of being listed one under another) form a box / square type shape. two colums with two in each if you like. can anyone help me code this? i've no idea how to line images up side by side

many thanks in advance for any guidance

ing
x

this is the code as it is now....

<a href=http://cdbaby.com/cd/tonyvincent><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/tonyvincent152x152.png" ></a><br>A Better Way EP<br>Released 2007<br><a href=http://cdbaby.com/cd/tonyvincent><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/Btn_BuyNow.gif" ></a><br><br><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewAlbum?i=264239517&id=264238232&s=143441">
<img height="15" width="61" alt="Tony Vincent - A Better Way - EP" src="http://ax.phobos.apple.com.edgesuite.net/images/badgeitunes61x15dark.gif"></a>
<p>
<a href=http://cdbaby.com/cd/tonyvincent2><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/tonyvincent2152x152.png" ></a><br>One Deed<br>Released 1997<br><a href=http://cdbaby.com/cd/tonyvincent2><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/Btn_BuyNow.gif" ></a><br><br><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewAlbum?i=268702344&id=268701898&s=143441">
<img height="15" width="61" alt="Tony Vincent - One Deed" src="http://ax.phobos.apple.com.edgesuite.net/images/badgeitunes61x15dark.gif">
</a>
<p>
<a href=http://cdbaby.com/cd/tonyvincent3><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/tonyvincent3152x152.png" ></a><br>Tony Vincent<br>Released 1995<br><a href=http://cdbaby.com/cd/tonyvincent3><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/Btn_BuyNow.gif" ></a><br><br><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewAlbum?i=269107343&id=269107333&s=143441">
<img height="15" width="61" alt="Tony Vincent - Tony Vincent" src="http://ax.phobos.apple.com.edgesuite.net/images/badgeitunes61x15dark.gif">
</a><p>
<a href=http://cdbaby.com/cd/tonyvincent4><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/tonyvincent4152x152.png" ></a><br>Love Falling Down EP<br>Released 1993<br><a href=http://cdbaby.com/cd/tonyvincent4><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/Btn_BuyNow.gif" ></a><br><br><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewAlbum?i=269107344&id=269107340&s=143441">
<img height="15" width="61" alt="Tony Vincent - Love Falling Down" src="http://ax.phobos.apple.com.edgesuite.net/images/badgeitunes61x15dark.gif">
</a>

Hiya

I am designing my first website for a charity. I have learnt simple HTML but not that good yet so I am confused on two things:

1. Why can't I see my images, I have been building my site offline and linked to where the images are saved. The other day I could view them and today I can't, I have checked several times that the file route is correct and it is. So why do they just come up with a box and small red x?

2. How do you make words (such as menu navigation) change colour and pop out when you hover over them?

I hope I have posted this in the correct place, forgive me if I haven't but I did not know where else these questions should do.

Any help you can give and also sites that have cool example codes would be great.

Thank you in advance
Michaela

Ok, so I need help coding a mouseover feature for a few graphics

heres a few screen shots to show what I need to do

mouse OFF


mouse ON


here are the image sources in order of appearance:

pink off : http://andrewsass.squarespace.com/storage/phone_off.png

pink on : http://andrewsass.squarespace.com/storage/phone_on.png

orange off : http://andrewsass.squarespace.com/storage/email_off.png

orange on : http://andrewsass.squarespace.com/storage/email_on.png

green off : http://andrewsass.squarespace.com/storage/skype_off.png

green on : http://andrewsass.squarespace.com/storage/skype_on.png

LINKS for graphics

pink : www.whitepages.com

orange : (link to my email) <____A HREF="mailto:andrew@sassnyc.com"></A>

green : www.skype.com


ANY help developing a code would be GREATLY apreciated, Thanks!

Good afternoon,

I am trying to design my own template for Constant Contact, so I can get away from paying a design fee andstill have a good looking template. Anyways, when I view the template I made using Serif PagePlus it looks good, however when I email it to myself from constant Contact all the images are viewed in one row, one by one. I believe the problem is with the code:

<div style="position:absolute; left:2px; top:2px; width:797px; height:151px;">


Can you please help solve my hair pulling issues with the absolute postioning.

I'm sure that title was kinda confusing, but what I meant was how is this achieved?
Typing this into your address bar and opening:
www.mywebpage.com/about/

This doesn't work for me; I don't know how to do it. I have tried putting a index.html in the /about sub folder, but it still doesn't work. I apologize if I have not explained this sufficiently.

Good afternoon,

I am trying to design my own template for Constant Contact, so I can get away from paying a design fee andstill have a good looking template. Anyways, when I view the template I made using Serif PagePlus it looks good, however when I email it to myself from constant Contact all the images are viewed in one row, one by one. I believe the problem is with the code:

<div style="position:absolute; left:2px; top:2px; width:797px; height:151px;">


Can you please help solve my hair pulling issues with the absolute postioning.

Good afternoon,

I am trying to design my own template for Constant Contact, so I can get away from paying a design fee andstill have a good looking template. Anyways, when I view the template I made using Serif PagePlus it looks good, however when I email it to myself from constant Contact all the images are viewed in one row, one by one. I believe the problem is with the code:

<div style="position:absolute; left:2px; top:2px; width:797px; height:151px;">


Can you please help solve my hair pulling issues with the absolute postioning.

I am running into a wall trying to add a sidebar to my tumblr blog.
muttonpizza.com
I could play with the html code enough to tweak my blog (mostly through trial and error and picking things up on w3schools.com). But I want to add a top left sidebar with the "About this Blog" box I now have at the bottom of my page. And maybe a right sidebar with links. I've done a lot of Googling for help and trying different codes I've found to get this but I just don't have the code right and I cannot figure out where to place it in the code page. I do not have a sidebar at present.

I know this should be easy (everything is easy when you know how:-) But I just can't get it to work.

First, please tell me how to post my code here. (Could not find it in FAQ)

Hey guys:
I am new to this and have been catching on real quick. This is for my final project for college and i have one minor issue i have been looking into for the past 20 minutes now. I cannot get the nav bar on the left to align to the top near the banner i had created. Very simple for some but an issue for me. Sorry to bother you guys, and i did search for this issue. Thanks in advanced,

Oh and heres the site:
http://academ.hvcc.edu/~02479568/rude_rsx/photos.htm
Deric

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<style type="text/css">

#nav-menu #photos

{

color: #607650;

font-weight: bold;

}

</style>

<title>Photography</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" href="template.css" type="text/css">

</head>



<body>

<table>

<tr>

<td colspan="2"><img src="img/banner.jpg" alt="cars"></td>

</tr>

<tr>


<td width="218" height="766">
<div id="nav-menu">

<ul>

<li><a href="index.htm" id="home">Home</a></li>



<li><a href="photos.htm" id="photos">Photos</a></li>



<li><a href="mods.htm" id="mods">List of Mods</a></li>



<li><a href="insp.htm" id="insp">Inspirations</a></li>



<li><a href="events.htm" id="events">Events</a></li>



<li><a href="contact.htm" id="contact">Contact Me</a></li>

</ul>

</div>

</td>

<td valign="top" width="488">

<div class="content">

<center><h2>Photos</h2></center>


<p>This page will show you phot's of my vehicle taken my a Nikon D40 SLR Camera.
Pictures taken and photoshopped by M.I.</p>
<BR>
<center><p>(Click Images to Enlarge)</p></center>


<table>
<tr>
<td><a href="img/MyS3.jpg"><img align="left" src="img/MyS3.jpg" border="2" alt="My Rsx" width="200" /></a></td>
<td><a href="img/MyS2.jpg"><img align="left" src="img/MyS2.jpg" border="2" alt="My Rsx" width="200" /></a></td>
</tr>
<tr>
<td><a href="img/MyS1.jpg"><img align="left" src="img/MyS1.jpg" border="2" alt="My Rsx" width="200" /></a></td>
<td><a href="img/MyS4.jpg"><img align="left" src="img/MyS4.jpg" border="2" alt="My Rsx" width="200" /></a></td>
</tr>
<tr>
<td><a href="img/MyS5.jpg"><img align="left" src="img/MyS5.jpg" border="2" alt="My Rsx" width="200" /></a></td>
<td><a href="img/MyS6.jpg"><img align="left" src="img/MyS6.jpg" border="2" alt="My Rsx" width="200" /></a></td>
</tr>
<tr>
<td><a href="img/MyS7.jpg"><img align="left" src="img/MyS7.jpg" border="2" alt="My Rsx" width="200" /></a></td>
<td><a href="img/MyS9.jpg"><img align="left" src="img/MyS9.jpg" border="2" alt="My Rsx" width="200" /></a></td>
</tr>
</table>

</div>

</td>

</tr>

</table>



</body>

</html>



CSS file:

body
{
background-color: #C2C2C2;
margin-left: 100px;

}

.content
{
color: #5D734D;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin-left: 2em;
margin-right: 2em;
}

.leftnav
{
background-color: #C2AD67;
width: 217px;
}

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
height: 45px;
line-height: 45px;
width: 217px;
display: block;
border: none;
border-bottom: 3px solid #000000;
color: #755F3E;
text-decoration: none;
text-align: top;
text-indent: 0.8cm;
}

#nav-menu li a:hover
{
color: #FFFFFF;
font-weight: bold;
background-color: #424242;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none;
}
/* End hide */

#nav-menu
{
width: 217px;
}

Hello all! This is my first post here and after getting little to no help from Yahoo answers I decided to go where the pros are. I want to thank everybody in advance for taking the time to read my question and offer any help. I also want to say that I am not looking for somebody to do the work for me...just point me in the right direction to get started on figuring it out myself.
You know...give a man a fish....blah blah blah.

Now for my question:
I am building a simple HTML template for a friend to use on an auction site. My friend has absolutely no idea of how to edit HTML so to make it easier for her, I want to add forms that will allow her to input her information (item description, shipping and payment terms) and have it applied to the template in the correct place.

I had already received a snippet of code from a helpful fellow that will turn anything typed into the fields into HTML for her to copy and paste. The problem with it though is that it has no format and I cannot figure how to get it to display the code inside of the template I made.

I did a little tweaking of what I had to get the basic setup of the forms and such, but cannot figure out how to place the information from each textarea into the template.

I have done a few hours of research trying to find the answer, but keep coming up empty handed because I have no idea where to even start looking for the answer. Can it be done with HTML or will I have to use another language? (This will be done from her computer so from my understanding php and any other server side stuff will not work.)

The code I'm wanting to use (if possible) is attached as "Formcode.txt". The template I want to use it in is attached as "Template v1.3.txt". The forms do not necessarily need to be placed at those locations but the output needs to be there.

Thank you all so much for taking the time to help!

BTW, I know that there are tons of free WYSIWYG editors out there that she could download and use but this has bugged me to the point that I have to find the solution.

Morning all,
I am workign on a small intranet for my department at work. In creating it, this project has slowly snowballed into a larger project. Like most anything we do in life
The issue I am having, in the front screen, they would like to show our monitoring software, so at first glance you can tell if any servers are up or not etc. using iframes in design mode, it looks great. But when I view the page, the website I am calling in the iframe takes over the whole page. Below is the code, is there any fix or even so a better way of doing this?

Code:

table border="0" width="97%" id="table1" cellspacing="0" cellpadding="0">
	<tr>
		<td width="1063">

<table border="0" cellspacing="5" cellpadding="5" align="left" style="border-left-width: 0; border-top-width: 0; border-bottom-width: 0; width: 74%;" id="table2" height="412">
	<tr>
		<td style="border-right-style: solid; border-right-width: 1; border-left-style:none; border-left-width:medium; border-top-style:none; border-top-width:medium; border-bottom-style:none; border-bottom-width:medium; width: 90%;" valign="top">
		<p class="MsoNormal" align="left">&nbsp;
		<iframe src="https://btdhcp" height="400" width="800" frameborder="0" scrolling="yes"></iframe></p></td>
	</tr>
	</table>

Any assistance or guidance would be greatly appreciated.

Orion

I have link to a new page. I want to set the size of that page so that it's about 3"x4".

Can I do that?

Here's what I got so far

<td class="listing"><div align="left"><a href="display_member.php?member_id=<?php echo $row_listMem['member_id']; ?>" target="_blank"><?php echo $row_listMem['name']; ?></a></div></td>

Hello, I am a page and was wondering how I would align it center in the page without all the formating being messed up. So I was wondering if there was a way to make everything center in the page but look just as it does now, just centered no matter the size of the page. Hope you can help! Thank you in advance.

This is the page I would like the code to center
http://www.primenewscenter.com/updat...ncom&buid=4928

Thanks!

I am fairly new to web design and was wondering what some of the techniques are to
make a page appear to have more on it then it really does. For example, how do you make it appear as if the page contains very little white space? is it best to use a pattern in the background? Is there a way to crop the page to make it smaller?

I'm sure there is a way to go about this but I can't seem to figure it out and I'm not that proficient with html or css so hopefully someone here will able to help me out with this.

Im working on a portfolio site for myself and this is what I have so far http://www.visualonestudios.com

The site contains two main DIV's. One horizonal one for the menu called 'Outer' and one vertical behind it called 'main'. What I want is that the menu section always stays and the content of the main DIV changes depending on what has been selected on the menu. I'm not using any frames so what would be the easiest way to do this and remember I'm html-challenged lol.

Thanks