HTML - Trouble With Image Viewer

I'm wondering if there is a way to code html into a newsletter to get the look of the examples on this site:
http://www.dynamicdrive.com/dynamici...tbox/index.htm
without having to host the javascript and CSS pages.

I currently use Constant Contact, but am looking around for other email marketing providers. I spoke to CC today and they said to put the CSS into their stylesheet, but obviously there is no way to put in the images (like the next button) or any of the javascript info.

Basically, my boss wants the images in our newsletter (and the archived version stored on our website) to be able to pop open the images to make them larger. I can put html into the newsletter, but nothing more than what's in the actual page and the stylesheet.

I think my only other option is to make an actual webpage for each of our newsletters, put the link of the in the newsletter that goes out in the mass email so the client is reading it from a webpage rather than their email browser. But our client base isn't that savvy (mostly retired age) and I want to make this as easy for them as possible, and given that they're older, they need to be able to look at bigger images.

My apoligies if this is in the wrong section. I have a jumble of issues and I wasn't sure where to land.

Hello everyone,

I am looking for some HTML help. I am injecting some code into my Squarespace website builder to have my sites banner be a .SWF file. It's simple and it works:

<div style="position:absolute;margin-top:-44px">
<object width="373" height="50">
<param name="movie" value="test_flash_banner.swf">
<embed src="/storage/test_flash_banner.swf" width="373" height="50">
</embed>
</object>
</div>

What I want to do is have it show a jpeg instead of the .swf, if you user can't see .swf files (doesn't have an up to date flash player)

Is there a way to do that?

Hi all --

I'm having an interesting problem. I'm designing a web page that has a navigation banner (home - programs - schedule of events - contact us - downloads) that is made up of a .png for each page (i.e. home.png, programs.png, etc). My page is 1000px wide and all of the navigation banner's images add up to 1000px wide.

I'm using JavaScript to create an onMouseOver and onMouseOut effect on each of the images. The problem that I'm having occurs when I tried to add a link (either by <A HREF= or using an image map). Whenever I add a link to the image, a small (3px) area of white space shows up to the right of the image. This shifts all of my other images 3px to the right (and 3 more for each link I add to subsequent images) thus making the total width of the navigation banner over 1000px and the last image gets shoved to a new line.

I can find no way to get rid of this white space other than to remove the link from the image. There is no property on the page that adds any sort of padding, margins, or borders to images or links, so I can see no property that has to be changed.

Help! How do I get rid of this white space but still keep the link on the image??

[I posted this question on the Adobe forum to no avail, below is a screencap I took of the issue I'm having]

Thanks in advance!
//kl

PS - I am using both IE8 and Chrome to view this webpage. I've set all the margins/padding/borders to 0px. Here is my CSS and the part of the code that pertains to the navigation banner.

CSS:
Code:

<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
background-image: url(images/blue.bg.png);
background-repeat: repeat;
background-color: #009;
}
.oneColFixCtr #container {
width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 0px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
body, td, th {
color: #333;
}
#main_banner2 {
margin: 0px;
padding: 0px;
height: auto;
width: 1000px;
}
-->
</style>
 
</head>

Nav Banner:
NOTE:: below HAS to be all one paragraph because if i insert a carriage return in between images, it also adds the white space...
Code:

<body class="oneColFixCtr">
 
