Issues with floated DIV layout
Hi I am having problems with my floated DIV layout on the following site in I.E 6/7 but not 8.
I have tried display: inline thinking it may be a margin/padding issue?
http://www.sopasbeauty.co.uk
what am I doing wrong, should I be adding clearfloats to separate area's of the page??
Mark
First, open the page in DW and use FILE | Convert > XHTML 1.0 Transitional. Then try changing this -
<div class="boxes" id="box1">
<h1>Acrylic Nails</h1>
Similar Messages
-
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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>davide marchetti architetto</title>
<!-- TemplateEndEditable -->
<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>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</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>
<!-- end .container --></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. -
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> -
IE7 issue with Thumbnails div & Overflow
this has to do with layout of the the gallery page and an IE7
CSS issue.
I was playing with the Photo gallery demo and decided to
resize the thumbnails div to get different shape and found an issue
with IE7 and the overflow. if the tumbnail div height is set to say
100px, and set overflow:auto; it makes sense that the thumbnails in
the bottom 3 rows would not be visible unless you scrolled the div.
well it works fine in Firefox but IE draws thumbnails right
over the height boundry and on into the next div below. I thought
IE7 was supposed to fix the CSS hacks needed.
what is the hack to fix this?It could be a function of how the script is written and
changes being
made at the object-level. Rather than set position to
relative, you
might try using the proprietary Microsoft zoom property to
give the
naughty container layout.
your-container {zoom: 1;}
If that doesn't work, then you can resort to position:
relative.
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design" -
Hi,
I have an issue with the Adobe Form Layout.Although I have added a field in the Context Menu of the Form Builder but the context has not been added to the Data View.
Could you please help me to understand how to include the parameters and structures that we define in the context and add them to the Data View in layout?As far as I know, it is done automatically.But in this case I don't understand what the problem is.
Please help me.
Thanks,
Sandeep.
<MOVED BY MODERATOR TO THE CORRECT FORUM>
Edited by: Alvaro Tejada Galindo on Jul 14, 2009 4:10 PMit is normally done automatically. Do ANY of your fields show in your DATA VIEW? Or, are you just missing the new one?
If you're only missing the new one, make sure your Context has the field defined correctly and generated.. Then make sure you have updated the mapping in your View Context and generated that.
After those 2 things, your field should now show.
You cannot, as far as I know, define an attribute as any sort of TABLE - we have a common structure that has several Table Types in it. When we import that structure, we have to delete those attributes and create Nodes to mimick those tables.
If you've accidentally included a Table type as an attribute, you won't see any fields in your Data View.
EDIT: by the way, there's an Adobe Interactive Forms Forum where you should ask these kinds of questions.
Edited by: robert phelan on Apr 2, 2009 8:51 PM -
Xorg 1.5.3 - Still some issues with the keyboard layout
well i read a lot of threads and i solved almost everything, but my keyboard layout is still a little strange, for example, before the "backslash" key (the one above the TAB key) doesn't work anymore, that really bothers me because i really use the midnight commander "hotdir" feature
my config files:
/etc/hal/fdi/policy/10-keymap.fdi
<?xml version="1.0" encoding="ISO-8859-1"?> <!-- -*- SGML -*- -->
<deviceinfo version="0.2">
<device>
<match key="info.capabilities" contains="input.keymap">
<append key="info.callouts.add" type="strlist">hal-setup-keymap</append>
</match>
<match key="info.capabilities" contains="input.keys">
<merge key="input.xkb.rules" type="string">base</merge>
<!-- If we're using Linux, we use evdev by default (falling back to
keyboard otherwise). -->
<merge key="input.xkb.model" type="string">keyboard</merge>
<match key="/org/freedesktop/Hal/devices/computer:system.kernel.name"
string="Linux">
<merge key="input.xkb.model" type="string">evdev</merge>
</match>
<merge key="input.xkb.layout" type="string">es</merge>
<merge key="input.xkb.variant" type="string" />
</matchudo
</device>
</deviceinfo>
/etc/X11/xorg.conf
Section "ServerLayout"
Identifier "Xorg Configured"
Screen 0 "Screen0" 0 0
# InputDevice "Keyboard0" "CoreKeyboard"
# PS/2 Mouse not detected
# Serial Mouse not detected
# InputDevice "USB Mouse" "CorePointer"
EndSection
#Section "ServerFlags"
# Option "AllowMouseOpenFail" "true"
# Option "AutoAddDevices" "false"
#EndSection
Section "Files"
# RgbPath "/usr/share/X11/rgb"
ModulePath "/usr/lib/xorg/modules"
FontPath "/usr/share/fonts/misc:unscaled"
FontPath "/usr/share/fonts/misc"
FontPath "/usr/share/fonts/local"
FontPath "/usr/share/fonts/artwiz-fonts"
FontPath "/usr/share/fonts/75dpi:unscaled"
FontPath "/usr/share/fonts/75dpi"
FontPath "/usr/share/fonts/100dpi:unscaled"
FontPath "/usr/share/fonts/100dpi"
FontPath "/usr/share/fonts/PEX"
# Additional fonts: Locale, Gimp, TTF...
FontPath "/usr/share/fonts/cyrillic"
# FontPath "/usr/share/lib/X11/fonts/latin2/75dpi"
# FontPath "/usr/share/lib/X11/fonts/latin2/100dpi"
# True type and type1 fonts are also handled via xftlib, see /etc/X11/XftConfig!
FontPath "/usr/share/fonts/Type1"
FontPath "/usr/share/fonts/ttf/western"
FontPath "/usr/share/fonts/ttf/decoratives"
FontPath "/usr/share/fonts/truetype"
FontPath "/usr/share/fonts/truetype/openoffice"
FontPath "/usr/share/fonts/truetype/ttf-bitstream-vera"
FontPath "/usr/share/fonts/latex-ttf-fonts"
FontPath "/usr/share/fonts/defoma/CID"
FontPath "/usr/share/fonts/defoma/TrueType"
EndSection
Section "Module"
Load "ddc" # ddc probing of monitor
Load "dbe"
# Load "dri"
Load "extmod"
Load "glx"
Load "bitmap" # bitmap-fonts
# Load "type1"
Load "freetype"
# Load "record"
# Load "synaptics"
SubSection "extmod"
Option "omit xfree86-dga" # don't initialise the DGA extension
EndSubSection
EndSection
#Section "InputDevice" [b]#THIS WAS MY PREVIOUS KEYBOARD CONFIG, WITH IT THE LAYOUT WAS PERFECT...[/b]
# Identifier "Keyboard0"
# Driver "keyboard"
# Option "CoreKeyboard"
# Option "XkbRules" "xorg"
# Option "XkbModel" "pc105"
# Option "XkbLayout" "es"
# Option "XkbVariant" ""
#EndSection
#Section "InputDevice"
# Identifier "Serial Mouse"
# Driver "mouse"
# Option "Protocol" "Microsoft"
# Option "Device" "/dev/ttyS0"
# Option "Emulate3Buttons" "true"
# Option "Emulate3Timeout" "70"
# Option "SendCoreEvents" "true"
#EndSection
#Section "InputDevice"
# Identifier "PS/2 Mouse"
# Driver "mouse"
# Option "Protocol" "auto"
# Option "ZAxisMapping" "4 5"
# Option "Device" "/dev/psaux"
# Option "Emulate3Buttons" "true"
# Option "Emulate3Timeout" "70"
# Option "SendCoreEvents" "true"
#EndSection
#Section "InputDevice"
# Identifier "USB Mouse"
# Driver "mouse"
# Option "Device" "/dev/input/mice"
# Option "SendCoreEvents" "true"
# Option "Protocol" "IMPS/2"
# Option "ZAxisMapping" "4 5"
# Option "Buttons" "5"
#EndSection
Section "Monitor"
Identifier "Monitor0"
Option "DPMS" "true"
VendorName "SAM"
ModelName "SyncMaster"
HorizSync 30.0 - 81.0
VertRefresh 56.0 - 75.0
EndSection
Section "Device"
Identifier "Card0"
Driver "nvidia"
VendorName "nVidia Corporation"
BoardName "Unknown Board"
EndSection
Section "Screen"
Identifier "Screen0"
Device "Card0"
Monitor "Monitor0"
Option "NoLogo" "true"
DefaultColorDepth 24
SubSection "Display"
Depth 1
Modes "1680x1050" "1440x900" "1280x800" "1024x640" "800x500"
EndSubSection
SubSection "Display"
Depth 4
Modes "1680x1050" "1440x900" "1280x800" "1024x640" "800x500"
EndSubSection
SubSection "Display"
Depth 8
Modes "1680x1050" "1440x900" "1280x800" "1024x640" "800x500"
EndSubSection
SubSection "Display"
Depth 15
Modes "1680x1050" "1440x900" "1280x800" "1024x640" "800x500"
EndSubSection
SubSection "Display"
Depth 16
Modes "1680x1050" "1440x900" "1280x800" "1024x640" "800x500"
EndSubSection
SubSection "Display"
Depth 24
Modes "1680x1050" "1440x900" "1280x800" "1024x640" "800x500"
EndSubSection
SubSection "Display"
Depth 32
Modes "1680x1050" "1440x900" "1280x800" "1024x640" "800x500"
EndSubSection
EndSection
Section "Extensions"
Option "Composite" "Enable"
EndSectionnuttygamergeek wrote:
You can change this line to the model you were using before, ie in your case pc105:
<merge key="input.xkb.model" type="string">keyboard</merge>
It won't be used unless evdev isn't working though.
i did that and restarted hal but nothing changed, the behaviour is the same -
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. -
Issues with 1099 form layout for 'IDWTCERT_US_1099MISC1'
Hi All
I applied OSS note 1535966 a week ago & we tried to print the 1099 MISC report. When I use the 'Form 2' option, I am facing 2 issues.
1. When the vendor master has PO box number, the PO box number overlays on the 'Street address' field. I have opened a OSS note with SAP to help us. SAP asked me to apply version 3 of OSS note 1535966 but that did not help. Not sure if anyone else faced this same issue.
2. The right side of the form 'IDWTCERT_US_1099MISC1' seems to be cut off by a centimetre. I did read in some of the forums that this was fixed by OSS note 1546868 but we run ECC 6.0 & when I applied 1546868, it messed up the amount fields in box number 7. So we cannot use this new OSS note. But if I print this form using PDF creator, it looks perfect. I then assumed that I will need to use BASIS help to fix my printer but someone else had already tried this & it did not work for them.
Smartforms layout printing diffrent in diffrent printer
But someone else (Kenneth Goldstein) says he fixed this issue in the following thread with OSS note 1546868.
USA 1099 Misc - Unable to print forms.
So I am not sure how to fix this issue. can someone help?
If anyone faced similar issues & have a solution, please let me know. If you are still having this issue, let us hope someone here in the forum/SAP is able to help.
Thanks
Regards
MorganHi Chanh
I have not come upto the level of testing the file generated with IRS. Will keep you posted what happens there.
Shannon,
Apparently the new version of 1546868 fixes the issue for box number 7. But if the amounts are huge in box numbers 1 or 3 or 15a (they use these in my client) then the amount overflows to the nearby box. So we have again opened an issue again with SAP & will keep you posted withwhat SAP comes up with.
Thanks
Regards
Morgan -
Issues with one DIV inheriting things from another, wrongly
Not sure what is going on, but I'm at wits end.
Here's the site in question, although I'm having this same problem on another.
http://www.neebackflow.com/index.html
The topmost links, contact us, about us, etc. are in a DIV:
Here's what it's shown in the CSS palette
.oneColElsCtrHdr #container #header #sub-links
The very bottom most links, all content © 2011 etc. are in another DIV:
.oneColElsCtrHdr #container #bottomstuff
I styled the "bottomstuff" with the usual a:link, a:visited, a:active and a:hover.
Works perfect.
But, the "sub-links" at the top has adopted the same color and behavior!!! I don't see any way that is possible. Both DIVS have a unique name,
One has #header in it, one doesn't, but should that matter? I didn't think so.
Since I use a bunch of absolute positioned DIVS for the various elements, I usually base them all off of either Container div, or the Header div.
I did a similar layout the other day, and it too was acting this way. Never has in the past.
Any insights?Thanks for the reply. I did just start combining link, active, visited in one...got tired of making 4 separate style sheets for every div I wanted different link styles.
You are saying that's wrong, and I should stick with making 4 separate styles? One each?
You don't need separate stylesheets for every div.
Grouping selectors is fine. Just group them using the full descendant path for each selector.
My notes have always said the order is link, visited, active, hover...
without doing a google search, you are saying it should be: link, visited, hover, active?
a:link is the default starting state ( = unvisited)
Then you mouseover a link ( = a:link plus a:hover )
When you click an unvisited, hovered link, a:link, a:hover and a:active apply simultaneously.
When you return to the page and look at the link you most recently clicked, a:link no longer applies since the page is now in the browser history. It's starting state is now always a:visited until the browser history is cleared.
So the cycle of states is L-H-A then V-H-A then V-H-A etc.
In CSS, when specificity is identical (which is the case for all pseudo-classes link, visited, hover, active), the last rule listed in the CSS wins and takes effect on screen.
With CSS listed as L-V-A-H, the active state will never be seen because it'll always be trumped by hover (and it's very brief anyway).
L-V-H-A is the best order (L and V are interchangeable since a link cannot be unvisited and visited simultaneously)
So
L-V-H-A and V-L-H-A will both work but L-V-H-A is normal since it follows a logical order.
Also, while I have you here, what is the proper way to make a new style in DW?
To be honest, I write mine by hand in Code View. Much quicker that way. I find the DW interface cumbersome for writing CSS.
Since they get to be quite long, I developed a habit of using the "less specific" button and knocking back at least one level to something like:
#container #bottomstuff
Is that wrong too? Should I always leave the full line of hierarchy?
It may work but it may also depend on the specificity of the CSS and the design of the rest of the page.
Very specific ( = longer) rules target very specific areas on the page.
CSS works on cascade, inheritance and specificity simultaneously.
Longer descendant rules usually mean higher specificity which trump more general shorter rules.
If you want every paragraph on a page to be blue then p {color: blue; } or #container p {color: blue; } works.
If you want every paragraph in #bottomstuff only to be red then #container #bottomstuff p { color: red; } trumps the blue rule because of higher specificity.
If you want a specific paragraph in the sidebar only in #bottomstuff to be green then you go more specific again to trump the red rule
#container #bottomstuff #sidebar p { color: green; }
So, the rules are getting longer to write out, but there's a design reason for doing so. -
Xfce issue with the keyboard layout
Hello all
I'm trying to configure my keyboard for another layout, but i just can't seem to do it, i've searched the xfce wiki and all
The thing is, i'm doing these changes on the evdev file because i have no xorg-conf file, it's a directory not a file, and in the wiki they say this:
Add the XkbLayout Option to your xorg.conf-file. Here is an example if you want to use german and russian keyboard-settings:
Section "InputDevice"
Identifier "Keyboard0"
Driver "kbd"
Option "XkbModel" "pc105"
Option "XkbLayout" "de,ru"
EndSection
While my edev file usually looks like this
Section "InputClass"
Identifier "evdev keyboard catchall"
MatchIsKeyboard "on"
MatchDevicePath "/dev/input/event*"
Driver "evdev"
EndSection
And i changed it to:
Section "InputClass"
Identifier "Keyboard0"
MatchIsPointer "on"
MatchDevicePath "/dev/input/event*"
Driver "evdev"
Option "XkbLayout" "pt"
Option "XkbModel" "pc105"
EndSection
Really need a little hand here, thanks in advance1. If you found a solution, even if it's a simple one, please share it with the community.
2. Please use [ code ] tags, not [ quote ] tags for posting snippets of code.
3. Remember to mark the thread as solved. -
Issue with Customised Report Layout for Freezing Panes in a Tabular Form
Hi,
I am quite new to Oracle APEX. Any help would be great.
When I create a Report Template in the Shared components of my application, I do not find it listed in the Report Templates when i navigate to the report regions of my application and so I am not able to choose the customized Template for my reports. I am customizing in order to get scrollable reports in my application, followed the steps provided in the Thread, http://kr.forums.oracle.com/forums/thread.jspa?threadID=2180543&start=0&tstart=0 .
I am now listing the Steps in followed to create a Report Layout,
Navigate to Shared components > Templates > Report
Create From Scratch and paste the code as mentioned in the Thread.
Apply changes and save it. But when i Navigate to a report in the Application I do not find this Listed.
Thanks,
RamyaYes you can make a process that reads the apex_application.g_fnn arrays and insert your row manually but that's a lot of work.
For what you're doing it doesn't sound like the standard CRUD processes should have a problem with it. On your button-click if it's doing a redirect and not some kind of submit, it's possible then that the value isn't making it into session state and therefore not getting included in the DML. Are you sure it's getting into session state? -
Issue with 100% responsive layout not being responsive
I'm trying my first tesponsive design in Edge Animate. It's a simple one. It's just a series of 203x203px images layed out in 5 rows of four columns. 20 images in all. I have the stage set up at 100% width and 1015px height and each image is set at 100% width and height. Each image is nested in a symbol so I can do rollover and touch effects and that's set at 203px width and height for each one. Mimimum width is set at 280px and Max width can't be set in An. I'm using the Scale Position on each symbol to make it all responsive on each image which is in a symbol. So the symbol has the preset. Not the image insside of the symbol.
Issue I have is that it's responsie to a point. When I drag my browser, the padding (margin?) between each symbol shrinks or grows, but the images stay the same height and width. So they start running into one another. How can I make it work where the images get smaller or larger depending on the screen size?Thank you Sarah
The Edge Animate Wizards will have to pour in a few drops of their magic potion as usual, to get around the shortcomings of the evolving HTML standard.
I am aware there will be many more pressing (as well as preferable) and urgent things to take care of, like adding features to the UI, extend capabilities to make EAn more powerful (I'd like to some sweet additions like "canvas" myself! ), smoothing workflow and integration with other app in the adobe ecosystem, so thank you 2x for your reply about this nice to have fix
In all that I wonder if someone has some time to dedicate some TLC to the documentation (like listing all the API instructions available in a better way, maybe even searchable like the jQuery API documentation) and integrate "dos and don'ts". Would be nice to have a reference like that available in flash (hey not expecting that by next week, but would be nice to know it's in the works to be added in future versions *hint-hint, nudge-nudge" :P)
Cheers!
tfbkny -
Hi,
I tried the following code. Float.parseFloat("23d")does not throw an exception. The below code prints output as 23.0.
String s = new String ("23d");
try{
System.out.println(Float.parseFloat(s));
catch(Exception e){
System.out.println("not a number..");
How can I make Float.parseFloat("23d") throw an exception? Please help.
thanks.
roshni.here the d determine that this is double variable.
so this is not give any exception.
if you use any other character then it throw the exception. -
Issue with setting float point in Textfield
hi
i have an issue with float input in a textfield.
what i want to do is.
when the user start typing numerics it should accept from right hand side and keep appending value from right hand side.
for ex
if i want to enter 123.45
user starts entering
1 then it should display as 0.01
2 then it should display as 0.12
3 then it should display as 1.23
4 then it should display as 12.34
5 then it should display as 123.45
to achive this i have written the code as below
public class Test{
public static void main(String[] a){
try {
UIManager.setLookAndFeel("com.sun.java.swing.plaf.windows.WindowsLookAndFeel");
} catch (Exception evt) {}
DecimalFormat format = new DecimalFormat();
format.setGroupingUsed(true);
format.setGroupingSize(3);
format.setParseIntegerOnly(false);
JFrame f = new JFrame("Numeric Text Field Example");
final DecimalFormateGen tf = new DecimalFormateGen(10, format);
// tf.setValue((double) 123456.789);
tf.setHorizontalAlignment(SwingConstants.RIGHT);
JLabel lbl = new JLabel("Type a number: ");
f.getContentPane().add(tf, "East");
f.getContentPane().add(lbl, "West");
tf.addKeyListener(new KeyAdapter(){
public void keyReleased(KeyEvent ke){
char ch = ke.getKeyChar();
char key;
int finalres =0;
String str,str1 = null,str2 =null,str3 = null,str4= null;
if(ke.getKeyChar() == KeyEvent.VK_0 || ke.getKeyChar() == KeyEvent.VK_0 ||
ke.getKeyChar() == KeyEvent.VK_0 || ke.getKeyChar() == KeyEvent.VK_1 || ke.getKeyChar() == KeyEvent.VK_2 ||
ke.getKeyChar() == KeyEvent.VK_3 || ke.getKeyChar() == KeyEvent.VK_4 || ke.getKeyChar() == KeyEvent.VK_5 ||
ke.getKeyChar() == KeyEvent.VK_6 || ke.getKeyChar() == KeyEvent.VK_7 || ke.getKeyChar() == KeyEvent.VK_8 ||
ke.getKeyChar() == KeyEvent.VK_9 ){
double value1 = Double.parseDouble(tf.getText());
int position = tf.getCaretPosition();
if(tf.getText().length() == 1){
if(tf.getText() != null || tf.getText() != ""){
value1 = value1 / 100;
tf.setText(String.valueOf(value1));
/*else if(tf.getText().length() == 3){
str = tf.getText();
for(int i=0;i<str.length();i++){
if(str.charAt(i) == '.'){
str1 = str.substring(0,i);
str2 = str.substring(i+1,str.length()-1);
break;
key = ke.getKeyChar();
finalres = calculate.calculate1(str2,key);
str3 = merge.merge1(str1,finalres);
tf.setText(str3);
System.out.println(key);
System.out.println(str1);
System.out.println(str2);
else{
value1 = Float.parseFloat(tf.getText());
value1 = value1*10;
tf.setText(String.valueOf(value1));
tf.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent evt) {
try {
tf.normalize();
Long l = tf.getLongValue();
System.out.println("Value is (Long)" + l);
} catch (ParseException e1) {
try {
Double d = tf.getDoubleValue();
System.out.println("Value is (Double)" + d);
} catch (ParseException e2) {
System.out.println(e2);
f.pack();
f.setVisible(true);
import javax.swing.JTextField;
* Created on May 25, 2005
* TODO To change the template for this generated file go to
* Window - Preferences - Java - Code Style - Code Templates
* @author jagjeevanreddyg
* TODO To change the template for this generated type comment go to
* Window - Preferences - Java - Code Style - Code Templates
import java.awt.Toolkit;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.text.DecimalFormat;
import java.text.ParseException;
import java.text.ParsePosition;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JTextField;
import javax.swing.UIManager;
import javax.swing.text.AbstractDocument;
import javax.swing.text.AttributeSet;
import javax.swing.text.BadLocationException;
import javax.swing.text.Document;
import javax.swing.text.PlainDocument;
import javax.swing.text.AbstractDocument.Content;
public class DecimalFormateGen extends JTextField implements
NumericPlainDocument.InsertErrorListener {
public DecimalFormateGen() {
this(null, 0, null);
public DecimalFormateGen(String text, int columns, DecimalFormat format) {
super(null, text, columns);
NumericPlainDocument numericDoc = (NumericPlainDocument) getDocument();
if (format != null) {
numericDoc.setFormat(format);
numericDoc.addInsertErrorListener(this);
public DecimalFormateGen(int columns, DecimalFormat format) {
this(null, columns, format);
public DecimalFormateGen(String text) {
this(text, 0, null);
public DecimalFormateGen(String text, int columns) {
this(text, columns, null);
public void setFormat(DecimalFormat format) {
((NumericPlainDocument) getDocument()).setFormat(format);
public DecimalFormat getFormat() {
return ((NumericPlainDocument) getDocument()).getFormat();
public void formatChanged() {
// Notify change of format attributes.
setFormat(getFormat());
// Methods to get the field value
public Long getLongValue() throws ParseException {
return ((NumericPlainDocument) getDocument()).getLongValue();
public Double getDoubleValue() throws ParseException {
return ((NumericPlainDocument) getDocument()).getDoubleValue();
public Number getNumberValue() throws ParseException {
return ((NumericPlainDocument) getDocument()).getNumberValue();
// Methods to install numeric values
public void setValue(Number number) {
setText(getFormat().format(number));
public void setValue(long l) {
setText(getFormat().format(l));
public void setValue(double d) {
setText(getFormat().format(d));
public void normalize() throws ParseException {
// format the value according to the format string
setText(getFormat().format(getNumberValue()));
// Override to handle insertion error
public void insertFailed(NumericPlainDocument doc, int offset, String str,
AttributeSet a) {
// By default, just beep
Toolkit.getDefaultToolkit().beep();
// Method to create default model
protected Document createDefaultModel() {
return new NumericPlainDocument();
// Test code
public static void main(String[] args) {
try {
UIManager.setLookAndFeel("com.sun.java.swing.plaf.windows.WindowsLookAndFeel");
} catch (Exception evt) {}
DecimalFormat format = new DecimalFormat("#,###.###");
format.setGroupingUsed(true);
format.setGroupingSize(3);
format.setParseIntegerOnly(false);
JFrame f = new JFrame("Numeric Text Field Example");
final DecimalFormateGen tf = new DecimalFormateGen(10, format);
tf.setValue((double) 123456.789);
JLabel lbl = new JLabel("Type a number: ");
f.getContentPane().add(tf, "East");
f.getContentPane().add(lbl, "West");
tf.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent evt) {
try {
tf.normalize();
Long l = tf.getLongValue();
System.out.println("Value is (Long)" + l);
} catch (ParseException e1) {
try {
Double d = tf.getDoubleValue();
System.out.println("Value is (Double)" + d);
} catch (ParseException e2) {
System.out.println(e2);
f.pack();
f.setVisible(true);
class NumericPlainDocument extends PlainDocument {
public NumericPlainDocument() {
setFormat(null);
public NumericPlainDocument(DecimalFormat format) {
setFormat(format);
public NumericPlainDocument(AbstractDocument.Content content,
DecimalFormat format) {
super(content);
setFormat(format);
try {
format
.parseObject(content.getString(0, content.length()), parsePos);
} catch (Exception e) {
throw new IllegalArgumentException(
"Initial content not a valid number");
if (parsePos.getIndex() != content.length() - 1) {
throw new IllegalArgumentException(
"Initial content not a valid number");
public void setFormat(DecimalFormat fmt) {
this.format = fmt != null ? fmt : (DecimalFormat) defaultFormat.clone();
decimalSeparator = format.getDecimalFormatSymbols()
.getDecimalSeparator();
groupingSeparator = format.getDecimalFormatSymbols()
.getGroupingSeparator();
positivePrefix = format.getPositivePrefix();
positivePrefixLen = positivePrefix.length();
negativePrefix = format.getNegativePrefix();
negativePrefixLen = negativePrefix.length();
positiveSuffix = format.getPositiveSuffix();
positiveSuffixLen = positiveSuffix.length();
negativeSuffix = format.getNegativeSuffix();
negativeSuffixLen = negativeSuffix.length();
public DecimalFormat getFormat() {
return format;
public Number getNumberValue() throws ParseException {
try {
String content = getText(0, getLength());
parsePos.setIndex(0);
Number result = format.parse(content, parsePos);
if (parsePos.getIndex() != getLength()) {
throw new ParseException("Not a valid number: " + content, 0);
return result;
} catch (BadLocationException e) {
throw new ParseException("Not a valid number", 0);
public Long getLongValue() throws ParseException {
Number result = getNumberValue();
if ((result instanceof Long) == false) {
throw new ParseException("Not a valid long", 0);
return (Long) result;
public Double getDoubleValue() throws ParseException {
Number result = getNumberValue();
if ((result instanceof Long) == false
&& (result instanceof Double) == false) {
throw new ParseException("Not a valid double", 0);
if (result instanceof Long) {
result = new Double(result.doubleValue());
return (Double) result;
public void insertString(int offset, String str, AttributeSet a)
throws BadLocationException {
if (str == null || str.length() == 0) {
return;
Content content = getContent();
int length = content.length();
int originalLength = length;
parsePos.setIndex(0);
// Create the result of inserting the new data,
// but ignore the trailing newline
String targetString = content.getString(0, offset) + str
+ content.getString(offset, length - offset - 1);
// Parse the input string and check for errors
do {
boolean gotPositive = targetString.startsWith(positivePrefix);
boolean gotNegative = targetString.startsWith(negativePrefix);
length = targetString.length();
// If we have a valid prefix, the parse fails if the
// suffix is not present and the error is reported
// at index 0. So, we need to add the appropriate
// suffix if it is not present at this point.
if (gotPositive == true || gotNegative == true) {
String suffix;
int suffixLength;
int prefixLength;
if (gotPositive == true && gotNegative == true) {
// This happens if one is the leading part of
// the other - e.g. if one is "(" and the other "(("
if (positivePrefixLen > negativePrefixLen) {
gotNegative = false;
} else {
gotPositive = false;
if (gotPositive == true) {
suffix = positiveSuffix;
suffixLength = positiveSuffixLen;
prefixLength = positivePrefixLen;
} else {
// Must have the negative prefix
suffix = negativeSuffix;
suffixLength = negativeSuffixLen;
prefixLength = negativePrefixLen;
// If the string consists of the prefix alone,
// do nothing, or the result won't parse.
if (length == prefixLength) {
break;
// We can't just add the suffix, because part of it
// may already be there. For example, suppose the
// negative prefix is "(" and the negative suffix is
// "$)". If the user has typed "(345$", then it is not
// correct to add "$)". Instead, only the missing part
// should be added, in this case ")".
if (targetString.endsWith(suffix) == false) {
int i;
for (i = suffixLength - 1; i > 0; i--) {
if (targetString
.regionMatches(length - i, suffix, 0, i)) {
targetString += suffix.substring(i);
break;
if (i == 0) {
// None of the suffix was present
targetString += suffix;
length = targetString.length();
format.parse(targetString, parsePos);
int endIndex = parsePos.getIndex();
if (endIndex == length) {
break; // Number is acceptable
// Parse ended early
// Since incomplete numbers don't always parse, try
// to work out what went wrong.
// First check for an incomplete positive prefix
if (positivePrefixLen > 0 && endIndex < positivePrefixLen
&& length <= positivePrefixLen
&& targetString.regionMatches(0, positivePrefix, 0, length)) {
break; // Accept for now
// Next check for an incomplete negative prefix
if (negativePrefixLen > 0 && endIndex < negativePrefixLen
&& length <= negativePrefixLen
&& targetString.regionMatches(0, negativePrefix, 0, length)) {
break; // Accept for now
// Allow a number that ends with the group
// or decimal separator, if these are in use
char lastChar = targetString.charAt(originalLength - 1);
int decimalIndex = targetString.indexOf(decimalSeparator);
if (format.isGroupingUsed() && lastChar == groupingSeparator
&& decimalIndex == -1) {
// Allow a "," but only in integer part
break;
if (format.isParseIntegerOnly() == false
&& lastChar == decimalSeparator
&& decimalIndex == originalLength - 1) {
// Allow a ".", but only one
break;
// No more corrections to make: must be an error
if (errorListener != null) {
errorListener.insertFailed(this, offset, str, a);
return;
} while (true == false);
// Finally, add to the model
super.insertString(offset, str, a);
public void addInsertErrorListener(InsertErrorListener l) {
if (errorListener == null) {
errorListener = l;
return;
throw new IllegalArgumentException(
"InsertErrorListener already registered");
public void removeInsertErrorListener(InsertErrorListener l) {
if (errorListener == l) {
errorListener = null;
public interface InsertErrorListener {
public abstract void insertFailed(NumericPlainDocument doc, int offset,
String str, AttributeSet a);
protected InsertErrorListener errorListener;
protected DecimalFormat format;
protected char decimalSeparator;
protected char groupingSeparator;
protected String positivePrefix;
protected String negativePrefix;
protected int positivePrefixLen;
protected int negativePrefixLen;
protected String positiveSuffix;
protected String negativeSuffix;
protected int positiveSuffixLen;
protected int negativeSuffixLen;
protected ParsePosition parsePos = new ParsePosition(0);
protected static DecimalFormat defaultFormat = new DecimalFormat();
this is not working as desired pls help me.
can we use this code and get the desired result or is there any other way to do this.
it is very urgent for me pls help immediately
thanks in advanceHi camickr
i learned how to format the code now, and u also responded for my testarea problem , iam very much thankful to u, and now i repeat the same problem what i have with a text field.
actually i have window with a textfield on it and while end user starts entering data in it , it should be have as follows
when the user start typing numerics it should accept from right hand side and keep appending value from right hand side.
first the default value should be as 0.00 and as the user starts entering
then it is as follows
for ex
if i want to enter 123.45
user starts entering
1 then it should display as 0.01
2 then it should display as 0.12
3 then it should display as 1.23
4 then it should display as 12.34
5 then it should display as 123.45
i hope u will give me quick reply because this is very hard time for me. -
Floating divs of different heights
I have a layout that a client requires that is 3 columns wide
I am trying to set it up with floating divs and the divs have different heights.
What is the best way to lay this out and is it possible to use Edge Reflow to do this as when I lay out the divs at my starting resolution and then start to change it for media queries the divs move from their starting positions.
Hope it clear what I'm trying to achieve.
Would I be better using Dreamweaver to do this than edge reflow?I think you are expeciencing someting similar to this user's post:
http://forums.adobe.com/message/5542351#5542351
We are looking at solutions, and it definitely helps us to understand how users experience the problem.
Maybe you are looking for
-
ITunes library.xml Metadata storage issues
Hi all, I've had this problem for quite a while. My .xml file corrupts and changes to "read only", preventing any further writing. iTunes automatically creates temp files. My solution thus far has been to trash the .xml file after a restart, and tras
-
hello all! I need to open a new session on a button click. How shoudl I do it? Puru
-
Help! I have a question about colors. I'm working on a number of files in which one of the colors have technically changed, however the name of the color has to stay the same. I open a previous file, with the old color (a spot color), and open up a n
-
Fontface changes when changing html of text
I have a textfield nested in a symbol and am using an Adobe web font (droid-sans). When I change the text inside the textbox with something like the following: sym.getSymbol("captionButton").$("textBox").html("Hide Captions"); the fontFace APPEARS to
-
Package and the transport number for Parameter id
Hi , Based on a posting earlier to create a Parameter id , wanted to know what is is the best practice to fill in the PACKAGE NAME while creating a Parameter id in SM30 table TPARA?