Help with floating a Div tag?
I am having difficulty properly floating a div tag in my site. The page is http://www.planetwhistler.com/bandbs.html The Div on the bottom of the second column with 'content for right_bandb_div' goes here will not properly float to the right of the Div to the left of it. I have floated the 'right_bandb_' div to the left with enough of a margin to clear the div tag in the first column, I have also put the code for 'right_bandb' before the code for the div to the left of it but for some reason it won't properly place itself. Thanks for any help provided.
I realize my Template isn't exactly like yours, but you can learn from it.
http://alt-web.com/TEMPLATES/CSS-centered-round-boxes.shtml
1) apply min-height values to all your .boxes.
2) add a float clearing between rows.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
Similar Messages
-
Help with placement of div tags
Hello. I am sorry to ask what probably is a dumb question, but I'm new, using Dreamweaver CS5, and I need some help. I'm sure I'll be posting here a few times during this process of building a new site, but I'm hoping it can be a good way for me to learn. I've watched a lot of tutorial videos, and so here I am.
I have my site, but I'm having problems being able to place div tags. I set it up with a wrapper div, a header div, a content div, footer div, etc. But, inside those divs I want to have other div's where I can place things like a client login box, etc. So, I tried and tried to place them after one div, or before one, but I just can't get them to work right. I'm very proficient at Photoshop, but web work is fairly new. I've done a few sites, but in Golive and just basic bringing them in from Photoshop. Now I want to learn correctly, so I'm trying all of this.
I found a way to make a box, using AP Div tag, and then move that where I want it, but, it doesn't work right for me then. I don't want it fixed in the same spot absolutely, but rather I want it to move with the page. I'm going to post a link to the site I'm working on, in case that helps. But, if you look at the site so far, you can see for example I want the text box that says client login to move as you make the page wider or smaller. It's fixed now. But, it's the only possible way I know how to put the box and div tag where I want it. When I just try to insert a div tag (not an AP div) it just goes underneath the div above it.
What I'm asking is, how do I place div's within div's? Or, can I use this AP div to put it where I want, and then change it to a regular div, and it stay in the right spot? I just don't understand how exactly to place divs where I want them, unless I use the AP div box and move it around the screen. Also, if I have a div box setup, is there a way to drag it somewhere else or reposition it somewhere else on the screen just by dragging? It's all a bit hard for me to figure out at this point, but I appreciate any help you can give me.
The AP Div I used is at the top that says client login. That's the box/table/div tag I'm trying to set up correctly, so it moves with the other elements, like the logo, as you make the page wider or less wide.
Here is the link:
http://www.gagephotography.com/boudoir/boudoirsite/index4.html
Thank you again.DW is not drag & drop friendly like graphics or word processing apps.
APDivs are NOT for primary layouts. They are for special situations and should be handled with care or you'll end up with a mess. Here is why:
http://apptools.com/examples/pagelayout101.php
The best advice I can offer is to familiarize yourself with HTML markup (content) and CSS (styles) before you even open Dreamweaver. Without a working knowledge of code, you're not going to get good results.
Start here:
HTML & CSS Tutorials - http://w3schools.com/
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
New DW Starter Pages --
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
Creating your first web site in DW CS5 -
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
I have to calculate minutes to debit from an account based on
the call length (rounded to the next full minute). But I'm having
issues since I don't know the CF syntax for what I need to do.
Here is my test code (the call "Length" is dynamic in the
real application):
<cfoutput>
<cfset Length = 90>
<cfset xMin = Round(#Length#/60)>
<cfset yMin = (#Length# Mod 60)>
xMin = #xMin#<br />
yMin = #yMin#<br />
<CFIF yMin GT 0>
<cfset xMin = (xMin + 1)>
</CFIF>
Minutes Debited = #xMin#<br />
</cfoutput>
Right now, that outputs 3 minutes, and it should be 2 (but
it's 3 because of the "Round" function, obviously)
I'd LIKE to be able to write this: <cfset xMin = (#Length#
DIV 60)>
How would I do that in ColdFusion? I don't have my books
handy and I've tried looking it up online, but only find results
dealing with the HTML div tag which isn't what I need. Hard to look
up something when you don't know what you're looking for. Ugh. I'm
hoping someone can help. I'm sure it's something simple.
thanks!I think what you're looking for is the ceiling function which
"Determines the closest integer that is greater than a specified
number."
<cfset xMin = Ceiling(Length/60)> -
Floating 3 div tags side by side
Hello Dreamweavers.
Im trying ot float 3 div tags side by side. I dont have a problem floating 2. But when I add a 3dr DIV the 2nd DIVS margin is making me confused
how to get them floatin next to each other. Here is what I have so far.
Thank you.
#box_one {
background-color: #9C9;
width: 400px;
height: 400px;
float: left;
#box_two {
background-color: #99F;
height: 400px;
width: 400px;
float: right;
margin-right: 450px;
#box_three {
background-color: #06F;
height: 400px;
width: 400px;
margin-left: 1000px;
float: right;
<body>
<div id="box_one">Content for id "box_one</div>
<div id="box_two">Content for id "box_two</div>
<div id="box_three">Content for id "box_three" Goes Here</div>
</body>
</html>No need to get complex, just float all of the <divs> left and give 'box_two' and 'box_three' a margin-left: 50px; (see below)
#box_one {
float: left;
background-color: #9C9;
width: 400px;
height: 400px;
#box_two {
float: left;
background-color: #99F;
height: 400px;
width: 400px;
margin-left: 50px;
#box_three {
float: left;
background-color: #06F;
height: 400px;
width: 400px;
margin-left: 50px; -
I need help with the conditional build tag option RoboHelp 10
I need help with the conditional build tag option. I want to apply CBT to content in a topic. I looked at the Help topics and believed that I applied the feature correctly. Howver, it is not working as desired. In the 2nd sentence below I want the text highlighted in blue to only appear for the printed output and the text printed in purple to only appear for the .htm /online output. Please help.
There are common tasks used to manage the folders in the Navigator and the folders
in the BBS Folders Viewer Grid. For more information on these common tasks see Help
and Support in Success Enterprise. click the links below.Hi there
Using tagging is a two part process.
Part One
You create and apply the tags to the information you wish to control.
Part Two
You create a Build Expression that is used when you generate your output. The Build Expression typically reads something like: NOT Tag1 (or whatever your tag name is)
Then when you generate and use the Build Expression, the information tagged is not included in the build.
Cheers... Rick -
Need help with Template - unbalanced #EndEditable tag
I am unable to use this template to create a new page and get the "unbalanced #EndEditable tag" error.
If I open the file independently it looks great - otherwise I get the error.
Code for internal_students.dwt
There is an error at line 45, column 79 (absolute position 2188)
<div id="metanav"><!-- #BeginLibraryItem "/Library/metaNav.lbi" -->
<p><a href="../Library/contact/index.html">Contact Us</a></p>
<!-- #EndLibraryItem --></div>
<div id="navigation">
<div id="navigation_l">
<div id="navigation_r"><!-- #BeginLibraryItem "/Library/mainNav.lbi" --> <ul>
<li><a href="../index.html" class="first"><img src="../images/spacer.gif" alt="CAITE Homepage" width="75" height="20" border="0" /></a></li>
<li><a href="../about/index.html">About</a></li>
<li><a href="../news/index.html">News And Events</a></li>
<li><a href="../educators/index.html">For Educators</a></li>
<li><a href="../students/index.html">For Students</a></li>
<li><a href="../industry/index.html" class="last">For Industry</a></li>
</ul>
<!-- #EndLibraryItem --></div>
I need help with this as the site and templates were created 2/3 years before I arrived on the job.
Thank you
CherylOkay
- This is on-line page http://caite.cs.umass.edu/students/index.html
If you want code from template here it is:
<!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"><!-- InstanceBegin template="/Templates/internal_about.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>CAITE - Commonwealth Alliance for Information Technology Education</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<meta name="Description" content="Commonwealth Alliance for Information Technology Education (CAITE) to design and carry out comprehensive programs that address under representation in information technology (IT) education and the workforce. CAITE will focus on women and minorities in groups that are underrepresented in the Massachusetts innovation economy" />
<meta name="Keywords" content="Commonwealth Alliance for Information Technology Education CAITE Massachusetts women minorities information technology IT" />
<meta name="robots" content="all, index, follow" />
<meta name="revisit-after" content="14 days" />
<meta name="author" content="Outreach Web Team" />
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --><!-- InstanceEndEditable -->
<link rel="shortcut icon" href="/images/favicon.ico" />
<script type="text/javascript" src="../scripts/jquery.js"></script>
<script type="text/javascript" src="../scripts/jquery.easing.js"></script>
<script type="text/javascript" src="../scripts/jquery.pngfix.js"></script>
<script language="JavaScript" type="text/JavaScript">
<!--
$(document).ready(function() {
$("img[@src$=png], div#wrapper_l, div#wrapper_r, div#whatsnew").pngfix();
//-->
</script>
<link href="../css/screenstyle.css" rel="stylesheet" type="text/css" media="screen" />
<link href="../css/printstyle.css" rel="stylesheet" type="text/css" media="print" />
</head>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<body>
<div id="wrapper">
<div id="metanav"><!-- #BeginLibraryItem "/Library/metaNav.lbi" -->
<p><a href="../Library/contact/index.html">Contact Us</a></p>
<!-- #EndLibraryItem --></div>
<div id="navigation">
<div id="navigation_l">
<div id="navigation_r"><!-- #BeginLibraryItem "/Library/mainNav.lbi" --> <ul>
<li><a href="../index.html" class="first"><img src="../images/spacer.gif" alt="CAITE Homepage" width="75" height="20" border="0" /></a></li>
<li><a href="../about/index.html">About</a></li>
<li><a href="../news/index.html">News And Events</a></li>
<li><a href="../educators/index.html">For Educators</a></li>
<li><a href="../students/index.html">For Students</a></li>
<li><a href="../industry/index.html" class="last">For Industry</a></li>
</ul>
<!-- #EndLibraryItem --></div>
<!-- end navigation right -->
</div><!-- end navigation left -->
</div><!-- end navigation -->
<div id="wrapper_l">
<div id="wrapper_r">
<div id="innerwrapper">
<div id="internalBanner-print"> <h1>Commonwealth Alliance for Information Technology Education (CAITE)</h1></div>
<div id="internalBanner"><!-- InstanceBeginEditable name="internalBanner" -->
<div class="students-banner">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="125" height="188" align="left" valign="top" id="homeImage"><img src="../images/logo_vertical_small.png" alt="CAITE" width="105" height="188" /></td>
<td align="left" valign="top" id="internal-banner-quote"><div id="internalQuote">
<div id="internalQuote-inner">
<p>CAITE designs and carrys out comprehensive programs that address under-representation in information technology (IT).</p>
</div>
</div></td>
</tr>
</table>
</div>
<!-- InstanceEndEditable --></div> <!-- end banner -->
<div id="internalContent">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="317" align="left" valign="top" id="secondary-content">
<!-- InstanceBeginEditable name="SecondaryNav" --><!-- #BeginLibraryItem "/Library/studentNav.lbi" -->
<h3><a href="../students/index.html">For Students</a></h3>
<div id="secondaryNav">
<ul>
<li><a href="http://www.takeITgoanywhere.org" target="_blank">TakeITgoanywhere.org</a></li>
</ul>
</div><!-- #EndLibraryItem --><!-- InstanceEndEditable -->
</td>
<td align="left" valign="top" id="contentCell"><!-- InstanceBeginEditable name="mainContent" -->
<h1>For Students</h1>
<p>The University of Massachusetts Amherst is leading a Commonwealth Alliance for Information Technology Education (CAITE) to design and carry out comprehensive programs that address under representation in information technology (IT) education and the workforce. CAITE will focus on women and minorities in groups that are underrepresented in the Massachusetts innovation economy; that is, economically, academically, and socially disadvantaged residents.</p>
<p>The project will pilot a series of outreach programs supported by educational pathways in three regions (one rural, one suburban, and one urban). The project will include work with high school teachers, staff, and counselors. CAITE will identify best practices and disseminate, deploy, extend and institutionalize these best practices statewide and nationally.</p>
<p>Community colleges are the centerpiece of CAITE because of the central role they play in reaching out to underserved populations and in serving as a gateway to careers and further higher education.</p>
<p>This project will build a broad alliance built on its leadership in and partnership with the Commonwealth Information Technology Initiative (CITI), the Boston Area Advanced Technological Education Center (BATEC), regional Louis Stokes Alliances and NSF EGEP programs, and other partnerships and initiatives focused on information technology education and STEM pipeline issues</p>
<p> </p>
<!-- InstanceEndEditable --></td>
</tr>
</table>
</div>
<div id="alliances">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="30" align="left" valign="top"><h2><a href="../about/alliances.html">Alliances</a></h2></td>
</tr>
<tr>
<td align="center" valign="middle"><!-- #BeginLibraryItem "/Library/AllianceTable.lbi" --><p>
<table border="0" cellpadding="2" cellspacing="0">
<tr>
<td width="35" align="center" valign="middle"> </td>
<td align="center" valign="middle"><a href="http://www.citi.mass.edu/" target="_blank"><img src="../images/logo_citi.jpg" alt="Citi" width="65" height="50" border="0 /"></a></td>
<td align="center" valign="middle"><a href="http://www.batec.org/index.php" target="_blank"><img src="../images/logo_batec.jpg" alt="BATEC" width="69" height="46" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.nsf.gov/index.jsp" target="_blank"><img src="../images/nsflogo.gif" alt="NSF" width="64" height="65" border="0" ></a></td>
<td align="center" valign="middle"><a href="http://www.nelsamp.neu.edu/" target="_blank"><img src="../images/nelsamplogo.gif" width="100" border="0"></a></td>
<td align="center" valign="middle"><p><a href="http://mysite.verizon.net/milnerm/" target="_blank"><img src="../images/umlsamp.png" width="85" height="63" border="0"></a></p> </td>
<td align="center" valign="middle"><a href="http://www.neagep.org/index.asp" target="_blank"><img src="../images/nealogo.gif" border="0" ></a></td>
</tr>
</table>
<!-- #EndLibraryItem --></td>
</tr>
</table>
</div>
</div> <!-- end inner wrapper -->
</div><!-- end wrapper right -->
</div><!-- end wrapper left -->
<div id="bottom">
<div id="bottom_l">
<div id="bottom_r"> </div><!-- end bottom right -->
</div><!-- end bottom left -->
</div> <!-- end bottom -->
</div><!-- end wrapper -->
<div id="copyright"><!-- #BeginLibraryItem "/Library/copyright.lbi" -->
<p>Sponsored by CAITE an NSF CISE Broadening Participation in Computing Alliance<br />
© copyright 2008 <a href="http://www.umass.edu/" target="_blank">University of Massachusetts, Amherst</a></p>
<font color="#666666"><br>
</font>
<p><font color="#666666" size=2> This material is based upon work supported by the National Science Foundation under Grant No.s NSF-0634412 and NSF-0837739. Any opinions, findings, and conclusions or recommendations expressed in this material are those of the author(s) and do not necessarily reflect the views of the National Science Foundation.</font> </p>
<!-- #EndLibraryItem --></div>
<!-- end copyright -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-7435501-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
<!-- InstanceEnd --></html> -
ADF Faces components with HTML and DIV tags
Hello all,
I want to know if there a way to place a <div> tag within an adf faces component tag? eg. <af:table> tag and insert the div tag between </af:column>? I tried doing this by placing the div tag between columns and also enclosing it with verbatim tags, but a parsing exception occurs during run time. The purpose of this is to create frozen columns for horizontal scrolling.
The code looks like:
<af:table ...>
<af:column headerText= ...>
<f:facet name= ...>
<h:outputText value= .../>
</f:facet>
</af:column>
<f:verbatim>
//DIV TAG
</f:verbatim>
<af:column headerText= ...>
<f:facet name= ...>
<h:outputText value= .../>
</f:facet>
</af:column>
<af:column headerText= ...>
<f:facet name= ...>
<h:outputText value= .../>
</f:facet>
</af:column>
<f:verbatim>
//END DIV TAG
</f:verbatim>
</af:table>
Thanks in advance.
-Wes
Message was edited by:
zeoneozerorepost
- -
I am trying to accomplish the following
-display a checkbox if the phrase "platinum" appears in a string
-display a radio button otherwise
Here is my code:
<c:when test="${fn:containsEqualIgnoreCase(${product.description}, 'platinum' })}">
<td width="40">
</td>
<td width="1">
<html-el:checkbox property="dishHDProduct" value="${product.productId}:${product.presentationChannelText}:${product.programmingType}" disabled="true"/>
</td>
</c:when>
<c:otherwise test="${fn:containsEqualIgnoreCase("platinum")}">
<td width="1">
<html-el:radio property="dishHDProduct" value="${product.productId}:${product.presentationChannelText}:${product.programmingType}"/>
</td>
</c:otherwise>I suspect that I cannot use the <when> <otherwise> stuff with the function JSTL tag, but I may be wrong. I am new to this and open to all suggestions.
Thanks!This is actually the way I ended up solving my own problem:
<c:choose>
<c:when test="${product.presentationChannelText == 'PlatinumHD'}">
<td width="10">
</td>
<td width="1">
<html-el:checkbox property="dishHDProduct" value="${product.productId}:${product.presentationChannelText}:${product.programmingType}" disabled="true"/>
</td>
</c:when>
<c:otherwise>
<td width="1">
<html-el:radio property="dishHDProduct" value="${product.productId}:${product.presentationChannelText}:${product.programmingType}"/>
</td>
</c:otherwise>
</c:choose>Because I am not able to use JSP 2.0 and therefore must use JSTL 1.0 -
Need some help with cfoutput and a tag
hey there,
got meself into some issues with <a> and <cfoutput> tags.
Problem:
myResult = <a href="http://www.mysite.co.uk" rel="nofollow">mysite</a>
<cfoutput>#myResult#</cfoutput> outputs "<a href="http://www.mysite.co.uk" rel="nofollow">mysite</a>" (surprise isn't it?)
now is there any way to output it as html so it would display a link to "mysite"???
cheers,
Simonthanks!
I've missed the fact that it was xml data. Just added .xmlText at the end and that sorted my problems. However I'll write down cfsavecontent solution for the future reference.
cheers,
Simon -
Hi All,
I have given up on the liquid template and now started from scratch with fixed divs.
My problem now is the floating elements.
I adapted this layout to a adobe tutorial with less divs so the floats and clears that the tutorial said some dont work.
Could someone look at my template and check the floating so as it sits like it does and wont move with content added.
I want to add a horizontal spry navigation bar at the bottom like the top but when i add another div it moves eveything and i get an error about 3px line gaps.
If I am not making sense please let me know
Any help would be appreciated.
Thanks in advance
This is my code and css.
<!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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<style type="text/css">
</style>
<script src="file:///C|/Users/Nikki/Desktop/tmp/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="file:///C|/Users/Nikki/Desktop/tmp/Scripts/swfobject_modified.js" type="text/javascript"></script>
<link href="file:///C|/Users/Nikki/Desktop/tmp/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="file:///C|/Users/Nikki/Desktop/tmp/SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="../faarcss.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
font-family: "Myriad Pro";
h1,h2,h3,h4,h5,h6 {
font-family: "Myriad Pro";
font-weight: bold;
h1 {
font-size: 110%;
h2 {
font-size: 105%;
h3 {
font-size: 100%;
h4 {
font-size: 90%;
h5 {
font-size: 90%;
h6 {
font-size: 90%;
p {font-size: 90%;
</style>
</head>
<body onload="KW_doClock()">
<div id="wrapper">
<div id="topNav">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Home</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Finance</a>
<ul>
<li><a href="#">Finance Overview</a></li>
<li><a href="#">More than Just a Mortgage</a></li>
<li><a href="#">Line Of Credit</a></li>
<li><a href="#">The Latte Factor</a></li>
<li><a href="#">Untitled Item</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Insurance</a>
<ul>
<li><a href="#">The Importance of Insurance</a></li>
<li><a href="#">Why do we need Insurance</a></li>
<li><a href="#">Personal Insurance</a></li>
<li><a href="#">Health Insurance</a></li>
<li><a href="#">Untitled Item</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Financial Planning</a>
<ul>
<li><a href="#">Creating your financial security</a></li>
<li><a href="#">Superannuation</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Budgeting</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Taxation</a>
<ul>
<li><a href="#">Accounting</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Taxation</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Property</a>
<ul>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Property Archives</a></li>
<li><a href="#">Property F.A.Q.</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Legal</a>
<ul>
<li><a href="#">Estate Planning</a></li>
<li><a href="#">Solicitors</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Information</a>
<ul>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Seminars</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Media</a>
<ul>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Media</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">About FAAR</a>
<ul>
<li><a href="#">Our Point of Difference</a></li>
<li><a href="#">Our Undertaking</a></li>
<li><a href="#">Feedback</a></li>
<li><a href="#">Site map</a></li>
<li><a href="#">Contact FAAR</a></li>
</ul>
</li>
</ul>
</div>
<div id="logo"><img src="file:///C|/Users/Nikki/Desktop/faar/images/FAAR.logo.jpg" alt="Logo" width="230" height="230" align="left" /></div>
<div id="name">
<img src="file:///C|/Users/Nikki/Desktop/faar.com.au/images/name2.jpg" width="300" height="230" alt="FAAR" /></div>
<div id="header">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="450" height="230" id="FlashID" title="Header">
<param name="movie" value="file:///C|/Users/Nikki/Desktop/faar/newFlash.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="file:///C|/Users/Nikki/Desktop/tmp/Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="file:///C|/Users/Nikki/Desktop/faar/newFlash.swf" width="450" height="230">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="file:///C|/Users/Nikki/Desktop/tmp/Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></div>
<div id="motto">It makes sense to hire an expert - and even more sense to learn from them!</div>
<div id="clock">
<script language='JavaScript'>
// Kaosweaver Live Clock Start
function class_clock(f,s,c,b,w,h,d,m,g,z) { // Copyright 2002 by Kaosweaver, All rights reserved
this.b=b;this.w=w;this.h=h;this.d=d;this.g=g;this.z=z
this.o='<font style="color:'+c+'; font-family:'+f+'; font-size:'+s+'pt;">';
if (m==1) this.o+=doDate("W0",",%20","D1","%20","M0",",%20","Y0",",%20");
var clock=new class_clock("Arial, Helvetica, sans-serif","10","#000000","#FFFFFF","287",1,1,1,0,0)
// If the clock's size needs adjusting, change the 287 above.
d=document
if (d.all || d.getElementById) {d.write('<span id="activeClock" style="width:'+clock.w+'px; background-color:'+clock.b+'"></span>'); }
else if (d.layers) {d.write('<ilayer bgcolor="'+clock.b+'" id="wrapClock"><layer width="'+clock.w+'" id="activeClock"></layer></ilayer>'); }
else {KW_doClock(1);}
function KW_doClock(a) { // Copyright 2003 by Kaosweaver, All rights reserved
d=document;t=new Date();p="";dClock=""; if (d.layers) d.wrapClock.visibility="show";
tD=(t.getTimezoneOffset()-(clock.z*60))*clock.g;t.setMinutes(tD+t.getMinutes())
h=t.getHours();m=t.getMinutes();s=t.getSeconds();if (clock.h)
{p=(h>11)?"PM":"AM";h=(h>12)?h-12:h;h=(h==0)?12:h;}if (clock.d)
{m=(m<=9)?"0"+m:m; s=(s<=9)?"0"+s:s;} dClock = clock.o+h+':'+m+':'+s+' '+p+'</font>';
if (a) {d.write(dClock);}if (d.layers) {wc = document.wrapClock;lc = wc.document.activeClock;
lc.document.write(dClock);lc.document.close();
} else if (d.all) { activeClock.innerHTML = dClock;
} else if (d.getElementById) {d.getElementById("activeClock").innerHTML = dClock;}
if (!a) setTimeout("KW_doClock()",1000);
function doDate(){ // Copyright 2002 by Kaosweaver, All rights reserved.
var t=new Date(),a=doDate.arguments,str="",i,a1,lang="1";
var month=new Array('January','Jan', 'February','Feb', 'March','Mar', 'April','Apr', 'May','May', 'June','Jun', 'July','Jul', 'August','Aug', 'September','Sep', 'October','Oct', 'November','Nov', 'December','Dec');
var tday= new Array('Sunday','Sun','Monday','Mon', 'Tuesday','Tue', 'Wednesday','Wed','Thursday','Thr','Friday','Fri','Saturday','Sat');
for(i=0;i<a.length;i++) {a1=a[i].charAt(1);switch (a[i].charAt(0)) {
case "M":if ((Number(a1)==3) && ((t.getMonth()+1)<10)) str+="0";
str+=(Number(a1)>1)?t.getMonth()+1:month[t.getMonth()*2+Number(a1)];break;
case "D": if ((Number(a1)==1) && (t.getDate()<10)) str+="0";str+=t.getDate();break;
case "Y": str+=(a1=='0')?t.getFullYear():t.getFullYear().toString().substring(2);break;
case "W":str+=tday[t.getDay()*2+Number(a1)];break; default: str+=unescape(a[i]);}}return str;
// Kaosweaver Live Clock End
</script>
<!-- KW Live Clock -->
</div>
<!-- TemplateBeginEditable name="mainContent" -->
<div id="mainContent">
<p><strong>Template for Financial & Accounting</strong></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<!-- TemplateEndEditable -->
<div id="sidebar">
<ul id="MenuBar2" class="MenuBarVertical">
<li class="navMenu"><a href="#">Home</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Finance</a>
<ul>
<li><a href="#">Finance Overview</a></li>
<li><a href="#">More Thank Just a Mortgage</a></li>
<li><a href="#">Line of Credit</a></li>
<li><a href="#">The Latte Factor</a></li>
<li><a href="#">Untitled Item</a></li>
</ul>
</li>
<li class="navMenu"><a href="#" class="MenuBarItemSubmenu">Insurance</a>
<ul>
<li><a href="#">Importance of Insurance</a></li>
<li><a href="#">Why do we need Insurance</a></li>
<li><a href="#">Personal Insurance</a></li>
<li><a href="#">Health Insurance</a></li>
<li><a href="#">Untitled Item</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Financial Planning</a>
<ul>
<li><a href="#">Creating your financial security</a></li>
<li><a href="#">Superannuation</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Budgeting</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Taxation</a>
<ul>
<li><a href="#">Accounting</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Property</a>
<ul>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Property Archives</a></li>
<li><a href="#">Property F.A.Q.</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Legal</a>
<ul>
<li><a href="#">Solicitors</a></li>
<li><a href="#">Estate Planning</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Information</a>
<ul>
<li><a href="#">Seminars</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Media</a>
<ul>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
</ul>
</li>
<li><a href="#">Site Map</a></li>
<li><a href="#" class="MenuBarItemSubmenu">About Faar</a>
<ul>
<li><a href="#">Our Point of Difference</a></li>
<li><a href="#">Our Undertaking</a></li>
<li><a href="#">Site map</a></li>
<li><a href="#">Feedback</a></li>
<li><a href="#">CONTACT FAAR</a></li>
</ul>
</li>
<li><a href="#">Feedback</a></li>
<li><a href="#">CONTACT FAAR</a></li>
</ul>
</div>
<div id="footer">
<p class="copyright">Copyright © Financial And Accounting Resources 2011
<p class="disclaimer">Disclaimer: Due to the financial industry continually evolving and changing every effort has been made to ensure the accuracy of the information contained within ths website. Financial and Accounting Resources accepts no responsibility or liability for any loss or damage whatsoever (either directly or indirectly) to any person arising from the use or reliance on the information contained in this website.
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgRight:"/www/tmp/SpryAssets/SpryMenuBarRightHover.gif"});
swfobject.registerObject("FlashID");
</script>
</body>
</html>
CSS.
@charset "utf-8";
/* CSS Document */
body {
background-color: #FFF;
padding: 0px;
margin-top: 25px;
text-align: center;
background-image: url(images/watermark.jpg);
background-repeat: repeat-y;
background-position: center;
html, body {
margin: 0px;
padding: 0px;
#wrapper {
background-color: #FFF;
width: 1000px;
text-align: left;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
#topNav {
background-color: #00A0C4;
width: 1000px;
padding-top: -25px;
clear: left;
float: left;
padding-bottom: 5px;
#logo {
background-color: #FFF;
height: 230px;
width: 230px;
float: left;
padding-top: 10px;
#name {
background-color: #FFF;
height: 230px;
width: 300px;
float: left;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
#header {
background-color: #FFF;
height: 230px;
width: 450px;
float: right;
clear: right;
padding-top: 10px;
#motto {
background-color: #FFF;
height: 25px;
width: 1000px;
float: left;
text-align: center;
color: #000;
font-weight: bold;
font-size: 110%;
font-style: italic;
padding-top: 15px;
#clock {
background-color: #FFF;
height: 30px;
width: 1000px;
clear: both;
float: left;
font-size: 100%;
text-align: right;
font-weight: normal;
color: #000;
vertical-align: middle;
padding-top: 10px;
#mainContent {
background-color: #FFF;
height: auto;
width: 720px;
float: right;
margin-bottom: 10px;
padding-right: 25px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
background-image: url(images/watermark.jpg);
background-repeat: repeat-y;
background-position: center;
background-attachment: fixed;
text-align: justify;
#sidebar {
background-color: #00A0C4;
width: 225px;
clear: left;
float: left;
height: auto;
padding: 10px;
ul nav {
background-color: #00A0C4;
width: 250px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
list-style-position: inside;
list-style-type: none;
#footer {
background-color: #00A0C4;
height: 100px;
width: 940px;
float: left;
clear: left;
padding: 10px;
body,td,th {
font-family: Arial, Helvetica, sans-serif;
sidebar.menu {
font-size: 100%;
font-weight: bold;
color: #FFF;
ul.nav {
list-style: none; /* this removes the list marker */
border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
margin-bottom: 15px; /* this creates the space between the navigation on the content below */
ul.nav li {
border-bottom: 1px solid #666; /* this creates the button separation */
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
width: 160px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
text-decoration: none;
background: #C6D580;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
background: #ADB96E;
color: #FFF;
float: left;
.navMenu {
font-size: 100%;
text-align: left;
padding-right: -10px;
color: #FFF;
font-weight: bold;
.sideNav {
font-size: 80%;
text-align: left;
padding: 10px;
.copyright {
font-family: "Myriad Pro";
font-size: 110%;
font-weight: bold;
color: #FFF;
text-align: center;
.disclaimer {
font-size: 75%;
color: #FFF;
text-align: left;
Thank you
muznikThe table is still above the text, not on the side like in the image you sent.
I have the test document in a folder called "Test" in that folder i have a folder named "CSS" where the text document is saved as style.css
The code i have now is below... Not sure what I'm doing wrong :/
<!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=iso-8859-1" />
<title>Untitled Document</title>
<head>
<title>style.css</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link href="../css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="masthead">
<div id="logo">
</div>
<div id="header">
</div>
</div>
<div id="container">
<div id="left_col">
<table width="188" border="1">
<tr>
<td>Test 1 </td>
</tr>
<tr>
<td>Test 2 </td>
</tr>
<tr>
<td>Test 3 </td>
</tr>
<tr>
<td>Test 4 </td>
</tr>
</table>
</div>
<div id="page_content" style="overflow: auto;">
<p>The Department of the Navy desires a tool for analyzing the affects of budgetary changes upon Fire and Emergency Services provided upon Naval Installations throughout the world. The diversity of these installations suggests that across the board funding changes may affect each location differently. This project presents a Fire Loss Model to support the continued development of the analysis tool.</p>
</div>
</div>
<div id="footer"></div>
</body>
</html> -
Need help with floating div's and clear property
Link to page
Link to CSS file
I have the website currently setup as a 3 column website and everything is working fine. I need to make some pages as a 2 column page with the left column having several "leftcolumn" div's stacked on top of each other so that there are several rounded box sections in the left column.
I have the leftcolumn div floated left with a clear left to get the left column div's to stack on top of each other.
The rightcolumn is floated right.
How do I get my right column to align with the top of the first leftcolumn div?It's not always necessary to float every column. One float is usually enough for a 2-column layout.
Where you have this:
#rightcolumn {
width: 620px;
float: right;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 10px;
border:3px solid #5f605f;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-opera-border-radius:20px;
-khtml-border-radius:20px;
border-radius:20px;
background-color: #858586;
font-size: 12px;
margin: 10px;
Change it as follows:
#rightcolumn {
/**REMOVE ALL THIS**/
width: 620px;
float: right;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 10px;
border:3px solid #5f605f;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-opera-border-radius:20px;
-khtml-border-radius:20px;
border-radius:20px;
background-color: #858586;
font-size: 12px;
/**REMOVE THIS**/
margin: 10px;
/**ADD THIS**/
margin-left: 350px; /**adjust as needed**/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
Message was edited by: Nancy O.
Strikethroughs are not working in the forum. I edited the code to make more sense. -
I'm helping my dad with a website and he wants the table sidebar i have to float down the page when the viewer scrolls. I know next to nothing about coding and could use some help updating it to be a floating table.
The table is still above the text, not on the side like in the image you sent.
I have the test document in a folder called "Test" in that folder i have a folder named "CSS" where the text document is saved as style.css
The code i have now is below... Not sure what I'm doing wrong :/
<!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=iso-8859-1" />
<title>Untitled Document</title>
<head>
<title>style.css</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link href="../css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="masthead">
<div id="logo">
</div>
<div id="header">
</div>
</div>
<div id="container">
<div id="left_col">
<table width="188" border="1">
<tr>
<td>Test 1 </td>
</tr>
<tr>
<td>Test 2 </td>
</tr>
<tr>
<td>Test 3 </td>
</tr>
<tr>
<td>Test 4 </td>
</tr>
</table>
</div>
<div id="page_content" style="overflow: auto;">
<p>The Department of the Navy desires a tool for analyzing the affects of budgetary changes upon Fire and Emergency Services provided upon Naval Installations throughout the world. The diversity of these installations suggests that across the board funding changes may affect each location differently. This project presents a Fire Loss Model to support the continued development of the analysis tool.</p>
</div>
</div>
<div id="footer"></div>
</body>
</html> -
Help with Positioning a div in relation to another div
I'm working on this website - http://soleproductions.com/virgilcardin/index.htm
I want to position the "7 Days a Week" waterdrop image just to the right of "Call Us Today..." text.
Here is my logic....
I created a div called "7daysaweek" and placed it inside the "largeimage" div and set the "largeimage" div to Relative so I could use absolute positioning of the "7daysaweek" div and set 7days div to 0 bottom, 0 right but it remains at the top left corner of the largeimage div. What am I missing?
Here is my HTML
<div id="largeimage">
<div id="7daysaweek"><img src="../images/7-days-a-week.png" width="114" height="178" alt="7 Days a Week" /></div>
</div>
Here is my CSS
#largeimage {
height: 409px;
width: 900px;
background-image: url(images/virgil-cardin-truck1-large.jpg);
background-repeat: no-repeat;
position: relative;
#7daysaweek {
height: 178px;
width: 114px;
right: 0px;
bottom: 0px;
position: absolute;Design View isn't reliable. Use Live View or Preview in browsers.
Leading numbers like "7" are not allowed in CSS selector names. The selector name must begin with a letter.
Try this (inline styles used here for expediency):
<div id="waterDrop" style="position:absolute; top:22px; left: 800px"><img src="images/7-days-a-week.png" alt="7 Days a Week" height="178" width="114">
</div>
Nancy O. -
Hi,
I'm working with a template with a fixed left sidebar and a
liquid right main content area. I'm getting float drop with the
main content area and I'm stumped as to how to fix it. I've never
had this problem before with the same template. The temporary URL
is www.allearsdogs.com. Any suggestions would be much appreciated!
And Merry Christmas!
Mychelle"Nikitadog31" <[email protected]> wrote in
message
news:gj0ta6$e6e$[email protected]..
> Hi,
> I'm working with a template with a fixed left sidebar
and a liquid right
> main
> content area. I'm getting float drop with the main
content area and I'm
> stumped
> as to how to fix it. I've never had this problem before
with the same
> template.
> The temporary URL is www.allearsdogs.com. Any
suggestions would be much
> appreciated!
Replace this:
.twoColHybLtHdr #mainContent {
float:left;
margin:1px 10px 0px 2em;
padding:10px 30px 10px 5px;
width:70%;
Witht his:
.twoColHybLtHdr #mainContent {
overflow:hidden;
zoom:1;
padding:10px 30px 10px 5px;
The key is to keep things simple. No float, no width, no
margin are needed
here.
overflow and zoom is all you need to make this layout behave
the way you
want.
Thierry | Adobe Community Expert | Articles and Tutorials ::
http://www.TJKDesign.com/go/?0
Spry Widgets |
http://labs.adobe.com/technologies/spry/samples/
[click on
"Widgets"]
Spry Menu Bar samples |
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html -
Help with session in custom tag
Hello,
I want to create a tag that returns true if the session is valid.
<s:Expired>
do something
</s:Expired>
How do you get the session in a *.java file that is not a servlet?
I'm new to tags, ans am using JSTL 1.1 and Tomcat 5.0.19
Thanks
FrankIn a custom tag you have a pagecontext object as a member of your class
with it you can do something like
HttpServletRequest request = (HttpServletRequest) pageContext.getAttribute(PageContext.REQUEST);
then it's the usual
request.getSession()
Maybe you are looking for
-
After upgrading to Lion I cannot rewrite CD-RW with my Superdrive. I'm on an iMac24 10.7.1s
After upgrading to Lion I cannot rewrite CD-RW with my Superdrive. I'm on an iMac24 10.7.1
-
Hello CRM experts, I have one question in CRM Business Partner, This is regarding the BP address in the transaction BP. When I create a BP & enter a address, why the system is assigning it to standard address usage(type) automatically? Actually I do
-
An error occurred while logging on. (LO 02040)
Hi All; l get this error when l have connection with liveoffice in xceısus; (but ı can connect with the same parametres of query as a web) An error occurred while logging on. (LO 02040)
-
CV Artsmart not working with After Effects CC 2014
I'm trying to do a simple Path Spread animation with CV Artsmart (Cineversity plugin) but when I open the animation in After Effect CC with Cineware the animation does not display, it works perfectly in Cinema 4d r15 ...is this a bug or known issue,
-
Preventing contact update in linked email
I have one business email account linked to my Blackberry for live email updates at the request of my employer. I would like to keep the live email without it automatically adding contacts to the gmail address I use. I only use this address for work