<!-- MAIN NAVIGATION BANNER -->  
<!--HOME--><img src="images/nav/home.png" alt="home" name="home" width="82" height="30" border="0" onMouseOver="document.images.home.src='images/nav/home_over.png'" onMouseOut ="document.images.home.src='images/nav/home.png'"/><!--PROGRAMS--><img src="images/nav/programs.png" width="111" height="30" border="0" name="programs" onMouseOver="document.images.programs.src='images/nav/programs_over.png'" onMouseOut ="document.images.programs.src='images/nav/programs.png'"/><!--SCHEDULE OF EVENTS--><img src="images/nav/scheduleofevents.png" width="189" height="30" border="0" name="scheduleofevents" onMouseOver="document.images.scheduleofevents.src='images/nav/scheduleofevents_ over.png'" onMouseOut ="document.images.scheduleofevents.src='images/nav/scheduleofevents.png'"/><!-- CONTACT US--><img src="images/nav/contactus.png" width="119" height="30" border="0" name="contactus" onMouseOver="document.images.contactus.src='images/nav/contactus_over.png'" onMouseOut ="document.images.contactus.src='images/nav/contactus.png'"/><!--DOWNLOADS--><i mg src="images/nav/downloads.png" width="267" height="30" border="0" name="downloads" onMouseOver="document.images.downloads.src='images/nav/downloads_over.png'" onMouseOut ="document.images.downloads.src='images/nav/downloads.png'"/><!--FACEBOOK--><im g src="images/nav/facebook.png" width="90" height="30" border="0" name="facebook" onMouseOver="document.images.facebook.src='images/nav/facebook_over.png'" onMouseOut ="document.images.facebook.src='images/nav/facebook.png'"/><!--TWITTER--><img src="images/nav/twitter.png" width="67" height="30" border="0" name="twitter" onMouseOver="document.images.twitter.src='images/nav/twitter_over.png'" onMouseOut ="document.images.twitter.src='images/nav/twitter.png'"/><!--BLOGGER--><img src="images/nav/blogger.png" width="75" height="30" border="0" name="blogger" onMouseOver="document.images.blogger.src='images/nav/blogger_over.png'" onMouseOut ="document.images.blogger.src='images/nav/blogger.png'"/><img src="images/home_banner.png" alt="home_border" width="1000" height="7" /><br />

Basically, I am making a website for someone but I am having a bit of DIV trouble.

The part I am having trouble with is the content box.

I have a content box that I need to be fixed (width) and it needs to stretch vertically when there is content on the page that will overfill the original page.
There is then a div under this content which is a footer type image. This needs to move down when the content fills the above box..

I can't get this too work, all it does is strech horizontally, and when I stretch it vertically it just shows up blank...

Any ideas?

Dear friends

i have in big trouble. so i want yours help.

i make one website. i put there many HTML codes.
i put there .. not image click HTML code .. now when i configuration my main page
the HTML codes not opend. but i do inside pages configurations.
but i put ,,, not image click HTML code ,,, on main page
so i want give me HTML code i put on my site. they all HTML code stoped working or dead .when i delet ... not image click HTML code ... after i remove HTML stoped working code.
i hope some 1 help me
awatings yours

I am currently working on a website for my fraternity and am using geocities as a temp service to get my site correct before I get a .org name. For some reason Internet Explorer won't show anything, but when you use Mozilla it shows up just fine. I checked to see if it was just geocities that was messed up, but it did the same thing with cjb.net, so I'm stumped. I don't know what's wrong with my code, everything seems fine, there's no deprecated tags or anything of that nature.

Here's a link to the website. Any help would be greatly appreciated.

First, I'm no expert, but I can work my way around a bit of HTML

If you're familiar with myspace pages, great!

I'm working on a band profile, which is trickier than a user profile (at least, if you want it to look legit):

http://www.myspace.com/489097511

It still needs a lot of work, but the reason I'm looking for help is the bottom of the page (user information, online now, last logged in, general info...etc)

I'm curious as to how I can place a layer over it, on which I can post whatever I want

I can't seem to get a div to cover that area, and if I do, it only ever appears under all the info I want to cover.

Any help is much appreciated!

Hi,

I am putting together a quick site, I don't normally use iframes but wanted to use it for a forum so I could imbed it into my theme.

When I use the iframe code:

Code:

<iframe src="http://www.mypokerbuds.com/Forum" width="675px" height="1000px" frameborder="0">

It works great, but the bottom graphic of my template is missing, you can see the forum page he http://www.mypokerbuds.com/Forum.htm

On the homepage you can see what the bottom graphic is suppose to look like: http://www.mypokerbuds.com/index.html

Does anyone know what is causing this graphic to not show up?

Thanks,
Nick

It's a php script I made that queries my database and puts the data in RSS 2.0 format. The problem is, when I I try to view it, half the time I get this:
http://www.htmlforums.com/attachment...1&d=1202333562

The other half I get it correctly:
http://www.htmlforums.com/attachment...1&d=1202333599

Notice how the before part is exactly what you'd get if you took out all of the takes and linebreaks. The strangest part is that I've compared the source of each version and they are identical. This only happens in Firefox.

I'm having trouble getting the same look for my site in both Firefox and IE.

Currently, the site looks great in Firefox. It looks just as I would like it. The nav links are all lined up on the left, and the login area is nice.

