HTML HEADER (Image + text)

Hi.
I am writing a small code in html header which goes like this
<table1 border="1" >
<tr1>
<td1 width = "25%">
<img1 border="0" src1="#WORKSPACE_IMAGES#image.gif" width="182"
height="46">
</td1>
<td1 width="65%" ><p align="center"><font1 size="6"
color="#FFFFFF">XXXXX</font>
</td1>
</tr1>
</table1>
Problem : I cant control the font size.
Hint : I think image_cell is not allowing text in text_cell to grow (may be bcos of image size).
I tried diff options.. but couldnt figure it out.
Any help is higly appreciated.
pb

hi again,
yes, I could let the servlet call the web service but then I need to parse the request in order to get the SOAP message and then build th new request, then I need to get the reply and transform it and return it to the caller... seems a lot of work.
What I am trying to do is a sort of primitive ESB, all calls to services have to go via the servlet, that will be logging information like caller, method, parameters etc and then forward the request to the right service.
Maybe ther is a better way but I can't think of one...
Thanks,
A.

Similar Messages

Limit to HTML Header text in APEX Page

I have an APEX page that has a fairly large amount of javascript in the HTML header. After I added some more, the page blows up. Is there a limit to how much you can add. It doesn't look like Page 0 has the limitation. Is there one one on either?
What is the best way around this? Adding the individual page javascript to Page 0 or creating a .js that gets included on that page only.
Thanks!

Large page sizes will DESTROY your perceived performance. High performance apps go way out of their way to improve page load times by:
- Minifying or compressing javasript
- Making sure it is cache-able
- Loading the minimum amount of javascript you need for the page to function, then "lazy loading" (background loading) the rest
- Lazy loading all of the JavaScript files you need for the app on the login page or first page to cache them
- Using gzip compression in the app server
- Using a Content Delivery Network (CDN)
- Reducing HTML size using CSS and other techniques
- Reducing the number of network requests for images using CSS sprites. (more info here: http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/ )
Storing JavaScript in the head of the page flies in the face of almost everyone of those concepts. Have a look at this if you have time:
http://developer.yahoo.com/performance/
Tyler Muth
http://tylermuth.wordpress.com
"Applied Oracle Security: Developing Secure Database and Middleware Environments": http://sn.im/aos.book

Can't select text when export in HTML and Images

I am entirely new to Fireworks and I can't find anyone to teach me Adobe Fireworks. I followed some youtube tutorials but most of them are vague. I am still figuring the way to export from Fireworks to Dreamweaver, without affecting its contents like bitmap images and the text. When I export in HTML and Images format and opened the htm file, I can't select the text I've inserted in Fireworks. Can anyone tell me what I should do?

I cant scroll below or above viewable section of text in any of my Macbooks, iMac, Mac Mini. Never have been able to, never could, except by pressing the arrow keys whilst selecting, to move up or down.
Its stupid
I dont have flash installed (never will do since my first virus of video ad sound running in background from Cnet was downloaded and kept returning until i deinstalled flash).
I believe that this is a universal issue because none of my Macs can scroll out of screen when selecting text, which as a webmaster and developer, is a pain in the butt
My issue is not in word documents, its in everything

Image Text Wrapping html/css

Ok, I've searched around and I don't think this is possible but...
Every example of image text wrapping I can find requires that you put the <img> into your html before or after a paragraph. I'd like have it so that I can move my image anywhere on the left side of my div box and the text will flow around it. My concern is that I want my image placed on the left side but in the middle of a paragraph so that text from the paragraph wraps all around it on the top, right, and bottom.
I realize that you can insert an <img> in the middle of the words to the paragraph and float left in css but my problem with that is it seems if the text gets resized in a browser or something it won't naturally flow with the image but yet get stuck there and get funky.
Did I lose you guys? Any ideas? Is this possible?
Thanks again

To answer your question, you can place a floated image anywhere you wish but it will never look or stay exactly where you put it when text size is increased. Remember, print design is static, web design isn't. You can use EMS instead of pixels to keep things a bit more uniform when text sizes change.
Quick & dirty demo of floats with ems.
http://alt-web.com/TEST/float-test-with-ems.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

I am having trouble with the position of my header image across browsers. white space above it in safari, pc, and crome then all to the right in firefox.

nydogworks.net
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>NYDogWorks Long Island Dog Training and Behavior</title>
<meta name="description" content="Serving all of Long Island, Nassau & Suffolk. NYDogWorks specializes in dog training, dog behavior, and puppy training.">
<meta name="keywords" content="dog training, long island dog training, dog trainer, long island dog obedience, puppy training classes">
<link href="css/mainstyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<link href="css/dropdown.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/default.advanced.css" media="screen" rel="stylesheet" type="text/css" />


