HTML - Need An Idea For Product Page

Ok, so I have this homepage with some code on it for weather...

Code:

<script src='http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2.asp?partner=netweather&tStyle=normal&logo=0&zipcode=98662&lang=eng&size=9&theme=clouds&metric=0&target=_self'></script>

Lets say you go to homepage.com for this. Could somebody help me make it so I could go to homepage.com/12345 it would insert 12345 into the zipcode field in that script?

Thanks for any help

I am thinking of added a product review on my web site, but I haven't any idea of how to start.

Has anybody done anything like this?

Thanks for any leads you may have.

I have already posted rollover threads, and my problem was solved. However, as I was building my online website, I realised that an end-user has to wait for music files to buffer and load before the sound actually plays.

Basically, my rollover is this:

Code:

  <TD ROWSPAN="1" COLSPAN="1" WIDTH="156" HEIGHT="156"> <a href="javascript:void(0);" onMouseOut="MM_swapImgRestore();stopSound(0);" onMouseOver="MM_swapImage('Image9','','musicplaying.gif',1);playSound(0);"><img src="piece1hit.jpg" name="Image9" width="156" height="156" border="0"></a></TD>

- This plays music and an animation when a mouse is hovered over the original picture.

My problem: when the mouse is hovered over the image, it takes about 30 seconds for the music to start playing as it is loading.

To solve this, I want a line of text to appear when the mouse hovers over the image which lasts about 30 seconds, saying: "Please wait as music buffers."
I have a line of code in mind:
[code]<p class="time" begin="10" dur="5">text</p>[code]

I also have all of the necessary coding to activate this code at the top of my page.

But my question is: how do I put the timed writing, into the mouseover code?

Any suggestions would be greatly appreciated.

Hey everyone. I'm just looking for general opinions or ideas on ways to make this website that I have in mind. I want to create a website similar to Craigslist where people can post things to sell and look for things to buy. And if I find something I like, I can send a message to the seller, but still maintain privacy in the sense that I cannot see the email address the message is being sent to and visa versa. What's a basic way to accomplish creating a site like this? Ideas are much appreciated! Thanks!

Hi everyone!
I am redesigning my website. It is an illustration website, and it needs to have a portfolio.
I need some help with the gallery navigation. I want people to use the arrow keys to move between images, and I want the image to be in the circle. How should I do this? I don't want to use frames, and I also don't want to make an entire new page for each image. Any tips? Thank you!

http://imageupload.org/?d=4DA74E611

So i haven't been able to figure this out and in need of some assistance.Here is the code.want to put them in rows of 2 & columns of 4 but instead it put them in a list.Im sure this is a simple fix.I only have it set up to list 5 products but can set it up for more.If you need the entire page of code just let me know.
The webpage for the code http://www.allyugioh.com/products_list

<!-- Item loop -->
<notag rst:define:img="item1:/ImageUrl" rst:define:notavailable="0" />
<notag rst:ifnot="{img}" rst:define:img="img/noimage.gif" />
<notag rst:if="{item1:/QtyAvailable} le 0" rst:define:notavailable="1" />
<div rst:if="item1:/Title">
<hr/>
<a href="#" rst:content="item1:/Title" rst:href:lid="{item1:@id}" rst:href:pagename="product">name</a><br />
<img border="0" height="100" rst:attr:id="thumb{item1:@id}" rst:attr:src="{img}" src="img/imgb.gif" width="100" /><br />
<div class="prod_details_tab">
<b><i rst:content="{item1:/Price@currency}{item1:/Price}">$1</i><br /></b>
<a href="#" rst:href:lid="{item1:@id}" rst:href:verb="ATC" rst:href:pagename="cart" rst:ifnot="{notavailable}">add to cart</a>
</div>
<i rst:content="">$1</i><br />
<i rst:content="">$1</i><br />
<br /><br />
</div>
</notag>
<!-- Item loop end -->

Just stumbled across Frameset and realised how i could use it in my website to achieve modularity & abstraction, stops code duplication. Also prevents random browsers to look at my web code, good design, right?

I've got a navigation bar that is the same for all pages so i dont want to replicate my code throughout my pages to achieve the same layout.