However, when I view it in IE, things are different. The nav links all seem to be centered somehow, causing them to not line up very well. The login area is not as tidy either - the text input boxes are different sizes, even though they are both marked to hold 10 characters.

Anyone have any idea how I can get the look that is working in Firefox to also work in IE?

The website URL is www.learn-korean-now.com

Thanks.

I have this coding:

<table style="display:inline;border-collapse:collapse;border:0"><tr>
<td style="padding:0"><img src="transparent.gif" align="center" width="1" height="200" style="background:red">
</td></tr></table>

But the red line is on the top left when I need it in the center middle.....can someone please help me get it into the center middle..or is there another way of making that line but more easy and simple?


Thanks!

I have a website I dedicated to my daughter. I host on godaddy. I downloaded the guestbook and finally got it to where when you click submit it goes from the addentrty screen to the guestbook so you can view what others write. Only problem is it doesnt add the text from addentry to the guestbook page.

the website:
www.rosenbaumfamily.com

following is the code from the two pages. I know a little about html but i cant seem to find whats missing. I put *** next tot eh lines I think need to be altered.:



addentry code





<html>
<head>
<title>Guestbook - Add Entry</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFCCCC" link="#003399" topmargin="15">
<form method="post" action="guestbook.html">
<p align="center">
<font color="#0000FF"><a href="addentry.html">
<!--webbot bot="Navigation" S-Type="sequence" S-Orientation="horizontal" S-Rendering="graphics" B-Include-Home="FALSE" B-Include-Up="FALSE" U-Page="sid:1001" S-Theme="Ice 0000" startspan --><a href="../../index.htm"><img src="../../_derived/index.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="Home" align="middle"></a> <a href="../../family.htm"><img src="../../_derived/family.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="See My Family" align="middle"></a> <a href="../../about%20me.htm"><img src="../../_derived/about%20me.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="About Me" align="middle"></a> <img src="_derived/addentry.html_cmp_Ice000_hbtn_p.gif" width="154" height="37" border="0" alt="Sign My Guestbook" align="middle"><!--webbot bot="Navigation" i-checksum="59646" endspan --></a></font></p>
<table border="0" cellspacing="0" cellpadding="2" align="center" width="95%">
<tr>
<td height="44" colspan="2" bgcolor="#FFCCCC">
<p align="center"><font size="7" face="Vivaldi"><font color="#003399">
Fallons Guestbook</font></font></td>
</tr>
<tr>
<td width="99%">
<p align="center">
<font face="Verdana, Arial, Helvetica, sans-serif" size="1">Please leave
us a note so that we know you visited our site.</font></p>
<p align="center">
<font face="Verdana, Arial, Helvetica, sans-serif" size="1">Love Dara,
Adam, and Fallon</font></td>
<td width="1%" align="right">&nbsp;</td>
</tr>
<tr>
<td colspan="2" height="27"><font face="Verdana, Arial, Helvetica, sans-serif"><img src="point2.gif" width="9" height="9"><a href="guestbook.html"><font size="1"><b>Back
to Guestbook</b></font></a><b><font size="1"> | <img src="point2.gif" width="9" height="9"><a href="http://localhost/cgi-bin/guestbook.html?admin=enter">Administration</a></font></b></font></td>
</tr>
<tr>
<td colspan="2">
<table border="0" cellspacing="1" cellpadding="4" width="95%" bgcolor="#FFCCCC">
<tr>
<td colspan="2" bgcolor="#00FFFF"><b><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Sign
the Guestbook:</font>
<input type="hidden" name="add" value="new">
</b></td>
</tr>
<tr>
<td bgcolor="#EFEFEF" width="179"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Name*:</font></td>
<td bgcolor="#EFEFEF" width="460">
<input type="text" name="username" size="40" maxlength="40">
</td>
</tr>
<tr>
<td bgcolor="#EFEFEF" width="179"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">E-mail:</font></td>
<td bgcolor="#EFEFEF" width="460">
<input type="text" name="email" size="40" maxlength="40">
</td>
</tr>
<tr>
<td bgcolor="#EFEFEF" width="179"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Homepage:</font></td>
<td bgcolor="#EFEFEF" width="460">
<input type="text" name="url" size="40" value="http://" maxlength="45">
</td>
</tr>
<tr bgcolor="#EFEFEF">
<td width="179"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Your
Message*:</font></td>
<td bgcolor="#EFEFEF" width="460">
<textarea name="message" cols="40" rows="9" wrap="VIRTUAL"></textarea>
</td>
</tr>
<tr bgcolor="#EFEFEF">
<td width="179">&nbsp; </td>
<td bgcolor="#EFEFEF" width="460">
<a href="guestbook.html">
*** <input type="submit" name="Submit" value="Sign Book"></a>
<input type="reset" name="Reset" value="Reset">
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
<div align="center"><font face="Arial, Helvetica, sans-serif" color="#CCCCCC" size="1"><b>Guestbook
Version 1.5<br>
</b></font><b><a href="http://www.proxy2.de"><font face="Arial, Helvetica, sans-serif" color="#CCCCCC" size="1">http://www.proxy2.de</font></a></b></div>
</body>
</html>










