Header div and text?

I have a header with text and 2 divs, one div is right aligned and the other is below the main text which is also text and will be hyperlinked, I want the bottom text to be justified across the header but it wont work, I gave it a z value of 2 but still no joy?

Not sure what z has to to with it. It is also hard to visualise what you have done to get the one div to be right aligned. Getting a div to sit below should be quite easy as is hyperlinking. I do see a question mark after what I regard as a statement.
So now my questions to you
What is your question
What does the markup look like

Similar Messages

AdvancedDataGrid view Header color and text

Hi,
I want to change the color of datagrid header as well as change the color of header text(only) not entire column.
i dont know how to do this .please help me boz i m new in flex.

Nevermind, i figured out that you keep the same way of drawing for lines and ovals in graphics2d as in regular graphics...
anyways, I tried this and what happens is that everything turns black... the background does not change...
i think it has something to do with the following important lines:
metabolicImage = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
Graphics2D g;
g = (Graphics2D) metabolicImage.getGraphics();
g.setPaint(Color.white);
then later....
          if (type == 'C')
               StringTokenizer circ = new StringTokenizer(Instr, "\t");
          trash = circ.nextToken(); // get first token C1, C2, etc
          x =     Integer.parseInt(circ.nextToken()); // get circle's x location
          y = Integer.parseInt(circ.nextToken()); // circle's y location
          r = Integer.parseInt(circ.nextToken()); // circle's radius
          g.setPaint( Color.black );
          g.drawOval(x-4,y-4,2*r,2*r);
I think somehow the image has a default background... is there anyway to change the color of the image background?

Can't get DIV to position at bottom of header div

I have created a man nav div inside the header div so that I could position it at the bottom of the header div. I selected the main nav div and applied positioning elements, however, no matter what values I give, the div is unresponsive and stays at the top of the header. Shouldn't I be able to do this? Or do I need to place the nav menu div outside of the header div?
Thanks for some quick feedback.
Samantha

Samantha, can you give us a link to your page, or at least copy in your code (see instructions at the top right of the Forum page). We will be able to give you a MUCH better answer if we can see where you are.
But, without your code, if you place a position: relative; on the header div and a position: absolute; on the nav div, you should be able to include something like bottom: 0;
Here's a small sample of what I am talking about:
<!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>Untitled Document</title>
<style type="text/css">
     div#header {
          width: 300px;
          margin: 0 auto;
          height: 100px;
          background-color: blue;
          position: relative;
          color: white;
          text-align: center;
     div#nav {
          width: 250px;
          height: 40px;
          background-color: white;
          border: solid 1px red;
          position: absolute;
          left: 25px;
          bottom: 0;
          color: red;
</style>
</head>
<body><div id="header">Here is some header text.
<div id="nav">Nav stuff here</div></div>
</body>
</html>
Copy this into a new page on your Dreamweaver and take a look at what it does.
Beth

Hi - Need advice on placing pictures and text within DIV's

I am new to CSS and am creating DIV's to structure my page.
I am trying to do two things and i imagine the solution will be similar or the same for both issues.
Firstly I have created a container DIV in the centre of my page, within that I would like to place pictures and text.
My questions are
How do i get one DIV to sit beside another one? it is defaulting to sitting underneath it, I have adjusted the box size etc.
When adding text I would like it to sit next to the picture (located in the top left corner) it is currently sitting below the picture.
many thanks
Mark