So is Frameset good or bad?

hello;

I only recently discovered iframes, that you could load a webpage into them;

I have decided to rebuild my online portfolio whereby when a user clicks a thumbnail the appropriate web app will load into the iframe;

however before I go too far down that road I thought maybe someone could mention some pros and cons;

one specific question: is there an alternative??

thanks
dsdsdsdsd

Hi everyone. I've just been working on a little fun project that I wanted to be able to share with my friends, and I figured the easiest way to do that would be to put it up on a website (since the project is on google docs). I've got a lot of the content written, and I got a cheap website and free webhosting. After a few days, I sorted out the issues I had with that (had to get the DNS name to point to my webhost, or something like that), and now I have access to my cpanel. I have some experience with vBulletin code since I used to frequent a forum that used it, but have never used html.

Anyway, since I know nothing about html, I decided to just use a free template. I found one with the basic layout that I want (called Travel Portal), and I figured I could just take the template, replace the words/pictures with what I wanted, and boom, I'd be done. However, it's not working out that way.

Whenever I downloaded the template, here's what it gave me:

PHP Code:
body {
    margin: 0;
    padding: 0;
    background: #E5E5E5;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    color: #666666;
}

blockquote {
    font-style: italic;
}

a {
    color: #135293;
}

a:hover {
    text-decoration: none;
}

.title1 {
    margin: 0;
    padding: 10px 0;
    background: url(images/img07.gif) repeat-x left bottom;
    font-weight: normal;
    font-size: 129%;
    color: #FFFFFF;
}

.title2 {
    margin: 0;
    padding: 10px 0;
    background: url(images/img09.gif) repeat-x left bottom;
    font-size: 227%;
    font-weight: normal;
    color: #135293;
}

.title3 {
    margin: 0;
    padding: 10px 0;
    background: url(images/img11.gif) repeat-x left bottom;
    font-size: 129%;
    font-weight: normal;
    color: #FFFFFF;
}

.boxed {
    padding: 5px 30px 20px 30px;
}

.boxed p, .boxed ul, .boxed ol {
    line-height: 180%;
}

.orange {
    margin: 20px 30px;
    background: #FF9523 url(images/img10.gif) repeat-x;
    color: #FFFFFF;
}

.orange a {
    color: #FFFFFF;
}

.col-one {
    float: left;
    width: 300px;
}

.col-two {
    float: right;
    width: 300px;
}

/* Page */

#page {
    width: 980px;
    margin: 0 auto;
    background: #FFFFFF url(images/img01.gif) repeat-y;
}

/* Sidebar */

#sidebar {
    float: left;
    width: 240px;
}

/* Logo */

#logo {
    height: 220px;
    background: #FFFFFF url(images/img02.gif) repeat-y right top;
}

#logo h1, #logo h2 {
    margin: 0;
    text-transform: lowercase;
    text-align: center;
    font-weight: normal;
    font-style: italic;
    color: #9C9C9C;
}

#logo h1 {
    padding: 100px 0 0 0;
    background: url(images/img03.gif) no-repeat center center;
    font-size: 36px;
}

#logo h2 {
    font-size: 14px;
}

#logo a {
    color: #9C9C9C;
    text-decoration: none;
}

/* Menu */

#menu {
    padding: 20px;
    background: #85C329 url(images/img04.gif) repeat-x;
}

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

#menu li {
    padding: 10px 0;
    background: url(images/img05.gif) repeat-x;
}

#menu li.first {
    background: none;
}

#menu a {
    text-decoration: none;
    font-size: 129%;
    color: #FFFFFF;
}

#menu a:hover {
    text-decoration: underline;
}

/* Login */

#login {
    padding: 20px;
    background: url(images/img06.gif) repeat-x;
}

#login form {
    margin: 0;
    padding: 20px 0 0 0;
}

#login fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

#login label {
    color: #FFFFFF;
}

#inputtext1, #inputtext2 {
    width: 194px;
    margin-bottom: .5em;
    font: bold 100% Georgia, "Times New Roman", Times, serif;
    color: #666666;
}