guestbook code



<html>
<head>
<title>Guestbook</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
A:hover {text-decoration: underline; color:red;}
-->
</style>
<script language="JavaScript">
<!--
function JumpTo(page) {
self.location.replace(page.menu.options[page.menu.selectedIndex].value);
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" link="#003399" topmargin="15">
<form>
<table border="0" cellspacing="0" cellpadding="2" align="center" width="95%" height="100">
<tr>
<td height="44" width="94%">
<p align="left">
<font color="#0000FF"><a href="addentry.html">
<!--webbot bot="Navigation" S-Type="sequence" S-Orientation="horizontal" S-Rendering="graphics" B-Include-Home="FALSE" B-Include-Up="FALSE" U-Page="sid:1001" S-Theme="Ice 0000" startspan --><a href="../../index.htm"><img src="../../_derived/index.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="Home" align="middle"></a> <a href="../../family.htm"><img src="../../_derived/family.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="See My Family" align="middle"></a> <a href="../../about%20me.htm"><img src="../../_derived/about%20me.htm_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="About Me" align="middle"></a> <a href="addentry.html"><img src="_derived/addentry.html_cmp_Ice000_hbtn.gif" width="154" height="37" border="0" alt="Sign My Guestbook" align="middle"></a><!--webbot bot="Navigation" i-checksum="29614" endspan --></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp; </font>
<b><font face="Verdana, Arial, Helvetica, sans-serif" size="1">
<a href="/cgi-bin/guestbook.html?admin=enter">Administration</a></font></b></td>
<td width="5%" height="44" align="right"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
<b><font face="Verdana, Arial, Helvetica, sans-serif" size="1">
&nbsp;</font></b>
</td>
</tr>
<tr>
<td width="94%" bgcolor="#FFCCCC">
<p align="center"><font color="#003399" size="7" face="Vivaldi">
Fallons Guestbook</font></td>
<td width="5%" align="right">
&nbsp;</td>
</tr>
</table>
<table border="0" cellspacing="1" cellpadding="5" align="center" width="82%">
<tr bgcolor="#BCBCDE">
<td width="32%" bgcolor="#00FFFF"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Name</b></font></td>
<td width="40%" bgcolor="#00FFFF"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Comments</b></font></td>
</tr>
<!--begin -->
</table>
<table width="95%" border="0" cellspacing="1" cellpadding="3" height="35" align="center">
<tr valign="top">
**** <td>&nbsp;</td><href="addentry.html">
</tr>
</table>
<div align="center"><b>
<font face="Arial, Helvetica, sans-serif" size="1" color="#CCCCCC">
<a href="mailto:hockeyman9474@aol.com?subject=from rosenbaumfam.com">contact
webmaster</a></font></b></div>
</form>
</body>
</html>

Hi, Im sorry about this embarrassing problem lol.

Im having trouble with some tables im putting on my page. Im basically wanting to place a table in the top left hand side of the page... and a seperate table on the Right hand side of the page. But i dont know how to do that because it obviously goes underneath eachother lol

I have attached a jpeg to show you how id like my tables .

if somebody could help me with the code that would be great .. thanks


Scott

Hi everyone,

I have a ajax contact form at http://nbveincare.com/contact3.php which is only partly visible . Tabbing through the fields will show all the fields, but there is some problem with proper sizing. Would anyone mind taking a look at this and giving me some pointers on what to do next?

Thank you,

Dan