Here is a tut on positioning divs's:
http://www.brainjar.com/css/positioning/
When adding text I would like it to sit next to the picture
You can create a class to float the picture left, something like this:
.pic_left {
    float: left;
    padding: 5px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 5px;
    margin-left: 0;
When it's floated left the text will be next to it.
Your markup would be:
<img src="images/picture.jpg" alt="xxx" width="175" height="165" class="pic_left" />
Then add the text.

Insert images and text in header for responsive design cc

I am having a issue with inserting a logo, company name and Facebook graphic into my header.
I started setup of a responsive design and added a responsive header along with other areas below.
I want the Logo to stay on the left, the company name to the right of the logo and the Facebook graphic on the right side of the header.
I keep making a mess and can't get anything to line up correctly.
I am using Adobe Dreamweaver CC and trying to control with CSS.
I am just starting to learn the new CSS Designer in CC. I liked the old CSS console better.

Basically, you need to float all 3 elements left and give them a width of 33.33% (3-across).
header #logo,
header h1,
header #fb {
     float:left;
     width: 33.33%;
HTML:
<div class="gridContainer fluid">
     <header>
          <div id="logo">Your logo here</div>
          <h1>Your Site Name</h1>
          <div id="fb">Facebook here</div>
     </header>
Nancy O.

DW8 divs and imported text

I am using Dreamweaver 8. When I import paragraphs of text from emails from clients to put in a web page DW8 puts each line in a <div>. How do I keep it in a paragraph? I then have to delete each div to make a paragraph that wraps properly.
Is there a setting or method that can avoid this feature? It is quite annoying.
Cheers! Phil

I am importing the text from my mail client Eudora. At your prompting I found Edit /Paste Special. I found that "Text Only" helps, at least I don't have all the divs but "Text with Structure" does not work. But that's a help. Thanks.
Cheers! Phil

Issue with container divs, and absolute/fixed positioning

Hello everyone, I have an issue getting my divs to function properly. I have a container div and I want the table div to float inside (and move with page resize). Right now it doesnt move with the page (see photo).
However, when I change the position to relative of that div, it moves under the container div and locks itself there.(Second photo)
Any help would be great! Thanks!
Picture one:
Picture two
<!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>davide marchetti architetto</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<link href="ttp://mottie.github.com/tablesorter/css/theme.blue.css" rel="stylesheet">
<script type="text/javascript" src="http://mottie.github.com/tablesorter/js/jquery.tablesorter.js"></script>
<script type="text/javascript" src="http://mottie.github.com/tablesorter/js/jquery.tablesorter.widgets.js"></script>
<script type="text/javascript">
$(document).ready(function()
        $("#myTable").tablesorter();
</script>
<style type="text/css">
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
margin: 0;
padding: 0;
color: #000;
background-image: url();
background-repeat: no-repeat;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color:#414958;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
color: #4E5869;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
width: 80%;
max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
min-width: 780px;
margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
/* ~~ This is the layout information. ~~
1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
.content {
padding: 10px 0;
font-size: x-small;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
body,td,th {
          font-family: "Courier New", Courier, monospace;
          font-size: 12px;
#apDiv1 {
position: relative;
width: 618px;
height: 268px;
z-index: 1;
left: 186px;
top: 147px;
overflow: hidden;
#apDiv2 {
          position: relative;
          width: 698px;
          height: 299px;
          z-index: 1;
          left: 266px;
          top: 117px;
          overflow: scroll;
table.tableizer-table {
border: 1px solid #CCC; font-family: Courier New, Courier, monospace;
font-size: 12px;
.tableizer-table td {
padding: 4px;
margin: 3px;
border: 1px solid #ccc;
.tableizer-table th {
background-color: #000000;
color: #FFF;
font-weight: bold;
#apDiv4 {
position: relative;
width: 697px;
height: 299px;
z-index: 1;
left: -141px;
top: -636px;
overflow: scroll;
#apDiv3 {
position: relative;
width: 700px;
height: 300px;
z-index: 2;
h1,h2,h3,h4,h5,h6 {
font-family: "Courier New", Courier, monospace;
</style>


</head>
<div class="container">
<div class="container"><img src="../images/Davide.png" width="800" height="600" usemap="#Map" border="0" />
    <div id="apDiv2">
      <map name="Map" id="Map">
        <area shape="rect" coords="48,416,125,435" href="../news.html" />
        <area shape="rect" coords="262,416,304,436" href="../studio.html" />
        <area shape="rect" coords="490,416,545,435" href="../projects.html" />
        <area shape="rect" coords="702,415,751,436" href="../contact.html" />
      </map>
      <table id="myTable" class="tableizer-table">
        <thead>
          <tr class="tableizer-firstrow">
            <th>YEAR </th>
            <th>PROJECT</th>
            <th>LOCATION</th>
            <th>CATEGORY</th>
            <th>STATUS</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>2013</td>
            <td>EXPO 2015 - Italian Pavilion</td>
            <td>Milan - Italy</td>
            <td>Culture</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td>2012</td>
            <td>Requalification of "Almerici", "Bufalini" and "Fabbri" Squares</td>
            <td>Cesena - Italy</td>
            <td>Urban planning</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Re-thinking Shanghai: sustainable intervention along the Suzhou Creek</td>
            <td>Shanghai - China</td>
            <td>Mixed use</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>VCC Flat</td>
            <td>Rome - Italy</td>
            <td>Interior design</td>
            <td>Commission / Built</td>
          </tr>
          <tr>
            <td>2011</td>
            <td>London 2012 Olympic Games Information Pavilion</td>
            <td>London - UK</td>
            <td>Culture</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Enhancement project for the sacred area of the sanctuary of Hercules Victor</td>
            <td>Tivoli - Italy</td>
            <td>Culture</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td>2010</td>
            <td>VTL Flat </td>
            <td>Rome - Italy</td>
            <td>Interior design</td>
            <td>Commission / Built</td>
          </tr>
          <tr>
            <td> </td>
            <td>BNC Flat</td>
            <td>Rome - Italy</td>
            <td>Interior design</td>
            <td>Commission / Built</td>
          </tr>
          <tr>
            <td> </td>
            <td>Expansion of the "Farnesina" High School</td>
            <td>Rome - Italy</td>
            <td>Education</td>
            <td>Competition / Selected Project</td>
          </tr>
          <tr>
            <td> </td>
            <td>Neanderthal Art Center</td>
            <td>Pilo�a - Spain</td>
            <td>Culture</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>New pedestrian & cycling footpath in the site of the "San Leopoldo II" old bridge</td>
            <td>Poggio a Caiano - Italy</td>
            <td>Infrastructure</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Proposition 2065 - St. Leonards site</td>
            <td>Sidney - Australia</td>
            <td>Mixed use</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>MEIS - National Museum of Italian Judaism and Shoah </td>
            <td>Ferrara - Italy</td>
            <td>Culture</td>
            <td>Competition / 3rd Prize</td>
          </tr>
          <tr>
            <td> </td>
            <td>36 The Calls Design Competition</td>
            <td>Leeds - UK</td>
            <td>Offices</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Europan 10: masterplan for an harbour area</td>
            <td>Rudk�bing - Denmark</td>
            <td>Urban planning</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td>2009</td>
            <td>"Scuola in Piazza a Levante" - Kindergarten and public areas</td>
            <td>Bisceglie - Italy</td>
            <td>Education</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>CIBAF - City of Kids </td>
            <td>Frattamaggiore - Italy</td>
            <td>Education</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Designing in Teheran</td>
            <td>Teheran - Iran</td>
            <td>Mixed use</td>
            <td>Competition / Selected Project</td>
          </tr>
          <tr>
            <td>2008</td>
            <td>DawnTown 2008: Waterworks</td>
            <td>Miami - USA</td>
            <td>Mixed use</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Venice Biennale New Australian Pavillion</td>
            <td>Venice - Italy</td>
            <td>Culture</td>
            <td>Competition / 1st Prize</td>
          </tr>
          <tr>
            <td> </td>
            <td>New pedestrian and cycling bridge</td>
            <td>Civita di Bagnoregio - Italy</td>
            <td>Infrastructure</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Renovation of "San Ciro" Square</td>
            <td>Portici - Italy</td>
            <td>Urban planning</td>
            <td>Competition / 2nd phase selected / 3rd Prize</td>
          </tr>
          <tr>
            <td> </td>
            <td>Renovation of "Umberto I�" Square</td>
            <td>San Ferdinando di Puglia - Italy</td>
            <td>Urban planning</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Historic Renovation of the "Corsie Sistine" Hospital Wards </td>
            <td>Rome - Italy</td>
            <td>Culture</td>
            <td>Tender Competition (design/bid/build)</td>
          </tr>
          <tr>
            <td> </td>
            <td>Cupboard</td>
            <td>Rome - Italy</td>
            <td>Furniture design</td>
            <td>Commission / Built</td>
          </tr>
          <tr>
            <td> </td>
            <td>Office table and lighting system</td>
            <td>Rome - Italy</td>
            <td>Furniture design</td>
            <td>Commission / Built</td>
          </tr>
          <tr>
            <td> </td>
            <td>New City Library</td>
            <td>Legnano - Italy</td>
            <td>Library</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Office table</td>
            <td>Rome - Italy</td>
            <td>Furniture design</td>
            <td>Concept Design</td>
          </tr>
          <tr>
            <td> </td>
            <td>Volleyball Arena, Hotel and Commercial Spaces</td>
            <td>Rome - Italy</td>
            <td>Mixed use</td>
            <td>Concept Design</td>
          </tr>
          <tr>
            <td>2007</td>
            <td>New Provincial Archaeological Museum in the Santa Scolastica Monastery</td>
            <td>Bari - Italy</td>
            <td>Culture</td>
            <td>Competition / 5th Prize</td>
          </tr>
          <tr>
            <td> </td>
            <td>The City of Water and Health</td>
            <td>Rome - Italy</td>
            <td>Mixed use</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Parkway Iconic Bridge</td>
            <td>Sheffield - UK</td>
            <td>Infrastructure</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Renovation of "Loveno 84" Sport Center</td>
            <td>Menaggio - Italy</td>
            <td>Sport</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>"Guardia di Finanza" Corp Main Headquarters</td>
            <td>Catanzaro - Italy</td>
            <td>Mixed use</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>"Lega Lombarda" Real Estate Complex Urban Development</td>
            <td>Rome - Italy</td>
            <td>Mixed use</td>
            <td>Tender Competition (design/bid/build) </td>
          </tr>
          <tr>
            <td> </td>
            <td>Necklace</td>
            <td>Rome - Italy</td>
            <td>Jewellery design</td>
            <td>Prototype </td>
          </tr>
          <tr>
            <td> </td>
            <td>Moon putter</td>
            <td>Rome - Italy</td>
            <td>Product design</td>
            <td>Prototype</td>
          </tr>
          <tr>
            <td> </td>
            <td>Aleale Coffee Table</td>
            <td>Rome - Italy</td>
            <td>Furniture design</td>
            <td>Concept Design</td>
          </tr>
          <tr>
            <td>2006</td>
            <td>"1st October" Public Square</td>
            <td>Santa Maria Capua Vetere - Italy</td>
            <td>Urban planning</td>
            <td>Competition / 1st Prize / Built</td>
          </tr>
          <tr>
            <td> </td>
            <td>"Attilio Pecile" New Square and Sustainable Mixed Use Building</td>
            <td>Rome - Italy</td>
            <td>Mixed use</td>
            <td>Competition / 1st Prize</td>
          </tr>
          <tr>
            <td> </td>
            <td>Renewal of the "Porta Nuova" Old Tower</td>
            <td>Venice - Italy</td>
            <td>Culture</td>
            <td>Competition / 2nd Prize</td>
          </tr>
          <tr>
            <td> </td>
            <td>"Meno e pi� 4": Civic Center and Pre-school Building</td>
            <td>Rome - Italy</td>
            <td>Mixed use</td>
            <td>Competition / Mention</td>
          </tr>
          <tr>
            <td> </td>
            <td>Urban Renewal of Historic Building and Public Squares</td>
            <td>Conversano - Italy</td>
            <td>Urban planning</td>
            <td>Competition / 2nd Prize</td>
          </tr>
          <tr>
            <td> </td>
            <td>New Seafront and Beach Accesses</td>
            <td>Fregene - Italy</td>
            <td>Urban planning</td>
            <td>Competition / Mention</td>
          </tr>
          <tr>
            <td> </td>
            <td>Requalification of Main Streets and Squares of the Old City Centre</td>
            <td>Bari - Italy</td>
            <td>Urban planning</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Gyeonggi-do Jeongok Prehistory Museum</td>
            <td>Jeongok-ri - South Korea</td>
            <td>Culture</td>
            <td>Competition / Honourable Mention</td>
          </tr>
          <tr>
            <td> </td>
            <td>Low-income housing development</td>
            <td>Guadalajara/Ceuta - Spain</td>
            <td>Residential</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Shop extension</td>
            <td>Rome - Italy</td>
            <td>Retail</td>
            <td>Commission / Concept Design</td>
          </tr>
          <tr>
            <td> </td>
            <td>Temporary Concert Hall</td>
            <td>Rome - Italy</td>
            <td>Culture</td>
            <td>Concept Design</td>
          </tr>
          <tr>
            <td> </td>
            <td>Office Space Interior Design - New Seat of the Lombardy Regional Government </td>
            <td>Milan - Italy</td>
            <td>Office</td>
            <td>Tender Competition (design/bid/build)</td>
          </tr>
          <tr>
            <td>2005</td>
            <td>Europan 8 - Urban Requalification</td>
            <td>Istanbul - Turkey</td>
            <td>Urban planning</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Natural Park Visitor Center, Kindergarten and Primary School</td>
            <td>Funes - Italy</td>
            <td>Education</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Coastal Area Development</td>
            <td>Latina - Italy</td>
            <td>Urban planning</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Requalification of Three Squares</td>
            <td>Benevento - Italy</td>
            <td>Urban planning</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Office and Data Center New Building in the Ministry of Defense headquarters</td>
            <td>Rome - Italy</td>
            <td>Office</td>
            <td>Concept Design</td>
          </tr>
          <tr>
            <td>2004</td>
            <td>JCD Floating Pearl Store</td>
            <td>Tokio - Japan</td>
            <td>Retail</td>
            <td>Competition / 2nd phase selected </td>
          </tr>
          <tr>
            <td> </td>
            <td>Requalifications of Rome�s Beachfront and Coastal Areas</td>
            <td>Ostia - Italy</td>
            <td>Urban planning</td>
            <td>Competition / 1st Prize</td>
          </tr>
          <tr>
            <td> </td>
            <td>40 Apartments Building and Sport Center</td>
            <td>Rome - Italy</td>
            <td>Mixed use</td>
            <td>Competition / 2nd Prize</td>
          </tr>
          <tr>
            <td> </td>
            <td>nMBA New Beaux-Art Museum</td>
            <td>Lausanne - Switzerland</td>
            <td>Culture</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>The Dubai Residence and Hotel Towers</td>
            <td>Dubai - UAE</td>
            <td>Mixed use</td>
            <td>Concept Design</td>
          </tr>
          <tr>
            <td> </td>
            <td>Shoes and Accessories Shop</td>
            <td>Rome - Italy</td>
            <td>Retail</td>
            <td>Commission / Concept Design</td>
          </tr>
          <tr>
            <td>2003</td>
            <td>Pedestrian and cycling Bridge </td>
            <td>Rome - Italy</td>
            <td>Infrastructure</td>
            <td>Competition</td>
          </tr>
          <tr>
            <td> </td>
            <td>Temporary Pavillion for a Car Show</td>
            <td>Rome - Italy</td>
            <td>Retail</td>
            <td>Commission / Concept Design</td>
          </tr>
          <tr>
            <td> </td>
            <td>Belvedere Tower</td>
            <td>Castellammare di Stabia - Italy</td>
            <td>Infrastructure</td>
            <td>Concept Design</td>
          </tr>
        </tbody>
      </table>
    </div>
</div>
</div>
</body>
</html>

#apDiv2 {
    position: absolute;
    width: 698px;
    height: 299px;
    z-index: 1;
    left:50px;
    top: 117px;
    overflow: scroll;
Don't forget to fix your code errors. You're still missing a <body> tag in your markup.
Nancy O.

Aligning two divs and centering them.

so i am running into one main issue with my website. As of now the only two things on my site are a gray image and an image slider. I managed to get them into the same div and next to each other but i need them to both be static and centered by the webpage. I have put them into the same div with class="col-xs-6" and what you see happened. I know that my slider is responsive. They basically need to be next to each other and centered. I am new at making websites but this would help me a lot.
My site: http://rootforsite.azurewebsites.net/ (f12 for code)
I just need them next to each other and centered. Any thoughts?

Copy and paste the following into a new document and view in the browser.
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link href="http://bxslider.com/lib/jquery.bxslider.css" rel="stylesheet" />
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
            <a class="navbar-brand" href="#"><img src="img/logo.png" style="position: relative; top: -7.5px;" /></a> </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
                <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                        <li class="divider"></li>
                        <li><a href="#">One more separated link</a></li>
                    </ul>
                </li>
            </ul>
            <form class="navbar-form navbar-left" role="search">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search" size=60px>
                </div>
                <button type="submit" class="btn btn-default" value="Open Window" onclick="window.open('http://www.cnn.com')">Submit</button>
            </form>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">Link</a></li>
                <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>
<div class="container">
    <div class="row">
        <div class="col-sm-8">
            <ul class="bxslider">
                <li><img src="http://rootforsite.azurewebsites.net/img/Day1.jpg"></li>
                <li><img src="http://rootforsite.azurewebsites.net/img/Day1.jpg"></li>
                <li><img src="http://rootforsite.azurewebsites.net/img/Day1.jpg"></li>
                <li><img src="http://rootforsite.azurewebsites.net/img/Day1.jpg"></li>
            </ul>
        </div>
        <div class="col-sm-4">
            <div class="imagess"> <img src="http://rootforsite.azurewebsites.net/img/pic.jpg" class="img-responsive center-block" />" </div>
        </div>
    </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<script>
$(document).ready(function(){
$('.bxslider').bxSlider();
</script>
</body>
</html>

How do I make the header, content, and footer transparent in Dreamweaver CS6?

I try setting background color to transparent but it just turns white instead. I want to be able to just see my background image and color and have all content "floating" on my web page.
Also on backgrounds, what is the coding for making sure the background is contained within whatever monitor size it is viewed within or will it automatically scale up/down?
Thanks,
Jennifer

I'm just using a basic Dreamweaver page that has some CSS already in the head (haven't done much work on it yet, just trying to get those things transparent first):
<!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></title>



<style type="text/css">

</style></head>
<body>
<div class="container">
<div class="header"><a href="#"><img src="" alt="Insert Logo Here" name="Insert_logo" width="180" height="90" id="Insert_logo" style="background-color: #C6D580; display:block;" /></a>
    </div>
<div class="content">
    <h1>Instructions</h1>
    <p>Be aware that the CSS for these layouts is heavily commented. If you do most of your work in Design view, have a peek at the code to get tips on working with the CSS for the fixed layouts. You can remove these comments before you launch your site. To learn more about the techniques used in these CSS Layouts, read this article at Adobe's Developer Center - <a href="http://www.adobe.com/go/adc_css_layouts">http://www.adobe.com/go/adc_css_layouts</a>.</p>
    <h2>Layout</h2>
    <p>Since this is a one-column layout, the .content is not floated. </p>
    <h3>Logo Replacement</h3>
    <p>An image placeholder was used in this layout in the .header where you'll likely want to place a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>
    <p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
    <p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
</div>
<div class="footer">
    <p>© Moving Harmonies - Site Design by <a href="....">JRH Creative</a></p>
    </div>
</div>
</body>
</html>

Help with placement of images and texts

Hi there everyone, first time in this forum.
Im creating a website for the first time in dreamweaver after using other programmes and have so far created a banner and nav bar across the left hand side. I am unsure on how i am meant to add any content into the actual centre of my page as there is no box there to write in or add pictures and when i create a image or div or table they all just hug the top of my page and refuse to go next to the navigation bar like i need to it! im sure it is simple but i am finding it so much harder to use than any other programme.
Im trying to do a list of pictures and descriptions for my mums business.
any help would be greatly appreciated.
thanks!
Harry

this is my code by the way, i made it as a template and then saved it as a html.
<!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>Untitled Document</title>



<link href="../twoColFixLtHdr.css" rel="stylesheet" type="text/css" />
<link href="../Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<script src="../Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
<style type="text/css">
/* BeginOAWidget_Instance_2141544: #MenuBar */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
    these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
     These assume the following widget classes for menu layout (set in a preset)
    .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
    .MenuBarVertical - vertical main bar; all submenus are pull-right.
    You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
    They only apply to horizontal menu bars:
        MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
        MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
        MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned.
        MenuBarFixedCentered - - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
                        and centered in its parent container.
        MenuBarFullwidth - Grows to fill its parent container width.
    In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
    with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
    there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuBar {
    background-color:#000;
    font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
                                                MenuItem, and MenuItemLabel
                                                at a given level all use same definition for ems.
                                                Note that this means the size is also inherited to child submenus,
                                                so use caution in using relative sizes other than
                                                100% on submenu fonts. */
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    padding:0;
    border-color: #ffffff #ffffff #ffffff #ffffff;
    border-width:0px;
    border-style: none none none none;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
    display:none;
.MenuBarLeftShrink {
    float: left; /* shrink to content, as well as float the MenuBar */
    width: auto;
.MenuBarRightShrink {
    float: right; /* shrink to content, as well as float the MenuBar */
    width: auto;
.MenuBarFixedLeft {
    float: left;
    width: 80em;
.MenuBarFixedCentered {
    float: none;
    width: 80em;
    margin-left:auto;
    margin-right:auto;
.MenuBarFixedCentered br {
    clear:both;
    display:block;
.MenuBarFixedCentered .SubMenu br {
    display:none;
.MenuBarFullwidth {
    float: left;
    width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar .MenuItemContainer {
    padding: 0px 0px 0px 0px;
    margin: 0;     /* Zero out margin on the item containers. The MenuItem is the active hover area.
                For most items, we have to do top or bottom padding or borders only on the MenuItem
                or a child so we keep the entire submenu tiled with items.
                Setting this to 0 avoids "dead spots" for hovering. */
#MenuBar .MenuItem {
    padding: 0px 24px 0px 0px;
    background-color:#cccccc;
    border-width:1px;
    border-color: #cccccc #ffffff #cccccc #ffffff;
    border-style: none solid none solid;
#MenuBar .MenuItemFirst {
    border-style: none none none none;
    border-top-color: #999;
    border-right-color: #666;
#MenuBar .MenuItemLast {
    border-style: none solid none none;
#MenuBar .MenuItem .MenuItemLabel{
    text-align:center;
    line-height:1.4em;
    color:#333333;
    background-color:#cccccc;
    padding: 0px 30px 6px 39px;
    width: 10em;
    width:auto;
    border-color: #033;
    border-top-color: #000;
.SpryIsIE6 #MenuBar .MenuItem .MenuItemLabel{
    width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar .SubMenu .MenuItem {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    font-style: normal;
    background-color:#ffffff;
    padding:0px 2px 0px 0px;
    border-width:1px;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    /* Border styles are overriden by first and last items */
    border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst {
    border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst .MenuItemLabel{
    padding-top: 0px;
#MenuBar .SubMenu .MenuItemLast {
    border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
    padding-bottom: 6px;
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
    text-align:left;
    line-height:1em;
    background-color:#ffffff;
    color:#333333;
    padding: 6px 12px 6px 5px;
    width: 7em;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
    background-color: #999999;
    border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
    background-color: #999999; /* consider exposing this prop separately*/
    color: #000000;
#MenuBar .MenuItemHover .MenuItemLabel{
    background-color: #999999;
    color: #000000;
#MenuBar .SubMenu .MenuItemHover {
    background-color: #cccccc;
    border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
    background-color: #cccccc;
    color: #333333;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
    background-color: #ffffff;
    min-width:0%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
    border-color: #ffffff #ffffff #ffffff #ffffff;
    border-width:0px;
    border-style: none none none none;
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
    top: 100%;    /* 100% is at the bottom of parent menuItemContainer */
    left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
                    and your personal taste.
                    0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
                    on MenuItemContainer and MenuItem on the parent
                    menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
                    the dropdown with the left of the menu item label.*/
    z-index:10;
#MenuBar.MenuBarVertical .SubMenuVisible {
    top: 0px;
    left:100%;
    min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar .MenuLevel1 .SubMenuVisible {
    background-color: #ffffff;
    min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
    top: 0px;    /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
                that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
                vertically 'centered' on its invoking item */
    left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
                negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
                to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
    background-color: #999999; /* consider exposing this prop separately*/
    color: #000000;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
    background-color: #cccccc; /* consider exposing this prop separately*/
    color: #333333;
.SpryIsIE6 #MenuBar .SubMenu .SubMenu /* IE6 selector */{
    margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
/* EndOAWidget_Instance_2141544 */
</style>
<script type="text/xml">

</script>
</head>
<body>
<div class="container">
<div class="header"><a href="#"><img src="../images/demologo.jpg" width="727" height="109" align="middle" /><a href="#"></a><a href="#"></a><a href="#"></a></a></div>
<div class="sidebar1">
<ul class="nav">
      <li><a href="#">OUR PRODUCTS</a></li>
      <li><a href="#">Aprons</a></li>
      <li><a href="#">Cushions</a></li>
      <li><a href="#">Totes</a></li>
      <li><a href="#">Tees</a></li>
      <li><a href="#">Baskets</a></li>
      <li><a href="#">Bags</a></li>
      <li><a href="#">Accessories</a></li>
      <li><a href="#">Wool Rugs</a></li>
      <li><a href="#">Rug Rolls</a></li>
      <li><a href="#">Deck Chairs</a></li>
      <li><a href="#">Tea Towels</a></li>
      <li><a href="#">Mugs</a></li>
      <li><a href="#">Cards</a></li>
    </ul>
    <p> </p>
    </div>
<div class="content">
    <ul id="MenuBar">
<li> <a href="#">Home</a></li>
      <li> <a href="#">Blog</a> </li>
      <li> <a href="#">About Us</a></li>
      <li> <a href="#">Contact Us</a></li>
      <li> <a href="#">About Paypal</a></li>
       </div>
<p>
<script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
      widgetID: "MenuBar",
      widgetClass: "MenuBar MenuBarLeftShrink",
      insertMenuBarBreak: true,
      mainMenuShowDelay: 100,
      mainMenuHideDelay: 200,
      subMenuShowDelay: 200,
      subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
</div>
</script>
<div class="footer">
    <p>Thank you for visiting us</p>
</div>
</div>
</body>
</html>

Getting navigation to position within header DIV

Hi
I am still learning CSS and have tried everything I know but I can't seem to get the left "home" navigation to sit right up to the left side of my header div.
I have tried removing the padding/margin, creating a separate class for the other links to space them out.(link below)
It is probably something simple, any suggestions greatly appreciated.
Many thanks
Mark
http://www.epproductions.co.uk/charliepearcy/

hi
did u try to reset your style of pages as follows
body, div, h1, h2, h3, h4, h5, h6, p, br, ol, span, ul, dt, dl, dd, form, blockquote, fieldset, input {
    padding: 0;
    margin: 0;
/* Removes list-style from lists */
ol, ul {
    list-style: none;
/* Removes text-decoration from links */
a {
    text-decoration: none;
/* Removes border from img */
a img {
    border: none;
try to do dat,
best

Gaps between header/footer and main content

I am building upon a website that somebody else previously worked on. When adding to the main content, gaps appear between the header/footer and the content. How can I fix this?
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>
<title>stitch by stitch needlepoint</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="sbs_style.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>
<body bgcolor="#d0e8fb" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="732" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td><a href="index.html"><img src="images/logo.gif" alt="stitch by stitch" width="316" height="66" border="0" class="logo" /></a></td></tr></tbody></table>
<table width="732" height="629" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tbody>
<tr>
<td colspan="17"><img src="images/bordertop.gif" width="732" height="31" alt="" /></td></tr>
<tr>
<td rowspan="5"><img src="images/events_borderleft.gif" width="36" height="564" alt="" /></td>
<td><img src="images/nav_spacerleft.gif" width="31" height="19" alt="" /></td>
<td><a href="index.html"><img src="images/nav_home.gif" alt="" name="home" width="47" height="19" border="0" id="home" /></a></td>
<td><img src="images/nav_dot1.gif" width="7" height="19" alt="" /></td>
<td><a href="events.html"><img src="images/nav_upcomingevents.gif" alt="" width="114" height="19" border="0" id="events" /></a></td>
<td><img src="images/nav_dot2.gif" width="11" height="19" alt="" /></td>
<td><a href="classes.html"><img src="images/Nav_classes.gif" alt="" width="57" height="19" border="0" id="classes" /></a></td>
<td><img src="images/nav_dot3.gif" width="12" height="19" alt="" /></td>
<td><a href="directions.html"><img src="images/nav_directions.gif" alt="" width="68" height="19" border="0" id="directions" /></a></td>
<td><img src="images/nav_dot4.gif" width="13" height="19" alt="" /></td>
<td><a href="photogallery.html"><img src="images/nav_photogallery.gif" alt="" width="89" height="19" border="0" id="photogallery" /></a></td>
<td><img src="images/nav_dot5.gif" width="12" height="19" alt="" /></td>
<td><a href="customdesign.html"><img src="images/nav_customdesigns.gif" alt="" width="97" height="19" border="0" id="customdesigns" /></a></td>
<td><img src="images/nav_dot6.gif" width="13" height="19" alt="" /></td>
<td><a href="vendors.html"><img src="images/nav_vendors.gif" alt="" width="67" height="19" border="0" id="vendors" /></a></td>
<td><img src="images/nav_spacerright.gif" width="24" height="19" alt="" /></td>
<td rowspan="5"><img src="images/events_borderright.gif" width="34" height="561" alt="" /></td></tr>
<tr>
<td colspan="15"><img src="images/string.jpg" width="662" height="88" alt="" /></td></tr>
<tr>
<td colspan="15"><img src="images/events_hd_upcomingevents.gif" width="662" height="44" alt="" /></td></tr>
<tr>
<td colspan="15" width="662" height="13" bgcolor="#EBECEC"> </td></tr>
<tr>
<td width="662" height="397" colspan="15" bgcolor="#EBECEC" valign="top">
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="140"><br /></td>
<td align="center"></td></tr></tbody></table>
<p align="left" class="events_boldRed"><span class="style1">Charlie Harper Trunk Show</span></p>
<p align="left"><span class="style2">February 2012</span><span class="events_boldRed"><br />
</span></p>
<p align="left"> </p>
<p align="left"><span class="events_boldRed"><span class="style1">Back to Basics II with Tony Mineri</span></span></p>
<p align="left"><span class="style2">March 12, May 14, June 18 & July 19</span></p>
<p align="left"><span class="style2">9:30-4:00 (lunch will be provided</span></p>
<p align="left"><span class="style2">Space is limited - $350.00</span></p>
<p align="left"> </p>
<p align="left"><span class="events_boldRed style1">Tony Mineri Embellishments</span></p>
<p align="left" class="style2">2012 </p>
<p align="left" class="style2">June 3rd & 4th - Full (waiting list only)</p>
<p align="left" class="style2">November 4th & 5th (limited space available)</p>
<p align="left" class="style2">2013</p>
<p align="left" class="style2">June 9th & 10th </p>
<p align="left" class="style2">October 6th & 7th</p>
<p align="left"><span class="events_boldRed"><br />
</span></p></td>
</tr>
<tr>
<td colspan="17"><img src="images/borderbottom.gif" width="732" height="37" alt="" /></td></tr></tbody></table>
<table width="732" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<p align="center"><span class="bottomnav"><a href="index.html">home</a> </span><span class="body_bottomlink">|</span><span class="bottomnav"> <a href="events.html">upcoming events</a> </span><span class="body_bottomlink">|</span><span class="bottomnav"> <a href="classes.html">classes</a> </span><span class="body_bottomlink">|</span><span class="bottomnav"> <a href="directions.html">directions</a> </span><span class="body_bottomlink">|</span><span class="bottomnav"> <a href="photogallery.html">photo gallery</a> </span><span class="body_bottomlink">|</span><span class="bottomnav"> <a href="customdesign.html">custom designs</a> </span><span class="body_bottomlink">|</span><span class="bottomnav"> <a href="vendors.html">vendors </a></span></p></td></tr></tbody></table>
<p> </p>
<p> </p>
<p></p>
<p> </p>
</body>
</html>

This is just a guess, which is what we have to do until we can see the live page, but try changing this -
<p align="left" class="events_boldRed"><span class="style1">Charlie Harper Trunk Show</span></p>
to this -
<p align="left" class="events_boldRed" style="margin-top:0;"><span class="style1">Charlie Harper Trunk Show</span></p>
Does that solve the gap between the header and the main content?
While you're worrying about these gaps, read this -
http://www.apptools.com/rants/spans.php
I see trouble ahead....

How can I add a header to a text file without mapping? [Using only ID]

Hi Experts,
I am doing a scenario in which I want to add a dynamic header to a text file, due to the complications related to the structure, I dont want to create a message type, data type etc so I cant use mapping.
I want to do all the manipuations in Integration Directory itself.
Can you all please help me out in this?
Thanks in advance
Thomas

Hi Experts,
I am new to XI, so only elaborate answers would help me
This is the specific requirement i want;
There is a 'source text file' which is a collection of 1000+ records, I want to make a 'target file' which is a combination of 2 fields, one field will be the dynamically generated name [for the target file] and the other field will be the whole 'source file' content.
From the last response for my question, I understand the dynamic file generation part can be done using java mapping.
Is there anyway by which I can get in the whole content of the source file into a field in the target file?
Thanks in Advance
Thomas

How to send data (file and text both) from jsp to servlet

upload JSP
case 1>> if i am using this <form enctype="multipart/form-data" the file value is comming on the servlet side
         and other vales are not comming when i am using request.get parameter(....);
case 2>> if i am using this <form type="text/html" the "submissionperiod" and "Types" value is comming on the servlet but the file is not comming ........
     How to resolve this issue . i need to send all the three parameter on single submit and retrieve the parameter values in my servlet .
please help !
<form enctype="multipart/form-data" name="form" method="post" action="Upload" >
                <table font size="3" style="color:brown;font-family:Arial" >
                <tr>
                <td>Submission Year:    </td>
                <td><select name="submissionperiod">
                     <option value="">--select--</option>
                     <option value="2000">2000</option>
                     <option value="2001">2001</option>
                     <option value="2002">2002</option>
                     <option value="2003">2003</option>
                     <option value="2004">2004</option>
                     <option value="2005">2005</option>
                     <option value="2006">2006</option>
                     <option value="2007">2007</option>
                     <option value="2008">2008</option>
                     <option value="2009">2009</option>
                </select><label class="Required">*</label></br></td>
                </tr>
                <tr>
                <td>Submission Type :    </td>
                <td><select name="types"   onchange="showDescription()">
                     <option value="">--select--</option>
                     <option value="CRF">CRF</option>
                     <option value="NIR">NIR</option>
                     <option value="NC">NC</option>
                     <option value="SEF">SEF</option>
                </select><label class="Required">*</label></br></td>
               </tr>
               <tr><td></td><td>
               <div id="divTypeDetails">
                <textarea id= "subTypeDes" name="subTypeDes" value=""></textarea></br></br>
              </div>
              </td>
          </table>
          <td>Select a file (< 100 MB):   </td>
          <td><input id="importFile" name="importFile" type="file"></br>
          </td>
          <input type="hidden" name="types">
          <input type="hidden" name="submissionperiod">
          <input type="submit" id="submitButton" name="submit" value="Upload" onclick = "checkUploadValidity();"/>
          <input type="button" name=btncancel id=btncancel value="cancel" onclick= "btncancel_click()"/>
</form>

Both the file and text values are included in the binary inputstream of the request. The parametermap is always empty.
There exist 3rd party API's to parse multipart/form-data streams, such as [Apache Commons FileUpload API|http://commons.apache.org/fileupload].
Read at least the 'User Guide' and 'Frequently Asked Questions' sections.

Is there a way to allow for two lines in "running header (character style)" text variable?

In my "running header (character style)" text variables, some of the items are quite long and take up more space in my header than I have room for - because I have another "running header (character style)" text variable beside it - and I am trying to figure out if there is a way to force that text variable to go into two lines when it runs out of space.
Does anyone know if this is possible?

Sadly, only by adding a forced line break in the variable. Adobe’s engineers are unable to allow long variables to break at the end of a line. Sad, since this is a feature I remember from a Macintosh word processor I used in 1988.

Header div and text?

Similar Messages

Maybe you are looking for