#inputsubmit1 {
    margin-bottom: .5em;
    font: bold 100% Georgia, "Times New Roman", Times, serif;
    color: #666666;
}

#login a {
    color: #FFFFFF;
}

/* Content */

#content {
    float: right;
    width: 740px;
}

/* Footer */

#footer {
    width: 980px;
    height: 120px;
    margin: 0 auto;
    background: url(images/img12.gif) repeat-x;
}

#footer p {
    margin: 0;
    font-size: 85%;
}

#links {
    float: left;
    width: 220px;
    height: 45px;
    padding: 35px 0 0 20px;
    background: url(images/img13.gif) repeat-x;
}

#links a {
    color: #FFFFFF;
}

#legal {
    float: right;
    width: 720px;
    height: 45px;
    padding: 35px 0 0 20px;
} 


Well, I recognize that as an empty template. But I want it built in the same way that the preview site is built. So I decided to just open up the preview site's html, and change the words/pictures there, figuring it would be identical. The download for Travel Portal comes with the example site, so I figured if I just took the example site and replaced what I want to, it should end up being the same.

Here is the code for the html preview:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
[url]http://www.freecsstemplates.org[/url]
Released for free under a Creative Commons Attribution 2.5 License

Title      : Travel Portal
Version    : 1.0
Released   : 20070618
Description: A two-column, fixed-width template.

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Travel Portal by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page">
	<div id="sidebar">
		<div id="logo">
			<h1><a href="#">Travel Portal</a></h1>
			<h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
		</div>
		<!-- end header -->
		<div id="menu">
			<ul>
				<li class="first"><a href="#">Home</a></li>
				<li><a href="#">Destinations</a></li>
				<li><a href="#">Travel Packages</a></li>
				<li><a href="#">Customer Support</a></li>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Contact Us</a></li>
			</ul>
		</div>
		<!-- end menu -->
		<div id="login">
			<h2 class="title1">Customer Login</h2>
			<form id="form1" method="post" action="#">
				<fieldset>
				<label for="inputtext1">Username:</label>
				<input id="inputtext1" type="text" name="inputtext1" value="" />
				<label for="inputtext2">Password:</label>
				<input id="inputtext2" type="password" name="inputtext2" value="" />
				<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign In" />
				<p><a href="#">Forgot your password?</a><br />
					<a href="#">Register for Free!</a></p>
				</fieldset>
			</form>
		</div>
	</div>
	<!-- end sidebar -->
	<div id="content">
		<div><img src="images/img08.jpg" alt="" width="740" height="220" /></div>
		<div class="boxed">
			<h1 class="title2">Welcome to Our Website!</h1>
			<p><strong>Travel Portal</strong> is a free template from <a href="http://www.freecsstemplates.org/">Free CSS Templates</a> released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a>. The header photo is from <a href="http://www.pdphoto.org/">PDPhoto.org</a>. You're free to use it for both commercial or personal use. I only ask that you link back to my site in some way. <em>Enjoy :)</em></p>
			<h3>Curabitur Sem Urna</h3>
			<p>Vel consequat, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdie:</p>
			<blockquote>
				<p>&ldquo;In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula.Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh.&rdquo;</p>
			</blockquote>
		</div>
		<div class="boxed orange">
			<div class="col-one">
				<h2 class="title3">Lorem Ipsum Dolorem</h2>
				<ul>
					<li><a href="#">Semper vestibulum</a></li>
					<li><a href="#">Vestibulum luctus</a></li>
					<li><a href="#">Integer rutrum</a></li>
					<li><a href="#">Etiam malesuada</a></li>
					<li><a href="#">Elementum facilisis</a></li>
					<li><a href="#">Ut tincidunt</a></li>
					<li><a href="#">Odio sagittis</a></li>
				</ul>
			</div>
			<div class="col-two">
				<h2 class="title3">Lorem Ipsum Dolorem</h2>
				<ul>
					<li><a href="#">Semper vestibulum</a></li>
					<li><a href="#">Vestibulum luctus</a></li>
					<li><a href="#">Integer rutrum</a></li>
					<li><a href="#">Etiam malesuada</a></li>
					<li><a href="#">Elementum facilisis</a></li>
					<li><a href="#">Ut tincidunt</a></li>
					<li><a href="#">Odio sagittis</a></li>
				</ul>
			</div>
			<div style="clear: both;">&nbsp;</div>
		</div>
	</div>
	<!-- end content -->
	<div style="clear: both;">&nbsp;</div>