<link href="css/overlay-apple.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.tools.min.js"></script>
<style>
div.apple_overlay h2 {
margin:10px 0 -9px 0;
color:#222;
font-weight:bold;
font-size:14px;
div.black h2 {
color:#222;
#apple {
margin-top:10px;
float: left;
width: 250px;
padding-right: 10px;
#apple img {
background-color:#fff;
padding:2px;
border:1px solid #ccc;
margin:2px 5px;
cursor:pointer;
-moz-border-radius:4px;
-webkit-border-radius:4px;
body {
margin-right: auto;
margin-left: auto;
</style>
    <script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script><script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-26177215-1']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_preloadImages('images/nydogworks-logo-hover.png','images/training-services-on. jpg','images/behavior-therapy-on.jpg','images/off-leash-training-on.jpg')">
<div id="wrapper"> <div id="header">
<div id="logoBox"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/nydogworks-logo-hover.png',1)"><img src="images/nydogworks-logo.png" alt="NY Dogworks" name="Image3" width="280" height="200" border="0" id="Image3" /></a></div>
<div id="slogan">Serving All of Long Island, Nassau & Suffolk Counties<br />
Also serving Manhattan, Brooklyn & Queens
</div><div id="emailBox">
    <h2><img src="images/calltogetstarted.png" width="473" height="74" alt="Call to get started" /></h2>
    </div><div id="mainNav">
<ul class="dropdown dropdown-horizontal" id="nav" name="nav">
<li><a href="about-ny-dog-works.html">About Us</a></li>
<li><a href="long-island-dog-training-programs.html" class="dir">Training Programs</a>
   <ul>
            <li><a href="basic-obedience.html">In Home Dog Training</a></li>
            <li><a href="dog-behavior-therapy.html">Behavior Therapy</a></li>
            <li><a href="board-and-train-dog-program.html">Board & Train Program</a></li>
            <li><a href="off-leash-training.html">Off Leash Training</a></li>
            <li><a href="puppy-training-program.html">Puppy Training</a></li>
</ul>
</li>
    <li><a href="dog-trainer-testimonials.html" class="dir">Testimonials</a></li>
<li><a href="contact-long-island-dog-trainer.html" class="dir">Contact Us</a></li>
</ul>
</div>
</div>
<div id="container">
<div id="imgholder"><a href="long-island-dog-training-programs.html"><img src="images/main-header.jpg" alt="private dog training long island new york" width="951" height="416" border="0" /></a>
<div id="program1"><a href="long-island-dog-training-programs.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/training-services-on.jpg',1)"><img src="images/training-services.jpg" alt="dog training services" name="Image6" width="315" height="137" border="0" id="Image6" /></a></div>
<div id="program1"><a href="board-and-train-dog-program.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/boarding_training-on.jpg',1)"><img src="images/Boarding_training.jpg" alt="board and train dog program" name="Image5" width="315" height="137" border="0" id="Image5" /></a></div>
<div id="program1"><a href="dog-behavior-therapy.html" onmouseout="MM_swapImgRestore()" onmouseover=
"MM_swapImage('Image7','','images/Behavior_therapy2-on.jpg',1)"><img src="images/Behavior_therapy2.jpg" alt="behavior therapy" name="Image7" width="311" height="137" id="Image7" border="0" align="right" /></a></div>
</div>
<div id="pageContentNoside">
   <div id="sideSub">
     <h2>Dog Training Services<br />
       </h2>
     <ul id="subnav">
       <li><a href="basic-obedience.html">Basic Obedience</a></li>
       <li><a href="dog-behavior-therapy.html">Behavior Therapy</a></li>
       <li><a href="board-and-train-dog-program.html">Board & Train Program</a></li>
       <li><a href="off-leash-training.html">Off Leash Training</a></li>
       <li><a href="puppy-training-program.html">Puppy Training</a></li>
       </ul>
     <br />
     <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2F NYDogWorks%2F219268038151244%3Ffref%3Dts&width=248&height=558&show_faces=true& amp;colorscheme=light&stream=true&border_color=%23FFFFFF&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:248px; height:558px;" allowTransparency="true"></iframe>
     <p><br />
       </p>
     <p> </p>
     <p><img src="images/4449da18fc3aa2f249d17dc90ebd5531.jpg" width="145" height="136" /><br />
     </p>
     </div>
   <div id="mainContentFeature1">
     <h2>Welcome To NY Dogworks</h2>
     <p><img src="images/dog-breaking-through.jpg" alt="new york dog trainer" width="136" height="170" class="h_img_float_right" />Our private one on one training lessons are done at your home by a Professional Certified Trainer and Behavior Expert. The lessons are tailored to fit what you would like done with your puppy or adult dog. <br />
       <br />
       We use a humane, positive and scientifically sound approach that makes it easy for you and your dog to succeed. Our instructions are broken down into simple steps so that everyone can take part in the training and be able to practice as a family. <br />
       <br />
       <span class="employeeName">Call Today for a Free Consultation!!      </span></p>
     <p>Do not have the time or patients to do the Training? Well then NY DogWorks has the answer.. We now do <a href="board-and-train-dog-program.html">Board and Train Programs</a> at our lovely facility in the home of Owner & Trainer Brian DeMartino. It is a 2 to 6 week program that is 100% guaranteed. Your dog will stay with us for no additional fee if we feel that he or she is not ready to graduate. This program can be for Puppy Training, Housebreaking, Socialization / Obedience & Manners / Behavior problems such as Aggression, Anxiety, or Fears / Advanced Off Leash Training / Personal Protection and much more..</p>
     <p>We also <a href="board-and-train-dog-program.html">board dogs</a> at our facility if you are going away and want your family pet to be cared for 24/7 as if he or she was one of our own. Plenty of playtime, walks, individual attention, grooming if needed, comfortable sleeping areas with their own bed, and lots and lots of love.. </p>
     <p>Let us help you have the relationship that you and your dog deserve.. <br />
       <br />
       <strong>We are now accepting</strong><br />
       <img src="images/creditcards.jpg" width="228" height="43" alt="now accepting credit cards" /><br />
       <br />
       <br />
       </p>
     <p><br />
       </p>
     <p><br />
       <br />
      </div>
   <div id="mainContentFeature2">
     <form action="form.php" method="post" name="form2" id="form2"> <table width="279" border="0" cellpadding="2" cellspacing="2">
       <tr>
         <td width="273"><h2>Quick Contact</h2></td>
         </tr>
       <tr>
         <td class="mainContent">Your Name</td>
         </tr>
       <tr>
         <td><span class="style9">
           <input name="forname" type="text" class="colorfieldssmall" id="forname" size="20" />
           </span></td>
         </tr>
       <tr>
         <td class="mainContent">Your Email Address* (required)</td>
         </tr>
       <tr>
         <td><span class="style7 style9">
           <input name="admail" type="text" class="colorfieldssmall" id="admail" size="25" />
           </span></td>
         </tr>
       <tr>
         <td class="mainContent">Phone Number</td>
         </tr>
       <tr>
         <td><span class="style7 style9">
           <input name="phone" type="text" class="colorfieldssmall" id="phone" />
           </span></td>
         </tr>
       <tr>
         <td><span class="mainContent">Type of Dog Training</span></td>
         </tr>
       <tr>
         <td class="mainContent"><span class="style9">
           <select name="need" class="colorfieldssmall" id="need">
             <option value="select one">select one</option>
             <option value="Basic Obedience">Basic Obedience</option>
             <option value="Behavior Therapy">Behavior Therapy</option>
             <option value="Board and Train">Board and Train</option>
             <option value="Off Leash Training">Off Leash Training</option>
             <option value="Puppy Training">Puppy Training</option>
             </select>
           </span></td>
         </tr>
       <tr>
         <td><span class="mainContent">Comments</span></td>
         </tr>
       <tr>
         <td><textarea name="comments" id="comments" cols="24" rows="8"></textarea></td>
         </tr>
       <tr>
         <td><div align="left">
           <input type="submit" name="submit" id="submit" value="Submit" />
           </div>
           </td>
         </tr>
       </table></form>
     <h2><br />
       We are available in the following areas:</h2>
     <p>Long Island, Nassau county, Suffolk county, Manhattan, Brooklyn, Bronx, & Queens.</p>
     <p>**We have pick up and drop off services for your pet for the boarding and boarding and training programs. <br />
       </p>
     <h2>Dog Training Testimonials<br />
       </h2>
     <p>Sending Otis to Brian for the board and train program was the best decision I ever made. After being told Otis could not be helped and that he should be put down, I was devastated. Otis has now been back from Brian's program for a few weeks and is extremely obedient and friendly. He is the same puppy we brought home a couple years ago, but calmer and without any aggression. We work on Otis' obedience daily as well as walk him and put him on the treadmill.   Thanks to Brian, our dog is happy-go-lucky and more approachable. The list goes on and on of how Brian has helped the family, myself, and especially Otis. If you are having issues with your dog, especially behavior and aggression problems, my advice to you is to trust Brian. Your dog will be in good hands with a safe, reliable, responsible, dog lover that will treat your dog like his own.<br />
       <span class="testimonalName"><strong><br />
         Victoria Zilli<br />
         </strong></span><span class="mainContent">Long Island, New York</span><br />
       <br />
       <a href="dog-trainer-testimonials.html">Read more dog training testimonals</a><br />
       <br />
       <br />
      <br /></div>
   <div id="breadCrumbs">
     <p><a href="index.html">Home</a> > Welcome to NY DogWorks New York's Premier Dog Training Company<br />
       <strong>Serving all of Long Island, Nassau & Suffolk County, Manhattan, Brooklyn & Queens</strong>        <br />
       </p>
     </div>
</div>
    <div id="footer">
      <div id="footermenu">
      <div id="footermenu1">
      </div>
    </div>
   <div class="phoneNumber" id="copyright"> Copyright © 2014 NY DogWorks</div>
     <div class="websiteDesign" id="sitedesigner">Long Island Website Design by <a href="http://www.wetribet.com" title="Wet Ribet" target="_blank" class="medlink">Wet Ribet</a>     </div>
</div>
</div>
</div>
</body>
</html>

The issue with that white space is explained by the use of relative positioning of your menu. Remember that relative positioning visually allows you to move an element, but that its "shadow" or "foot print" is retained in the document flow. So it still takes up space where it originally flowed in your content, and this causes the header image to position itself the way it does. Turn off the relative positioning of the menu to see what I mean. A simple solution is to set the #header to relative positioning, and then apply absolute positioning to the menu.
There are other issues with your code. Much of it can be simplified, and you should really stop using ID selectors from this point on, and predominantly use classes instead. The use of ID selectors ought to be limited as much as you can - they force you to write bloated convoluted code.
Try to write DryCSS (Don't Repeat Yourself).
Here is my somewhat cleaned up code. Notice I removed and simplified most of the css selectors. Some have no css properties at all anymore. And be careful that you cannot use re-use the same id selector in your html code: it will not validate. #program1 must become .program1
PS as always, please backup your files before applying these changes! Dreamweaver lacks a history/versioning feature!
*, *:before, *:after {
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
body {
    margin: 0 auto;
    background-color: #203610;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
    font-size: 100%;
    color: #333;
#wrapper {
background: url("../images/wrapbg.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
margin: 0 auto;
width: 951px;
#header {
position: relative;
#mainNav {
background: url("../images/menubg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
bottom: 0;
padding: 0 15px 0 25px;
position: absolute;
right: 0;
width: 510px;
.dropdown li { /* simplify .dropdown li !*/
float: left;
line-height: 2.2em;
.dropdown a { /* simplify ul.dropdown li a !*/
display: block;
font-weight: bold;
padding: 7px 12px;
#container {
background-color: #fff;
border-top: 6px solid #6f9f49;
#imgholder {
.program1 { /* you CANNOT have multiple id selectors sharing the same name! Use classes!!! */
float: left;
width: 315px;
rewrite this in your html:
<div class="pageContentNoside">
    <div class="col-1-3 sideSub">
    <div class="col-1-3 mainContentFeature1">
    <div class="col-1-3 mainContentFeature2">
    <div class="breadCrumbs">
</div>
.col-1-3 {
float: left;
width: 33.3333%;
padding: 25px 15px;
#sideSub {
#mainContentFeature1 {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
#mainContentFeature2 {
#footer {
clear: both;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
font-size: 0.7em;
height: 45px;

How do I get a header image to span the width of the screen without getting distorted?

I've just finished two online classes for Dreamweaver through Ed2go and have a reasonable idea of HTML and CSS. What I'm trying to do is a re-make of my personal web site (www.astral-imaging.com) that I display my astronomy images using all CSS layout and proper HTML coding. The existing site was done long ago using FrontPage and is loaded with tables and nested tables for layout. I need to make several templates for repeated pages but I'm lost on how to create my header banner. I've used Photoshop CS5 to create what I want to use and saved it as a .JPG file. The original canvas size is 1000x200 pixels but I also want the site to use a liquid template so that if the viewer is using a monitor at 1024 width or higher the page will fill the screen.
My target audience is mostly people in astronomy groups that I participate with and their screen resolutions will most like be 1280 and up. The images posted are usually 1000, 2000, and 3000 pixels wide. The reason for this is that there is very faint and small detail in these images and the larger sizes allows the viewer to scroll around in the full sized images to see this detail. There are links so the viewer has a choice of how large an image they want to view. So this explains my rational behind the sizing and I'm left with how to make the header expand without distorting to various sized displays. Below is what I had designed. Am I asking for too much or just a bit too green to know what to do? Any suggestions would be extremely welcomed. The PSD file has the separate 4 layers. What I have though about is the header being multiple images:
the actual background gradient image
the DRO info floated left
Glimpses of Our Universe centered
image floated right
Only issue is I'm not sure if this will work and if so what is the proper coding? I think there needs to be a div container and although I know how to create the div, inserting multiple items into it and using CSS to style them is confusing me. Is there a link to information on DIVs that would help explain this. From what I've seen from my Google searches I haven't seen anything that addresses this. Maybe I need better search terms.
Thanks,
Steve

Nancy,
I appreciate the feed back but this doesn't extend the banner across the page. I understand the header background color filling in the area to the right of the banner image as well as the background color of the body tag. I guess what I'm wondering is if it's possible to have multiple images in the header div tag? I may not even be explaining this correctly. If I were using a table to lay this out it would have 1 row and 3 columns with the gradient image as the background in all 3. I could keep the cell width set to a fixed number for the right and left cell while center cell would be able to span the remainder of the screen width to fill across the top of the page. The hight would adjust to maintain the aspect ratio. Does this make any sense?
Basically the code below is what I'm after but using CSS to lay it out and not a table:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
table {
background-image: url(images/banner_background.png);
text-align: left;
body {
background-color: #000;
.center {
text-align: center;
background-image: url(images/banner_background.png);
.right {
background-image: url(images/banner_background.png);
margin: 1px;
padding: 0px;
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
    <th width="22%" scope="col"><img src="images/DRO_trans.png" width="325" height="200"></th>
    <th width="59%" class="center" scope="col"><img src="images/glimpses-astral.png" width="450" height="120"></th>
    <th width="19%" scope="col"><img src="images/Thor-3rd-300.jpg" width="300" height="198" alt="Thor's Helmet"></th>
</tr>
<tr>
    <td colspan="3"> </td>
</tr>
</table>
</body>
</html>
If it's any help or you are curious, the png files can be downloaded here: http://www.astral-imaging.com/test_images.zip
Thanks,
Steve

Can I change header image on one or more pages of a template site?

Hi all,
I have a site I created in D.W CS3. I'm kicking around the idea of adding an affiliate store. I think I might be better served if the store has a different header image than the main site. I can either create a whole new site for the store, or what I'd rather do for now is just make a new page from the main template, and change the header image just for that page to see how it goes. Does anyone know the code I could use to have a page from template override the CSS and use a new header image just for that one page?
The URL is http://isuckatgolf.net if that is needed.
Thanks!
ken

Take images out of the HTML and put them in the background of your #header div with CSS.
#header {
background: url(header1.jpg) no-repeat
width: xxxpx; /**same width as image**/
min-height: xxxpx; /**same height as image**/
Use embedded CSS on child pages requiring a different background.
<style type="text/css">
#header {
background: url(header2.jpg) no-repeat;
</style>
Nancy O.

Is there a limit to amount of code that can be added to the HTML Header?

I've got several javascript functions in the HTML Header section of the page attributes. I recently added another function and now receive an HTTP 404 Not Found error at runtime when navigating to the page. When I remove the function the error is gone. I don't think there is anything wrong with the function because even when I copy and rename an existing working function, this error occurs...as if I've exceeded some size limit. Any ideas?

I now have a better understanding after reading this thread: Javascript as static file or on filesystem?
As the post indicates, there are essentially two ways of including a .js file:
1) upload as static file to the workspace or application and refer to it using the #APP_IMAGES# or #WORKSPACE_IMAGES# tag.
2) put it on the webserver as a file on the filesystem under the images directory and refer to it using the #IMAGE_PREFIX# tag.
For now (since I don't have permissions to the file server directory) I have created a .js file and uploaded it as a static file in Shared Components. I referenced the file as below, but when I go the page at runtime, none of my functions are being utilized. Is it because the web server is not using this static file yet because of caching? Does it need to be restarted in order to start using the uploaded js file?
<script type="text/javascript" src="#WORKSPACE_IMAGES#apex_selection_criteria_page.js">
</script>

Streaming html with images

Hi there!
I am having some trouble with Data Service that I have created, what it basically does is use templates to generate an HTML page by replacing placeholders and fitting sections together depending on the criteria.
One template looks like this:
<html>
<head>
<meta http-equiv="refresh" content="60" />
<style type="text/css">
</style>
</head>
<body>
<div class="CSSTableGenerator" >
<table>
<tr>
<td>Kiron Interactive<img src="{EventCardImagePath}\Images\Kiron_Logo.png" alt="Mountain View"></td>
</tr>
<tr>
<td>Event Card for {EventCardDateDOW}, {EventCardDateDay}/{EventCardDateMonth}/{EventCardDateYear}</td>
</tr>
<tr>
<td>{EventCardEvents}</td>
</tr>
</table>
</div>
</body>
</html>
What I am having issues with is getting the image to display in the browser, the image is presented as
{EventCardImagePath}\Images\Kiron_Logo.png
in the template, it can be any name or popular format (JPG or PNG)
Currently this is how I am returning the HTML string generated
/// <summary>
/// Method used to Get GSEvents and pass them to the formatter, HTML is then returned using current date
/// </summary>
/// <param name="eventType"></param>
/// <returns>HTML Event Card string</returns>
public System.IO.Stream HTMLEventCardUpcoming(string eventType)
try
//Compile DateTime
DateTime startTime = DateTime.Now;
DateTime endTime = DateTime.Now.Date;
endTime = endTime.AddDays(1).AddTicks(-1);
//Get the events
//Pass events to Adapter
EventCardFormatterAdapter eventform = new EventCardFormatterAdapter();
object htmlEventString;
bool htmlEventStringbool = eventform.TryFormatEventCard(events, startTime, EventCardFormatterAdapter.EventCardFormat.html, out htmlEventString);
string htmlString = htmlEventString.ToString();
byte[] resultBytes = Encoding.UTF8.GetBytes(htmlString);
WebOperationContext.Current.OutgoingResponse.ContentType = "text/html";
return new MemoryStream(resultBytes);
catch (Exception e)
Preferable I would like to be able to specify the local path of the image in the template that's whats currently being done, this is because the template is also used to generate PDFs and that needs the local path but thats working perfectly. Any ideas on
how I can accomplish this?
At the moment images are only working in IE
Thanks in advance

Hi
DaveGreen,
Based on your description, your case related to Web HTML. I am afraid that you posted in an inappropriate forum. Please post in the related forum.
Here is the link
http://forums.asp.net
Thanks for your understanding.
Best regards,
Kristin
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Html to image but wrong font

I found some code to convert an html to an image.
Using the codeexample, i get a nice png-image but it has a wrong font.
I tried changing it in the html-source but it doesn't help.
any idea?
import javax.imageio.ImageIO;
import javax.swing.*;*
*import java.awt.*;
import java.awt.image.BufferedImage;
import java.beans.PropertyChangeEvent;
import java.beans.PropertyChangeListener;
import java.io.File;
import java.io.IOException;
import java.net.URL;
public class Test {
private static volatile boolean loaded;
public static void main(String[] args) throws IOException {
loaded = false;
File mySignature = new File("d:/mypage.htm");
URL url = mySignature.toURI().toURL();
JEditorPane editorPane = new JEditorPane();
editorPane.addPropertyChangeListener(new PropertyChangeListener() {
public void propertyChange(PropertyChangeEvent evt) {
if (evt.getPropertyName().equals("page")) {
loaded = true;
editorPane.setPage(url);
while (!loaded) {
Thread.yield();
File file = new File("d:/ex_mypage.png");
componentToImage(editorPane, file);
public static void componentToImage(Component comp, File file) throws IOException {
Dimension prefSize = comp.getPreferredSize();
BufferedImage img = new BufferedImage(prefSize.width, comp.getPreferredSize().height,
BufferedImage.TYPE_INT_ARGB);
Graphics graphics = img.getGraphics();
comp.setSize(prefSize);
comp.paint(graphics);
ImageIO.write(img, "png", file);
}Here is the html code
<html>
<head>
<title>Test</title>
<style type="text/css">
body {
font-family: Verdana, serif;}
</style>
</head>
<body>
<table border="0" width="700" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" bgcolor="#1D4667" align="center">
<font size="-1" color="#FFFFFF">Title</font></td>
</tr>
<tr>
<td><font size="-1">Normal Text</font></td>
<td><b><font size="-1">Bold Text</font></b></td>
</tr>
</table>
</body>
</html>

I ran your code and the output text looked like it was plain. However, all the Verdana fonts on my system look
pretty close to plain text, so I didn't know wether it was working or not.
So I ran your code but replaced the font with a more stylish one on my system (called "Chiller") in the html file. I got the correct results.
The posiblity then exists that "Verdana, serif" in your html file is not the proper way to reference
the font you're looking for. And if the JEditorPane can't find the font name on your system it defaults to plain text. "Chiller"
seemed to work fine for me.

Header image overlapping menu div tag...

Hi,
I have decided to play some more with Dreamwaver, and started to build a website in it. So far everything went smooth, but I have to place the menu buttons over the header image (which is the background for my buttons in the same time) and noticed that the same header image is overlapping the menu buttons, but only in the editor mode, when I test the website inside my browser the buttons are visible and are ok.
I have tried to set both in positioning to Absolute, and set the z-index...but in the editor mode the header still overlaps the menu buttons.
Here is the source code:
<!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=utf-8" />
<title>InfoSpot</title>
<link href="css/template.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="wrapper">

<div id="header"><img src="images/logo.png" alt="logo" name="logo" width="783" height="167" id="logo" /></div>

<div id="homeBtn">Home</div>

<div id="mainContent">
<p>Lorem ipsum dolor </p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum.</div>
</div>
</body>
</html>
And the css:
@charset "utf-8";
body {
margin: 0px;
padding: 0px;
background-image: url(../images/bg.png);
#wrapper {
width:900px;
height:800px;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
#header {
width:800px;
height:167px;
font-size: 2em;
color:#900;
padding:0em;
margin-left:100px;
float:left;
#homeBtn {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
color:#5a5959;
width:70px;
height:30px;
float:left;
margin-top:-10px;
margin-left:370px;
padding: 3px;
text-align: left;
#mainContent {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
line-height:1.6em;
color: #5a5959;
border:;
margin-top: 70px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 355px;
width: 450px;
float: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
text-align: left;
#mainContent p {
font-family: "Arial", Times, serif;
font-weight:bold;
font-size: 1.6em;
color: #5a5959;
.imagesLeft {
padding: 3px;
clear: left;
float: left;
margin-top: 3px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 5px;
border: 1px solid #CCC;
REGARDS!
vedtam

Hi, and thanks for your response. I did as you said, but the header still overlaps the menu button ( se the attached images).
#header {
width:800px;
height:167px;
font-size: 2em;
color:#900;
padding:0em;
margin-left:100px;
float:left;
background-image: url(../images/logo.png);
Regards
Editor:

Can I dynamically display Page title over a static header image?

Is there a way to Dynamically Display Page Title Text Over my static site Header Image? here is a link so you can see what I am talking about. http://www.bridgestoprosperity.org/See-Our-Work/afghanistan/afghanistan.htm where Afghanistan would be the text to be replaced automatically on each page. Please note, currently, I must create individual headers, insert the page title in photoshop, etc. I am hoping to figure out a way for all this to happen dynamically perhaps by calling the text from the page title info.
Thank you,
Allan

Hi, Allan,
I realize my suggestion is off your point, and you probably have already thought of some of this, hence your question... But, rather than going the dynamic route, Why not create a Header Image without a title on it and use it as a div background image? Replace this
<img src="/See-Our-Work/afghanistan/Images/header/afghanistan-header.jpg" name="topnavbar_r1_c1" width="779" height="114" border="0" alt="bridges to prosperity: afghanistan">
with the styled div, for instance:
<div id="header"><h2>Afghanistan</h2><h3>Bridges to Prosperity: USA</h3><div>
At this point, you can use a more generic image for the background, one that does not have "Afghanistan" embedded in it, and you may style the #header thus:
#header {
     width: 779px;
     height: 114px;
     border: 0;
     background-image: url(/See-Our-Work/Images/header/header.jpg;)/* for instance */
and the header Headline styles thus:
#header h2, #header h3 {
     color: white;
     text-align: right;
     font-family: Arial, Helvetica, sans-serif;
Then you can place your html (<h2>, <h3> etc.) in the same div, only on the "surface".
Using the tags <h2> and <h3> will maintain their usefulness to Search Engines; as hiding them in images does not.
If you still wished to vary the header image, depending on the contents of the page, you can actually control all of this from the CSS file, if you add an id attribute to the <body> of each page.
For instance, for your example page, if you did this:
<body id="afghanistan">
You could then do this in your CSS file:
#header {
     width: 779px;
     height: 114px;
     border: 0;
body#afghanistan #header {
     background-image: url(/See-Our-Work/afghanistan/Images/header/afghanistan-header.jpg);
You could then proceed to have a different background image for each page. (Not your original intention, but now possible).
<body id="pakistan"> would use a CSS style declaration like:
body#pakistan #header {
     background-image: url(...pakistan-header.jpg...etc.);
I am not aware of being able to pass content (other than background images) using CSS, so I would go into each page and put the Headline in html.
But if you were using multiple background images in the header div (one image for afghanistan, another for pakistan, in my example), you can use the same <body id="afghanistan"> for ALL pages about Afghanistan, and thus have the continuity of the same image for all. Likewise, you could id all pages about Pakistan <body id="pakistan">.
I hope this gives you some ideas...
Z

Wordpress Header Image

Trying to edit wordpress theme with Dreamwaver. Have setup all according to tutorials and everything works; however, the header image appears in a box with a question mark in it. I've rechecked the code according to the tutorial and cannot figure out the problem

<?php
* Front to the WordPress application. This file doesn't do anything, but loads
* wp-blog-header.php which does and tells WordPress to load the theme.
* @package WordPress
* Tells WordPress to load the WordPress theme and output it.
* @var bool
define('WP_USE_THEMES', true);
/** Loads the WordPress Environment and Template */
require('./wp-blog-header.php');
and here is the header.php code:
<!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="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title>
<?php wp_title('-',true,'right'); ?>
<?php bloginfo('name'); ?>
</title>
<link rel="Shortcut Icon" href="<?php echo bloginfo('template_url'); ?>/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<div class="bannerArea">
<div class="container">
    <div class="bannernav"><a href="#" >Privacy Policy</a> • <a href="#" >Contact Us</a> • <a href="#" >Site Map</a></div>
    
    <a href="<?php echo get_option('home');?>">
    <img src="images/blog_head.png" width="300" height="83" alt="company blog" border="0" /></a>"    
    <div style="clear:both;"></div>
</div>
</div>

<div class="topnavigationArea">
<div class="container">
    <div class="topnavigationgroup">
      navigation goes here
    </div>
    <div style="clear:both;"></div>
</div>
</div>

Sending Email using both HTML and plain text

I could use some advise on how to start researching email for
both HTML and plain text messages.
I have a script called class.phpMail.php, but the code is
alittle advanced for me. Basically I can't get
it to work on my server and I don't know where to begin the
learning process here.
I talked to my provider, "HOST" company goDaddy.com and I was
told that to connect so that I could send email I would need this
line of code. They didn't say it should by in my php.ini file but
that was where I found it.
SMTP = relay-hosting.secureserver.net
This is the smtp address that my provider uses to make the
connection with my mail client.
I was told that with this line of code I would not need a
password or username
I did some further reseach and I found an article that stated
that my original error:
Warning: fsockopen() expects parameter 2 to be long, string
given in ...../php/class.smtp.php on line 105
was being caused by this code because the $port value needed
to be between 1 - 65365:
$this->smtp_conn = fsockopen($host, # the host of the server
$port, # the port to use ----- "this is line 105"
$errno, # error number if any
$errstr, # error message if any
$tval); # give up after ? secs
In particular the $port value was coming in corrupted and
that I needed to cast it.
I did as they suggested and made it an (int) as they
suggested.
$this->smtp_conn = fsockopen($host, # the host of the server
(int)$port, # the port to use
$errno, # error number if any
$errstr, # error message if any
$tval); # give up after ? secs
It resolved part of the error message however, the other half
of the error message is shown below:
Message could not be sent.
Mailer Error: Language string failed to load: connect_host
What exactly is the connect_host they refer to in this
message?
Would it be the string in my php.ini file refering to the
SMTP = relay-hosting.secureserver.net
I have allot of what I think are disconnected questions as I
really have just begun to work
with the mail() function. If anyone has the time to educate
this newbie into the wonderful
world of email() I would appreciate it.
Thank You
Kevin Raleigh

Sorry to dig up an old post, but we've spent the last few days trying to work out why an email campaign being sent from BC is going into the Junk folder of recipients that use MS Exchange. We've fixed quite a lot of issues, including the fact that Legacy Templates have random JS injected just before they get sent, so we had to switch to the new template system. We've narrowed the issue down to one of three things:
1. A missing alt tag on the tracking image that BC drops into the email (pretty unlikely)
2. The BC Europe IP (54.240.14.45) is blacklisted here: UCEPROTECTL2 (possible, but if you actually look it's not the IP itself, but another IP on the same network, so unlikely)
3. The fact that the HTML email has no text component.
I agree, BC is late on this but I think that it needs to be added, even if most users have HTML-ready email clients, spam checkers do seem to prefer multi-MIME emails.
This is backed up by the following SpamAssassin rule, which we are currently unable to resolve:
-1.105
MIME_HTML_ONLY
Message only has text/html MIME parts
You should also include a text version of your message (text/plain)
So in my opinion, BC do still need to add this as a feature, otherwise the system is not viable for our customers and we'll have to look elsewhere.

Page failure when attempting to save java script in html header

Currently there is java script code for a function that is seeded in the html header of a forms page by apex when the form is generated. This code is for the chicken test for the DELETE button.
The function works as designed, but if I try to "APPLY CHANGES" to the the page definition I get the The page cannot be displayed "Cannot find server or DNS Error". "the url is http://nldg-3.appl.devjones.com:7777/pls/apex/wwv_flow.accept" If I remove the script coding from the HTML header the page will save just fine, but of course no more java script.
I need to add a java script function to the page and I am unable to do so at this time because of this issue. I can reproduce this error on any of the sample apps that I have loaded into apex.
the Apache error log contains:
[Fri Feb 13 06:11:06 2009] [error] [client 172.16.85.122] [ecid: 1234527066:192.168.211.127:31922:0:17188,0] mod_plsql: /pls/apex/wwv_flow.accept HTTP-500 Error Reading Data from Client!!
The Apache access gets:
172.16.85.122 - APEX_PUBLIC_USER [13/Feb/2009:06:23:47 -0600] "POST /pls/apex/wwv_flow.accept HTTP/1.1" 500 653
Apex is version 3.1.2.00.02 and uses on iAS on a Linux server. The Database is 10g. The browser is IE 6.0.2900.2180.
I have been developing for about 3 months in Apex and this is the first issue of this kind that I have run into. Any help will be greatly appreciated as I have no clue at this time.

Luis,
All the forms are created by Apex with a default function in the html header for a delete chicken test as follows:
<scrpt language="JavaScript" type="text/javascript">

Even though the function is already a part of the page, if I try to save it, it will fail. I will look into the "black list" a little deeper. I have asked around abit as I also had suspected that, but so far all the answers were that it should not be a problem. If I take out the "SCRIPT" word I can get the page to save, but of course the code is worthless at that point.
Keith

HTML HEADER (Image + text)

Similar Messages

Maybe you are looking for