Form outline appears below its containing div

I am creating a header section above both the nav and
maincontent divs.
Inside this header div are two additional divs and they are
"sitename" which is floated to the left and "search" which is
floated to the right. Both sitename and search should appear on the
same horizontal line. The header div has a border on the bottom so
the content in sitename and search should appear above this border.
For some reason, a portion of the outline of my search div
falls below the outline of the header div which is supposed to
contain this search div. Inside the search div is a form textbox to
search the contents of the entire site. This form is outlined by a
red dotted line and this is the part which falls halfway below the
header div. I do not know why this is. It looks ok when I preview
the page in Internet Explorer but I fear I am going about something
the wrong way and it makes my design mode look sloppy and possibly
push things around further down the page. Below is a picture of
what I am talking about.
http://i6.tinypic.com/89tpee0.jpg

Have you tried using css to zero out the margin and padding
on the form tag?
form {
margin: 0;
padding: 0;
Johnny the boy wrote:
> I am creating a header section above both the nav and
maincontent divs.
>
> Inside this header div are two additional divs and they
are "sitename" which
> is floated to the left and "search" which is floated to
the right. Both
> sitename and search should appear on the same horizontal
line. The header div
> has a border on the bottom so the content in sitename
and search should appear
> above this border.
>
> For some reason, a portion of the outline of my search
div falls below the
> outline of the header div which is supposed to contain
this search div. Inside
> the search div is a form textbox to search the contents
of the entire site.
> This form is outlined by a red dotted line and this is
the part which falls
> halfway below the header div. I do not know why this is.
It looks ok when I
> preview the page in Internet Explorer but I fear I am
going about something the
> wrong way and it makes my design mode look sloppy and
possibly push things
> around further down the page. Below is a picture of what
I am talking about.
>
>
http://i6.tinypic.com/89tpee0.jpg
>
>

Similar Messages

Centering an image inside its container

Hi,
I have been placing several images with text on a web page on which I have been using CSS3 to float the images either left or right so that my text wraps around the image.
Now, at the bottom of this same page, I want to add a wider image that I do not want to wrap text around. I just want the image to centered on my page (or in its container I guess I should say, which is a div).
If anyone could tell me the best way to do this, I would greatly appreciate it.
Thanks in advance,
Paul

Thank you Ken,
I created the .clearing rule as you suggested and added the <hr class="clearing" /> after the end of the paragraph that wraps around my second (and final) floated image.
After the <hr class="clearing" />, I have my image reference for the image I want to be centered inside its containing DIV as follows....
<hr class="clearing" />
<p><img src="Images/pk_38_41_43.jpg" alt="Membrane Casting Line" width="612" height="367" class="center"/></p>
...the class="center" is a class I created where I set the left and right margins to "auto", hoping that this would do the job. This didn't work. My image appears all the way to the left. If you can give me a hint what I should do to get it centered, I'd really appreciate it.
Thanks again for your help,
Paul

Form Field Appear on Value Entered

I am running Coldfusion 9 and building a website using Dreamweaver from CS5.
Is there a way to make a form field appear only if a certain value was entered into the previous form field? If so how? For example I am creating a registration page and one of the form fields is "Property Type" where the user can choose from "Residential, Commercial, Other" from a drop down menu and if the user chooses "Commercial" I want an additional field to pop up for the user to enter a value in "Company Name"??? Thanks for your help

WolfShade,
My apologizes for posting this question in the wrong forum. Since I have already started the discussion here I will ask you my question here still. I put in the lines of code you suggested however when I go to the drop down list and select "Commercial" no text input box appears for the Company Name field. If you have a min I will post my code below. Your help is very much appreciated. I should let you know I also tried adding the on change to the actual option tag for commerical i.e <option onChange...>Commercial</option> and still did not appear. I put the work area in red text hope it helps.
<cfif IsDefined("FORM.username")>
<cfquery name="MM_search" datasource="Access">
    SELECT Logininfo.Username FROM Logininfo WHERE Logininfo.Username=<cfqueryparam value="#FORM.username#" cfsqltype="cf_sql_clob" maxlength="50">
</cfquery>
<cfif MM_search.RecordCount GTE 1>
    <cflocation url="taken.cfm?requsername=#FORM.username#" addtoken="no">
</cfif>
</cfif>
<cfset CurrentPage=GetFileFromPath(GetBaseTemplatePath())>
<cfif IsDefined("FORM.MM_InsertRecord") AND FORM.MM_InsertRecord EQ "customer">
<cfif IsDefined('form.propertytype') and len(form.propertytype) NEQ 0>
<cfset #CustomerTypeRefFullName#=form.propertytype/>
</cfif>
<cfif IsDefined('form.companyname') and len(form.companyname) NEQ 0>
<cfset #CompanyName#=form.companyname/>
</cfif>
<cfif IsDefined('form.salutation') and len(form.salutation) NEQ 0>
<cfset #Salutation#=form.salutation/>
</cfif>
<cfif IsDefined('form.firstname') and len(form.firstname) NEQ 0>
<cfset #FirstName#=form.firstname/>
</cfif>
    <cfif IsDefined('form.lastname') and len(form.lastname) NEQ 0>
    <cfset #LastName#=form.lastname/>
    </cfif>
<cfset Name=#FirstName#&''&#LastName#/>
<cfset BillAddressAddr1=#Salutation#&' '&#FirstName#&''&#LastName#/>
    <cfif IsDefined('form.streetaddress') and len(form.streetaddress) NEQ 0>
    <cfset #BillAddressAddr2#=form.streetaddress/>
</cfif>
    <cfif IsDefined('form.city') and len(form.city) NEQ 0>
    <cfset #BillAddressCity#=form.city/>
    </cfif>
    <cfif IsDefined('form.state') and len(form.state) NEQ 0>
    <cfset #BillAddressState#=form.state/>
    </cfif>
<cfif IsDefined('form.zipcode') and len(form.zipcode) NEQ 0>
    <cfset #BillAddressPostalCode#=form.zipcode/>
    </cfif>
<cfset Contact=#FirstName#&''&#LastName#/>
<cfif IsDefined('form.dayphone') and len(form.dayphone) NEQ 0>
    <cfset #Phone#=form.dayphone/>
</cfif>
<cfif IsDefined('form.eveningphone') and len(form.eveningphone) NEQ 0>
    <cfset #AltPhone#=form.eveningphone/>
</cfif>
<cfif IsDefined('form.email') and len(form.email) NEQ 0>
    <cfset #Email#=form.email/>
</cfif>
<cfquery datasource="QBs">
    INSERT INTO Customer (CustomerTypeRefFullName, CompanyName, Salutation, FirstName, LastName, Name, BillAddressAddr1, BillAddressAddr2, BillAddressCity, BillAddressState, BillAddressPostalCode, Contact, Phone, AltPhone, Email)
VALUES (
<cfqueryparam value="#CustomerTypeRefFullName#" cfsqltype="cf_sql_varchar" maxlength="41"/>,
<cfqueryparam value="#CompanyName#" cfsqltype="cf_sql_varchar" maxlength="41"/>,
<cfqueryparam value="#Salutation#" cfsqltype="cf_sql_varchar" maxlength="15"/>,
<cfqueryparam value="#FirstName#" cfsqltype="cf_sql_varchar" maxlength="41"/>,
<cfqueryparam value="#LastName#" cfsqltype="cf_sql_varchar" maxlength="41"/>,
<cfqueryparam value="#Name#" cfsqltype="cf_sql_varchar" maxlength="50"/>,
<cfqueryparam value="#BillAddressAddr1#" cfsqltype="cf_sql_varchar" maxlength="50"/>,
<cfqueryparam value="#BillAddressAddr2#" cfsqltype="cf_sql_varchar" maxlength="50"/>,
<cfqueryparam value="#BillAddressCity#" cfsqltype="cf_sql_varchar" maxlength="50"/>,
<cfqueryparam value="#BillAddressState#" cfsqltype="cf_sql_varchar" maxlength="25"/>,
<cfqueryparam value="#BillAddressPostalCode#" cfsqltype="cf_sql_varchar" maxlength="13"/>,
<cfqueryparam value="#Contact#" cfsqltype="cf_sql_varchar" maxlength="41"/>,
<cfqueryparam value="#Phone#" cfsqltype="cf_sql_varchar" maxlength="15"/>,
<cfqueryparam value="#AltPhone#" cfsqltype="cf_sql_varchar" maxlength="15"/>,
<cfqueryparam value="#Email#" cfsqltype="cf_sql_carchar" maxlength="75"/>
</cfquery>
<cfif IsDefined('form.firstname') and len(form.firstname) NEQ 0>
<cfset #FirstName#=form.firstname/>
</cfif>
<cfif IsDefined('form.lastname') and len(form.lastname) NEQ 0>
<cfset #LastName#=form.lastname/>
</cfif>
<cfif IsDefined('form.username') and len(form.username) NEQ 0>
<cfset #Username#=form.username/>
</cfif>
<cfif IsDefined('form.password') and len(form.password) NEQ 0>
<cfset #Password#=form.password/>
</cfif>
<cfquery datasource="Access">
INSERT INTO Logininfo (FirstName, LastName, Username, Password)
VALUES (
<cfqueryparam value="#FirstName#" cfsqltype="cf_sql_varchar" maxlength="41"/>,
<cfqueryparam value="#LastName#" cfsqltype="cf_sql_varchar" maxlength="41"/>,
<cfqueryparam value="#Username#" cfsqltype="cf_sql_varchar" maxlength="41"/>,
<cfqueryparam value="#Password#" cfsqltype="cf_sql_varchar" maxlength="41"/>
</cfquery>
<cflocation url="login.cfm">
</cfif>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>TS Landscaping LLC</title>

<link href="styles/Main.css" rel="stylesheet" type="text/css">
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">

<script type="text/javascript">function showHideInput(ddValue,txtFld) {
if(toLowerCase(ddValue) == "commercial") {
     txtFld.style.display = '';
else {
     txtFld.style.display = 'none';
     txtFld.value = '';
</script>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationConfirm.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationSelect.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryValidationConfirm.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="Container">
<div id="header"><img src="Images/Website-Image.gif" width="393" height="217" alt="TS Landscaping Logo and Name of company"></div>
<div id="menu_bar1">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="index.html">Home</a>
        <ul>
          <li><a href="#">Item 1.1</a></li>
          <li><a href="#">Item 1.2</a></li>
          <li><a href="#">Item 1.3</a></li>
        </ul>
      </li>
      <li><a href="about_us.html">About Us</a></li>
      <li><a href="#">Services</a></li>
      <li><a class="MenuBarItemSubmenu" href="#">User Account</a>
        <ul>
          <li><a href="login.cfm">Login</a></li>
          <li><a href="registration_page.cfm">Register</a></li>
          <li><a href="members_page.cfm">Customer Page</a></li>
        </ul>
      </li>
      <li><a href="contact_us.html">Contact Us</a></li>
    </ul>
</div>
<div id="Main">
    <div id="side_bar">Content for id "side_bar" Goes Here</div>
    <div id="main_body">
<h1>Welcome to our sign up Page!</h1>
<p>Please fill out the form below to register with out site and gain access to our members account page.</p>
<form name="customer" action="<cfoutput>#CurrentPage#</cfoutput>" method="POST" id="customer"><table width="auto" border="0" align="center">
<tr>
<td><label for="propertytype">
<div align="right">Property Type:</div>
</label></td>
    <td><select onChange="showHideInput(this.options[this.selectedIndex].value,'companyname');" name="propertytype" id="propertytype" accesskey="n" tabindex="02">
      <option selected>Residential</option>
      <option >Commercial</option>
      <option>Other</option>
    </select></td>
</tr>
<tr>
<td><label for="companyname">
<div align="right">Company Name:</div>
</label></td>
    <td><span id="sprytextfield11">
      <input type="text" name="companyname" id="companyname" accesskey="n" tabindex="03" style="display:none;">
</span></td>
   </tr>
<tr>
    <td><label for="salutation">
      <div align="right">Salutation:
        </label>
      </div></td>
    <td><select name="salutation" id="salutation" accesskey="n" tabindex="04">
      <option selected>Mr.</option>
      <option>Mrs.</option>
      <option>Ms.</option>
    </select></td>
</tr>
<tr>
    <td><label for="firstname">
      <div align="right">First Name:
        </label>
      </div></td>
    <td><span id="sprytextfield1">
      <input type="text" name="firstname" id="firstname" accesskey="n" tabindex="05" />
      <span class="textfieldRequiredMsg">A value is required.</span></span></td>
</tr>
<tr>
    <td><label for="lastname">
      <div align="right">Last Name:
        </label>
      </div></td>
    <td><span id="sprytextfield2">
      <input type="text" name="lastname" id="lastname" accesskey="n" tabindex="10" />
      <span class="textfieldRequiredMsg">A value is required.</span></span></td>
</tr>
<tr>
    <td><label for="streetaddress">
      <div align="right">Street Address
        </label>
      </div></td>
    <td><span id="sprytextfield3">
      <input type="text" name="streetaddress" id="streetaddress" accesskey="n" tabindex="15" />
      <span class="textfieldRequiredMsg">A value is required.</span></span></td>
</tr>
<tr>
    <td><label for="city">
      <div align="right">City:
        </label>
      </div></td>
    <td><span id="sprytextfield4">
      <input type="text" name="city" id="city" accesskey="n" tabindex="20" />
      <span class="textfieldRequiredMsg">A value is required.</span></span></td>
</tr>
<tr>
    <td><label for="state">
      <div align="right">State:
        </label>
      </div></td>
    <td><span id="sprytextfield5">
      <input type="text" name="state" id="state" accesskey="n" tabindex="25" />
      <span class="textfieldRequiredMsg">A value is required.</span></span></td>
</tr>
<tr>
    <td><label for="zipcode">
      <div align="right">Zipcode:
        </label>
      </div></td>
    <td><span id="sprytextfield6">
      <input type="text" name="zipcode" id="zipcode" accesskey="n" tabindex="30" />
      <span class="textfieldRequiredMsg">A value is required.</span></span></td>
</tr>
    <tr>
    <td><label for="dayphone">
      <div align="right">Day Phone:</div>
    </label></td>
    <td><span id="sprytextfield8">
      <input type="text" name="dayphone" id="dayphone" accesskey="n" tabindex="31">
</span></td>
    </tr>
      <tr>
    <td><label for="eveningphone">
      <div align="right">Evening Phone:</div>
    </label></td>
    <td><span id="sprytextfield9">
      <input type="text" name="eveningphone" id="eveningphone" accesskey="n" tabindex="32">
</span></td>
    </tr>
      <tr>
    <td><label for="email">
      <div align="right">Email:</div>
    </label></td>
    <td><span id="sprytextfield10">
      <input type="text" name="email" id="email" accesskey="n" tabindex="33">
      <span class="textfieldRequiredMsg">A value is required.</span></span></td>
    </tr>
<tr>
    <td><label for="username">
      <div align="right">Username:
        </label>
      </div></td>
    <td><span id="sprytextfield7">
      <input type="text" name="username" id="username" accesskey="n" tabindex="40" />
      <span class="textfieldRequiredMsg">A value is required.</span></span></td>
</tr>
<tr>
    <td><label for="password">
      <div align="right">Password:
        </label>
      </div></td>
    <td><span id="sprypassword1">
      <input type="password" name="password" id="password" accesskey="n" tabindex="45" />
      <span class="passwordRequiredMsg">A value is required.</span></span></td>
</tr>
<tr>
    <td><label for="passwordconfirm">
      <div align="right">Confirm Password
        </label>
      </div></td>
    <td><span id="spryconfirm1">
      <input type="password" name="passwordconfirm" id="passwordconfirm" accesskey="n" tabindex="50">
      <span class="confirmRequiredMsg">A value is required.</span><span class="confirmInvalidMsg">The values don't match.</span></span></td>
</tr>
<tr>
    <td colspan="2"><div align="center">
      <input type="submit" name="submit" id="submit" value="Register" accesskey="n" tabindex="50" />
    </div></td>
    </tr>
</table>
<input type="hidden" name="MM_InsertRecord" value="customer" />
</form>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3");
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4");
var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5");
var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield6");
var sprytextfield7 = new Spry.Widget.ValidationTextField("sprytextfield7");
var sprypassword1 = new Spry.Widget.ValidationPassword("sprypassword1");
var spryconfirm1 = new Spry.Widget.ValidationConfirm("spryconfirm1", "password");
var sprytextfield8 = new Spry.Widget.ValidationTextField("sprytextfield8", "none", {isRequired:false});
var sprytextfield9 = new Spry.Widget.ValidationTextField("sprytextfield9", "none", {isRequired:false});
var sprytextfield10 = new Spry.Widget.ValidationTextField("sprytextfield10");
var sprytextfield11 = new Spry.Widget.ValidationTextField("sprytextfield11", "none", {isRequired:false});
</script></div>
</div>
<div id="footer">
    <p>Home | About Us | Site Map </p>
    <p>© TS Landscaping LLC 2010</p>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
</body>
</html>

Template- container div background not expanding with page

Hello! Still fairly new to Dreamweaver. I'm building a website using a template I made. Theres one problem I can't figure out... I've created my "container" div and I'm using a style to add a background to this div. I have all my other divs inside the container. The problem I'm running into is that with pages of different lengths, the background doesn't expand to fill the rest of the page. As my content div (editable region) expands with more content, and my footer div moves down as it should, the background image just cuts off where it ended in the template. I created the background in photoshop, and I know for a fact that it's long enough to handle the lengthy pages. It's not a matter of the background image not being long enough, its just as the content div expands bigger than the template, it doesn't fill the entire container div.
So far my only solution is to make sure the template is tall enough to handle the longest page, and the shorter pages just have the added space below the content. I dont really want to do this, but I will if I have to. I hope I was clear enough, if you need screenshots or need to see the code I can post it. Thanks in advance for your help!
Justin

Unfortunately I dont have a server yet, I realize that would be easiest and I apologize.
I tried adding the repeat-y like you said, and it didn't make any difference. I also went into the style and chose repeat-y from the dropdown box and it added
background-repeat: repeat-y;
and that didnt work either. I may not have explained it well enough, in my template.dwt page the background works exactly as it should, it expands with the page. But after I created the new pages using this template, then expanded the content in the editable region, thats when the container background doesn't expand to fill the page. It's stuck at the point I saved it in the template. I dont want the entire background showing all the time, on the shorter pages I want it to only go to the bottom of the content. Does that make sense?
Thank you

How to get the Figure Title to appear below the graphic, not above

I have valid XML that I am importing into FrameMaker just for printing.
My <figure> element contains a <title> and a <graphic> element. The graphic comes in within an anchored frame, appearing after the figure title. The figure title needs to be below the graphic. How do I get this to work? I read a couple of threads that used tables to wrap the graphic & the title and to make the title appear below, but that was during an export function to XML, not an import. Short of editing the DTD, EDD & all of the XML data to have the graphic element structure come before the title within <figure>, how would this be accomplished? Thanks in advance.

You're saying the xrefid should go in the <title> instead of in <figure>, but where in what document do I point to that ID?
First, to cross-reference an element, the target element has to have an ID attribute. You do not have to expicitly put a value into that attribute. When you create the cross-reference in FrameMaker, you list the elements, select the title element, and select the particular instance of that element as the target. FrameMaker adds a value to the target ID attribute for you.
Second, FrameMaker basically treats every element as a paragraph unless the EDD specifically states that it is to have character formatting. When you create a cross-reference to an element, the TEXT of the element is the text of the first paragraph IN the element. In your case, the graphic element is the first paragraph inside the figure element; it has a phantom (blank) paragraph above the graphic to hold the graphic marker. Then the title element is the second paragraph in the figure element. So, when you reference the figure element, the text of the first paragraph inside it is blank.
Third, the same applies to autonumbering. If the cross-reference is to show the autonumber and you target the figure element, then the first paragraph in the figure is the graphic element which has that blank paragraph above it. Your EDD does not treat apply formatting, that is the autonumbering to the graphic element. Hence, the autonumbering does not display in the cross-reference. FrameMaker has no way to dig down into the figure element and extract autonumbering from its second child element. Thus, you need to target the title element itself.
Rereading your post, I may not be actually answering your questions, but maybe this will clear up a few things.
In the EDD, I have:
Element (Conatiner): title
Text format rules
1. If context is: {notfirst} < subfig
    Use paragraph format: subfigs
    Else, if context is: {first} < subfig
    Use paragraph format: subfig
2. If context is {only} < figure
    Use paragarph format: figuretitle
Element (Container): figure
Text format rules
    Element paragraph format: figure
Element (CrossReference): xref
Initial cross-reference format
1. If context is: [type="figure"]
    Use cross-reference format: figure
You do not give an example of how you are using the subfig element. But there is a problem with the title element in a figure element. The context {only} < figure means "the only child element in the figure element". This will NEVER be satisfied because title is not the only element in figure; figure also has a graphic element. NOTE {only} means only ELEMENT NOT only TITLE element. This confused me when I started creating EDDs.
NOW, if I assume the subfig structure should be something like:
<figure>
<subfig><graphic/><title></subfig>
<subfig><graphic/><title></subfig>
<subfig><graphic/><title></subfig>
</figure>
Then the context {first} < subfig is NEVER satisfied because title is NEVER the first element inside subfig but {notfirst} < subfig is always true, because title is never the first element inside subfig. Hence, all title elements inside subfig elements are tagged with the subfigs tag, never subfig.
I am thinking the contexts should be:
subfig {first} < figure
subfig {notfirst} < figure
Remember these are contexts for the title element. The first is a title element in the first subfig element in a figure element; and the second is a title in a subfig that is not the first element in a figure element.
Figure 1-1. ABCD                     <-- figuretitle
Figure 1-2. EFGH (Sheet 1)     <-- subfig
Figure 1-2. EFGH (Sheet 2)     <-- subfigs
Figure 1-2. EFGH (Sheet 3)     <-- subfigs
For instructions A - D, see Figure 1-1. For instructions E - H, see Figure 1-2.
I am assuming you are manually entering Sheet 1, Sheet 2, etc in the title elements of each subfig element. It is not clear from your posts where the autonumber is displayed. Is it displayed in front of the title or above the graphic? If the title element carries the autonumbering, then you need to target the title element and not the figure element. If the autonumber is in that "blank" line above the graphic, then you can target the figure element because its first paragraph displays the autonumber.
I believe I have gone on way too much, but hope something in the above is the answer to your problem. See if any of this helps and then post again. Maybe we can get this figured out...pun intended.
Van

How to center 6 divs in a container div - horizontally

I'm trying to build a Fluid Grid website with DW CC.
For now I have a problem which I can't solve.
I have six links in a nav bar. Every link has different block sizes, so I arranged that with CSS.
Now I like to have those divs, which are in a container div, horizontally centered in that container div.
The link-divs are now left aligned, the text in each div is centered.
I show you the HTML part of the links and the CSS for the navigation.

<div class="nav_container">
<div class="block1"><a href="index.html">Home</a></div>
<div class="block2"><a href="http://www.travelingphototeam.com">TravelingPhotoTeam</a></div>
<div class="block3"><a href="#">Over Ons</a></div>
<div class="block4"><a href="#">Bijbel Open</a></div>
<div class="block5"><a href="#">Nostalgie</a></div>
<div class="block6"><a href="#">Contact</a></div>
</div>
.nav_container {
          display: inline-block;
          position: relative;
          width: 100%;
          text-align: center;
.nav_container a:hover,a:active, a:focus, a.thispage    {
          color: #DCDCDC;
          text-decoration: none;
          text-align: center;
.block1 {
          width: 60px;
          float: left;
.block2 {
          width: 150px;
          float: left;
.block3 {
          width: 85px;
          float: left;
.block4 {
          width: 90px;
          float: left;
.block5 {
          width: 80px;
          float: left;
.block6 {
          width: 80px;
          float: left;

You would add up all of the block widths which comes to 545px then wrap the blocks in a blockWrapper <div> and set its width: 545px; and margin: 0 auto; which will center the blocks horizontally (see full code below)
On another note it doesn't seem like a very fluid design if you're using fixed width px.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<style>
.nav_container {
display: inline-block;
position: relative;
width: 100%;
text-align: center;
.nav_container a:hover,a:active, a:focus, a.thispage    {
color: #DCDCDC;
text-decoration: none;
text-align: center;
.block1 {
width: 60px;
float: left;
.block2 {
width: 150px;
float: left;
.block3 {
width: 85px;
float: left;
.block4 {
width: 90px;
float: left;
.block5 {
width: 80px;
float: left;
.block6 {
width: 80px;
float: left;
.blockWrapper {
    width: 545px;
    margin: 0 auto;
</style>
</head>
<body>
<div class="nav_container">
<div class="blockWrapper">
<div class="block1"><a href="index.html">Home</a></div>
<div class="block2"><a href="http://www.travelingphototeam.com">TravelingPhotoTeam</a></div>
<div class="block3"><a href="#">Over Ons</a></div>
<div class="block4"><a href="#">Bijbel Open</a></div>
<div class="block5"><a href="#">Nostalgie</a></div>
<div class="block6"><a href="#">Contact</a></div>
</div>
</div>

</body>
</html>

CFMENU in IE6 shifts to the left and is wider than containing DIV

I have a horizontal CFMENU inside of a DIV, and in IE7/IE7/FF/Chrome, the menu is floated to the right, as specified in my CSS, but in IE6, the menu shifts to the left of the DIV that contains it, and it's width expands beyond the boundaries of the containing DIV. I've included all the applicable HTML and CSS below:
HTML:
    <body>
         <div align="center">
             <div id="bodyContainer">
                 <div class="contentContainer">
                     <div id="middlenav">
                         <div class="linksContainer">
                             <cfmenu name="ajaxMenu" type="horizontal">
                             </cfmenu>
                        </div>
                     </div>
                 </div>
             </div>
         </div>
     </body>
CSS:
body, img, div, p, a, form, fieldset, ol, ul, label {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: black;
body {
    background-color: #E6E6E6;
    background-repeat: repeat-x;
    width: 100%;
div {
    overflow: hidden;
p, form, table, ol, ul {
    padding-top: 10px;
ol ul {
    padding-top: 5px;
    list-style-type: disc;
ol, ul {
    margin-left: 30px;
li {
    padding-bottom: 5px;
a {
    text-decoration: none;
a:hover {
    text-decoration: underline;
.linksContainer {
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
.linksContainer a {
    font-size: 13px;
.contentContainer {
    background-color: white;
    border-color: #00338D;
    border-style: solid;
    border-width: 2px;
    border-top: none;
    border-bottom: none;
#ajaxMenu {
    width: 960px;
#ajaxMenu,
#ajaxMenu div.bd,
#ajaxMenu ul,
#ajaxMenu li.yuimenubaritem {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: white;
#ajaxMenu a.yuimenubaritemlabel {
    border-color: black;
    border-width: 0px 0px 0px 2px;
#ajaxMenu li.first-of-type .yuimenubaritemlabel {
    border-left-width: 0px;
#ajaxMenu ul {
    height: auto;
    width: auto;
    border-style: none;
/* Hide down arrow on CF_generated AJAX menus */
#ajaxMenu .submenuindicator {
    visibility: hidden;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 0px;
#ajaxMenu li {
    height: auto;
    width: auto;
#ajaxMenu li.yuimenuitem {
    margin-bottom: -5px;
#ajaxMenu li.yuimenuitem a {
    padding: 5px 12px 5px 12px;
#ajaxMenu li a {
    font-size: 13px;
    padding: 1px 8px 1px 8px;
    text-decoration: none !important;

I have a horizontal CFMENU inside of a DIV, and in IE7/IE7/FF/Chrome, the menu is floated to the right, as specified in my CSS, but in IE6, the menu shifts to the left of the DIV that contains it, and it's width expands beyond the boundaries of the containing DIV. I've included all the applicable HTML and CSS below:
HTML:
    <body>
         <div align="center">
             <div id="bodyContainer">
                 <div class="contentContainer">
                     <div id="middlenav">
                         <div class="linksContainer">
                             <cfmenu name="ajaxMenu" type="horizontal">
                             </cfmenu>
                        </div>
                     </div>
                 </div>
             </div>
         </div>
     </body>
CSS:
body, img, div, p, a, form, fieldset, ol, ul, label {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: black;
body {
    background-color: #E6E6E6;
    background-repeat: repeat-x;
    width: 100%;
div {
    overflow: hidden;
p, form, table, ol, ul {
    padding-top: 10px;
ol ul {
    padding-top: 5px;
    list-style-type: disc;
ol, ul {
    margin-left: 30px;
li {
    padding-bottom: 5px;
a {
    text-decoration: none;
a:hover {
    text-decoration: underline;
.linksContainer {
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
.linksContainer a {
    font-size: 13px;
.contentContainer {
    background-color: white;
    border-color: #00338D;
    border-style: solid;
    border-width: 2px;
    border-top: none;
    border-bottom: none;
#ajaxMenu {
    width: 960px;
#ajaxMenu,
#ajaxMenu div.bd,
#ajaxMenu ul,
#ajaxMenu li.yuimenubaritem {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: white;
#ajaxMenu a.yuimenubaritemlabel {
    border-color: black;
    border-width: 0px 0px 0px 2px;
#ajaxMenu li.first-of-type .yuimenubaritemlabel {
    border-left-width: 0px;
#ajaxMenu ul {
    height: auto;
    width: auto;
    border-style: none;
/* Hide down arrow on CF_generated AJAX menus */
#ajaxMenu .submenuindicator {
    visibility: hidden;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 0px;
#ajaxMenu li {
    height: auto;
    width: auto;
#ajaxMenu li.yuimenuitem {
    margin-bottom: -5px;
#ajaxMenu li.yuimenuitem a {
    padding: 5px 12px 5px 12px;
#ajaxMenu li a {
    font-size: 13px;
    padding: 1px 8px 1px 8px;
    text-decoration: none !important;

How do I disable the drop down box which appears below the Search Box (which shows previous searches) when I start typing in my search topic

Hi I would like to know how to disable the drop down box which appears below the search box on the start page when I start to type in my search topic. If for example the first letter I type in is an S then it shows a list of previous searches of sites beginning with the letter S.

This is stored in the Firefox form history. For details of how to clear form history and prevent Firefox from storing any more form history see https://support.mozilla.com/kb/Form+autocomplete

Floating a footer DIV bottom center of screen inside a container Div??

Hi Im having terriblr trouble..........typical- i get the website done nice and fast and the last thing the annoying client wants I struggle!! I have a container div for the whole site keeping it centered. The client now wants the 'copyright' footer at the bottom of the screen......foalting of course......so its always centered and at the bottom of the screen whatever the size of your monitor.
Im struggling like hell...........I maybe not doing it right but when i get somwhere close it seems to be conflicting with the scrolling background pictures.
please have a look and advise if you know help.....thanks!! www.websitesmonthly.com/townhouse

I think you're making this overly complex. All you need is a simple 2-column layout.
http://alt-web.com/TEMPLATES/CSS-Basic-2-column-layout.shtml
Add whatever you wish to the #mainContent (left) div.
Nancy O.

REP-1213: Field references column at a frequency below its group

Is there a way of making a field which is on a lower level group to be displayed in a group which is at a higher level in the report?
I have a field which is within a lower level group on a report and I want it to appear as a header, within a group which is a level above its own group. The field should remain in its original group but should not appear on the report as a column within its original group but should appear as part of the heading.
I have tried it and got error REP-1213: Field references column at a frequency below its group, but how can I achieve what I want to do without getting this error? Is there a way of showing this field on the header without actually moving it into the header group? Should I create an alias or a function or what and how?
Please help.

user8655468 wrote:
Sorry, I don't seem to get you. MY report has 2 repeating groups. The first group has student_name, course_code, course_name and the 2nd group has academic_year, module_name, module_code and module_grade. Academic_year which is in the 2nd group has to appear as a heading together with the items in the first group but it can not be moved from its original group as it goes together with modules. The report displays a history of a student's modules from 1st year to current year so the Academic year on the header will have to show the current Academic year for a student.
I don't understand how I should use a summary column to achieve what I want to do. Please can you explain further. Thanks.I think you know about summary column. If your academic year is number filed, you can use it at summary column. Where summary function is sum. You take this summary column at 1st group and select source from 2nd group. Then display it at 1st frame.
Hope this will help you..
If someone's response is helpful or correct, please mark it accordingly.

Positioning a responsive composition in a containing DIV

OK, I may be having a fruit loop moment but I've spent 2 days trying to correctly position and size a responsive composition in a basic div.
I have some old compositions that I am trying to update from 2013 but when the responsive scaling is selected (either horizontal, vertical, or both) they then leap out of all the containing div's on my page and scale to the viewport.
My page layout is %age based and the composition should scale inside the containing div depending on the viewport size and any resize. It all worked perfectly before I updated but now whenever I set a composition to 'Responsive Scaling' it wants to scale to the page.
Am I missing something really obvious?

Augment the options in the script tag of the html page like below:
        AdobeEdge.loadComposition('Untitled-1', 'EDGE-565958637', {
              scaleToFit: "width",
              centerStage: "horizontal",
              minW: "0",
              maxW: "undefined",
              width: "550px",
              height: "400px",
              bScaleToParent: true
      }, {dom: [ ]}, {dom: [ ]});
hth,
Vivekuma

Bigger buttons and getting the menu into its container

Hi everyone
Im trying to make my buttons look bigger but am not having much luck. They only get bigger by adding padding, is there not a way to set a width and a height for each...? I have tried but cant figure it out.
I am also having some trouble getting my buttons into its container. The 'nav' just looks like a black line running through the back of it. I have used black to identify it.
Ive tried to do it in HTML 5.
Im building the site bit by bit and this is the menu part.
ul, ol, dl {
     margin: 0px;
     padding: 0px;
nav{
     display:inline;
     width:500px; /* not sure I should have done this*/
     background:#000;
nav ul {
     display:inline;
     list-style: none;
nav ul li {
     display:inline;
     list-style-type: none;
nav ul a, nav ul a:visited {
     padding: 10px 10px 10px 10px;
     display: inline;
     text-decoration: none;
     background: #00F;
nav ul a:hover, nav ul a:active, nav ul a:focus {
     background:#F00;
     color: #00F;
     border-radius:10px 10px 10px 10px;
     -moz-border-radius: 10px 10px 10px 10px;

Hi Nancy
Im doing it locally and dont have a test page yet.
There is no other code besides this menu code at the moment. It is not in a wrapper div or anything yet.
I am trying to do my site bit by bit and then put it together at the end. If I try to do it all in one go I start feeling a bit bogged down.
This is the HTML if that helps
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Menu</title>
<head>
</head>
<body>
<nav>
<ul>
    <li><a href="#">Why</a></li>
        <li><a href="#">Home</a></li>
        <li><a href="#">Contact</a></li>
        <li><a href="#">Resources</a></li>
</ul>
</nav>
</body>

How to force a responsive Edge animation to re-evaluate its container size?

I have an Edge animation stage embedded in a relatively complex page, inside a container div whose width is set by media queries and which may or may not be faded out by $.fadeOut. I've figured out how to trigger playback, but the stage doesn't seem to be updating its estimate of the container's width regularly. Specifically, the stage will scale itself to its min-width (disappearing if there is no min-width) and get stuck there in a specific case when the container's container has been hidden then shown again. And even when the stage is visible and on screen, if I make the browser thinner then wider, it seems to scale itself down but never back up. These weird problems would both be explained if the stage wasn't consistently re-evaluating how large its container was.
In that case - is there a way to force the stage to re-evaluate its container size using Javascript? Wasn't able to find anything in the documentation about this.
Thanks!

Hi, Chi-
Funny you should mention this... I actually just posted a blog post about something very similar.
https://blogs.adobe.com/edge/2013/09/05/floral-matchmaker-tutorial-3-hiding-and-showing-th e-game-board/
You can put your responsive div in an iframe set to a certain % of your main page.
-Elaine

Display Structure Hierarchy (Root node appears below)

Dear Expert,
I have a requirement to create a hierarchy in Query Designer (I cannot use the hierarchy maintained at the infoobject). However, I want to display it as the root node appears below (like the option set at the hierarchy maintenance). Is there any way to do the same thing in Query Designer?
I think the option display Result below can apply to non-hierarchy data only.
Thanks

Hello,
yes there is an option in QDesigner:
in 7.X:
activate the hierarchy in the hierarchy-tab of the relevant infoobject (->properties). In the same tab you will find an option
"Position of Lower-Level Nodes" -> select "above".
You will have the same option in 3.X QDesigner: -> properties -> activate hierarchy in "Display Hierarchy" and set the option
for "Position of Lower-level Nodes" by clicking on "User Settings" -> select value "up".
Now you should see the parent-nodes below its children.
best regards,
Jerome

I want to reboot my i phone but its forzeen and i tried form i tune but its asking turne off find my phone but im not able to do it

i want to reboot my i phone but its forzeen and i tried form i tune but its asking turne off find my phone but im not able to do it

Hello nealfrombangalore,
Thanks for using Apple Support Communities.
If your phone is unresponsive and will not turn off, please try and reset the phone by following the directions below:
Turn your iOS device off and on (restart) and reset
http://support.apple.com/kb/ht1430
Take care,
Alex H.

Form outline appears below its containing div

Similar Messages

Maybe you are looking for