</div>
<!-- end page -->
<div id="footer">
	<p id="legal">Copyright &copy; 2007 Travel Portal. All Rights Reserved. Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
	<p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>

But for some reason that I couldn't even begin to guess, it didn't work at all. Here is what happened when I took what is supposed to be the identical html file and uploaded it to my website:

http://www.avatarsrd.com/

I'm also hoping to have drop-down lists for each category in the green section, but if that's not some easy code then that's ok, don't worry about that part. I'm just trying to get the basics down right now. Any help would be greatly appreciated!

I just put this site online:

http://brightfutures.ca/international



It works properly in all the firefoxes and chromes, and Internet Explorer 8 and 9.

The problem is that I'm losing the columns and some of the formatting when I view it in Internet Explorer 7. I'm even getting a broken image link icon! I have to look at it through an emulator (browserling), or get a coworker to send me screenshots, since I'm on a Mac. So, you can imagine, it's super hard for me to figure out how to solve this, especially since I'm not an expert on dated browser compatibility.

Any idea on how I can fix this? Any help on how I can change/make some code to fix this would be awesome and really appreciated.


Here's IE7:







Here's IE8:

Well ive been coding games for BYOND (Build your own network dream) for a while it wasnt that dificult to grasp the coding style and i just recently started coding for windows phone 7 XNA games. Well as i was talking about coding for wp7 me and my friend came up with a really good idea for a new social networking website nothing like myspace or facebook so hey, what do we have to lose? Well the past 2 days ive learned basic HTML coding but i have no idea where to start. I really need help. Where do i run the HTML code i make to see how it would test as a web site is one of the main things i cant seem to figure out. I also need to know how to make different pages within the website Please help it would be greatly appreciated.

i want to develop a mouse trail that just looks kind of like you just drew a line. then, the line will slowly (but constantly) disappear from where it started. i had the idea, i thought it would be neat (and simple enough), then i found a site that had it. it was in flash though. this is the site so you can see what i want:

(here you have to click and drag to see it)
http://www.notwist.com/flash/main.html


please help me get this trail.

I'm working on a customer's website and I've entered 10 new products. The most she has in any one category is 8 (2 rows of 4) so its not on any other page. I entered the products and the first 8 show like normal, the 9th thumb skips 3 spaces and then the 10th jumps to the next line.

Here's the page: http://www.vgeecosmetics.com/product_list.php?typeId=51

Same thing in FireFox, IE, Opera and Safari so I don't think this is a browser issue. I can't see anything in the PHP or HTML that would cause this. Can anyone help?

So I designed some websites in Photoshop and I'm still learning it, but recently I saw many people talking about Fireworks and how it is a way better way of producing web design work than Photoshop.
They say FW is a more efficient tool, as it was strictly built to create web design. That in terms of web design, it can do everything Photoshop can, but in a more simple way.
Is it true?
If it is, I think learning Fireworks is a good idea.
But..there are soooo many Photoshop tutorials and so much less Fireworks tutorials. And that's my second question: Can I apply Photoshop web design tutorials to Fireworks? I mean, can I watch/ read Photoshop tutorials and figure out how to do the exact same things in Fireworks?

I'm a newbie and I have a simple question.
I designed a simple html page.

The goal of the page was to place a YouTube player inside graphics that make it look like a tv....sounds pretty simple right? So I built a bunch of tables and graphics 4 times and still am getting the same results! Random spaces appear and distort the page. I'm about to launch my PC out the window!

The distortion appears to happen on IE & Mozilla but not using Google Chrome.

Below is a graphic showing the page and the 2 spaces that appear randomly.


I also listed the URL where the webpage is located...hopefully somebody can look at the page source and explain what the heck I am missing.

Thanks for any help you can give me.
Joel

Webpage Address:
http://www.genesismktg.com/player/gt-player2.html