Float Drop CSS help needed, i'm loosing my mind.

here is an example ...
http://www.wiatrc.org/wiatrc/vendor/test.html
i know my code is a mess, i've searched the board, but have
succeeded in confusing myself even more.
i did the 'float left' and even took out one of my columns to
try to make it fit.
it seemed to work over here
http://www.wiatrc.org/wiatrc/vendors.html
any help would be appreciated.
dave h

try messing with the padding and or margins setting them to
zero in your CSS. I tmight be helpful to post your html and css
code to get help more easily. There are lots of issues with
relapsing margins, default padding differences between browsers .
and some buggy stuff within IE.
Take a look at this page, there are some good posts on best
practices for preventing padding/ margin issues
CSS Margin and Padding
issues across browsers

Similar Messages

Urgent CSS Help Needed

Hi guys, I need some serious help, I am making a website for
University and am struggling to center the website so that it stays
centered on different resolutions and when the window is made
smaller. My lecturer gave me the code which is apparently this -
body {
margin:50px 0px; padding:0px;
text-align:center;
#Content {
width:500px;
margin:0px auto;
text-align:left;
padding:15px;
border:1px dashed #333;
background-color:#eee;
but I have no idea what to do with this stuff in order to
correctly implement it, the attached code is an example of one of
the pages I want centering, could someone either give me a step by
step walkthrough of what to do? or could they show me directly
where the code goes in the attached stuff.
Thanks in advance

try this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Simons Self Portrait Bio</title>
<style type="text/css">

</style>
</head>
<body>
<div id="Content">
<div id="apDiv1"><img src="Images/xboxbio.jpg"
width="700" height="500" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect"
coords="12,456,122,492" href="xbox.html" />
</map></div>
<div id="apDiv2">
<iframe src="bioframe.html"
width="383" height="200"
align="right" marginheight="0" marginwidth="0">
</iframe>
</div>
</div>
</body>
</html>

CSS Help Needed

This page displays ok on the web http://www.jdcdemo.com/pbc/test2.html but in the layout mode in DWCS4 layout mode it looks like a train wreck http://www.jdcdemo.com/pbc/screenshots.html I floated everything in the side bar to the left, but it held the main content down and I could not figure out how to make it behave.
Bottom line, I'm just about certain there is something amiss with the CSS, but I cannot figure out what it is.So here I am, hat in hand, seeking advice from those who are better informed and more experienced than I. I am relatively new to CSS, probably understanding the process only enough to be dangerous.
Thanks in advance,
Joe

This comes up on a regular basis, design looks fine in the browser, looks bad is design view. I have never read any other advice other than to not worry about it and worry only about the view that in the browser. I did have occasion this week where something in my DW DV went out, browser was fine, but I was able to correct it (I added a clear to a float that did not seem nessassry to me).
I would not spend alot of time on it, it if looks good out live, let F12 be your guide and don't worry about DV, (It will get you to code view more anyway).
Gary

DW CS5 APP - CSS Help Needed

I'm trying to learn about using CSS in DW CS5 and I could use some help....
like....
- I'm a bit confused with the difference in CSS / HTML tabs in property inspector - like why is there 2 not just 1?
- also working with css in tables .... I try to edit / delete / change from 1 class to another and it doesn't do what I expect - that sort of thing
- also I'd like to highlight some text and simply add css to it easily - (from css window?)
- any way you get the ideas
Q: are there some simple DW CS5 tutorials to get me going?

- I'm a bit confused with the difference in CSS / HTML tabs in property inspector - like why is there 2 not just 1?
Two what? The HTML 'tab' gives you access to HTML properties, and the CSS 'tab' to CSS properties. Is that what you mean?
- also working with css in tables .... I try to edit / delete / change from 1 class to another and it doesn't do what I expect - that sort of thing
You would have to show us what you are doing, what you expected to see, and what you actually saw. A look at your code would be the very best way to help you with this.
- also I'd like to highlight some text and simply add css to it easily - (from css window?)
Sorry - I don't follow. Highlight text and add what CSS to it?
- any way you get the ideas
Well, as a matter of fact, no. I don't.
Q: are there some simple DW CS5 tutorials to get me going?
The very best bet would be to spend your time learning about HTML and CSS - you can do that at http://www.w3schools.com. If you are comfortable in those two, DW will be easy.

Beginner CSS help needed - White space.

So, I'm creating this website...yes im a beginner, and I just dont know how to add white space onto each side of the site as to center it in the browser.
here's what I have...but, when I try and use "float:left;" the div sits outside the container, even though it is definitely inside it? Any recs? Thanks x
body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #ffffff;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
    height: auto;
#container {
    width: 750px;
    margin: 0 auto;
    border: 1px solid #000000;
    text-align: left;
    background-color: #FFCCE6;
    height: auto;

Code fragments, screenshots, etc.. don't show us the problem. For best results here, you should upload your test page to your web server and post the URL here.
Using our browser and web developer toolbars, we can see your page, underlying code and trouble shoot what might be going wrong.
As a rule of thumb, build your HTML content logically from top to bottom of page. Then go back in and add division tags for your CSS to grab onto. My guess is that you have positioned the left column outside your main wrapper division. But without seeing your HTML and CSS code, the best we can do is make guesses.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Serious CSS Help Needed

Hi,
This is my first attempt at a pure table-less css driven
site. I have been doing a combination of both up to this point.
Here is the site
http://www.getascendent.com/
it shows up fine in IE if I force IE to use "Quirks Mode". Take a
look at the site in FireFox and you will see what I mean.
Here is the CSS I am use. Any advise would be greatly
appreciated.
Thanks,
Art

Using frames? Why on earth?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"TC5Racer" <[email protected]> wrote in
message
news:[email protected]...
> Hi,
> This is my first attempt at a pure table-less css driven
site. I have been
> doing a combination of both up to this point.
> Here is the site
http://www.getascendent.com/
it shows up fine in IE if I
> force IE to use "Quirks Mode". Take a look at the site
in FireFox and you
> will
> see what I mean.
>
> Here is the CSS I am use. Any advise would be greatly
appreciated.
>
> Thanks,
> Art
>
>
>
>
>
> @charset "utf-8";
> /* CSS Document */
>
> body {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 0.8em;
> color: #333333;
> text-align: center;
> background-color: #FFFFFF;
> }
>
> #wrapper {
> position: relative;
> height: 100%;
> width: 718px;
> text-align: left;
> display: inline;
> background: #FFFFFF;
> border-top: 1px solid #333333;
> border-right: 1px solid #333333;
> border-bottom: 1px solid #333333;
> border-left: 1px solid #333333;
> clear: both;
> }
>
>
> #header {
> border-bottom: 1px dotted #000000;
> display: inline;
> float: left;
> margin-bottom: 1px;
> }
>
>
> .leftimg {
> float: left;
> margin-bottom: 5px;
> margin-top: 1px;
> border-bottom:1px dotted #000000;
> border-top:1px dotted #000000;
> clear: both;
> }
>
>
> /*navigation*/
>
> #mainnavigation {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 0.8em;
> letter-spacing: 1px;
> }
> #mainnavigation ul {
> list-style: none;
> margin: 0;
> margin-left:2px;
> padding-top: 4px;
> padding-bottom:4px;
> }
> #mainnavigation li {
> display: inline;
> }
> #mainnavigation a:link, #mainnavigation a:visited {
> margin-right:2px;
> padding: 3px 10px 2px 10px;
> color:#cccccc;
> background-color:#999999;
> text-decoration:none;
> border-top: 1px solid #666666;
> border-left: 1px solid #666666;
> border-bottom: 1px solid #666666;
> border-right: 1px solid #666666;
> }
> #mainnavigation a:hover {
> background-color:#333333;
> border-top: 1px solid #000000;
> border-left: 1px solid #000000;
> border-bottom: 1px solid #000000;
> border-right: 1px solid #000000;
> }
> #mainnavigation a:active {
> margin-right:2px;
> padding: 3px 10px 2px 10px;
> color:#cccccc;
> background-color:#333333;
> text-decoration:none;
> border-top: 1px solid #666666;
> border-left: 1px solid #666666;
> border-bottom: 1px solid #666666;
> border-right: 1px solid #666666;
> }
> /* Hide from IE 5-Mac.Only IE-Win see this \*/
>
> * html p {
> height: 1%;
> }
> /* End hide from IE5/Mac */
>
> /*main content style*/
> h1 {
> font-size: 1.2em;
> font-style: normal;
> line-height: normal;
> font-weight: bold;
> font-variant: normal;
> text-transform: none;
> color: #990000;
> text-decoration: none;
> letter-spacing: 1px;
> text-align: left;
> text-indent: 2px;
> display: inline;
> margin-left: 3px;
> margin-bottom: 3px;
> }
> #content {
> text-align: left;
> word-spacing: 1px;
> margin-top:2px;
> margin-bottom:2px;
> margin-left:3px;
> float: left;
> width: 718px;
> clear: both;
> }
> #content h2 {
> font-size: 0.9em;
> font-style: normal;
> line-height: normal;
> font-weight: bold;
> font-variant: normal;
> text-transform: none;
> color: #000066;
> text-decoration: none;
> letter-spacing: 1px;
> text-align: left;
> text-indent: 2px;
> display: inline;
> margin-left: 3px;
> margin-bottom: 10px;
> clear: both;
> }
> .feature {
> letter-spacing: 1px;
> text-align: left;
> display: block;
> padding: 2px 10px;
> float: left;
> width: 400px;
> list-style: circle outside;
> margin-top: 25px;
> margin-bottom: 5px;
> clear: both;
> }
> .feature a:link, .feature a:visited {
> letter-spacing: 1px;
> text-transform: none;
> color: #000000;
> text-decoration: none;
> }
> .feature a:hover {
> letter-spacing: 1px;
> text-transform: none;
> color: #990000;
> text-decoration: none;
> }
> .feature a:active {
> letter-spacing: 1px;
> text-transform: none;
> color: #000066;
> text-decoration: none;
> }
> #footer {
> font-size: 0.7em;
> text-transform: none;
> color: #333333;
> text-decoration: none;
> letter-spacing: 1px;
> text-align: right;
> vertical-align: bottom;
> display: block;
> width: 720px;
> border-top: 1px dotted #000000;
> border-right-color: #000000;
> border-bottom-color: #000000;
> border-left-color: #000000;
> z-index: 1;
> background: #999999;
> padding: 2px 10px 3px;
> }
>

CSS help needed here!!

Have a look the blue column headers at www.optionetics.com,
which have white text on top. (Learn about Options Trading, Today's
Market Commentary, Featured Articles) etc.
We want to create something similar for the column headers on
the homepage at www.investix.co.uk for the 2 centre columns. Is
there a snippet of CSS code that I can use to create this blue
column header?

Hi.
As Walter said in that page the H2 element have been styled
with a
background image. The background image they are using is
here:
http://www.optionetics.com/images/hd-bg.gif
So you will have an idea.
For get the same effect in your page, would be:
The ccs code:
.column2-unit-left h3 {
color: #fff;
font-size: 100%;
background: transparent url(here the background image)
no-repeat;
padding: 2px 6px 1px;
border-bottom: 2px solid #3c3;
margin: 0 0 6px;
As you have two column the right column would be as the above
but with
.column2-unit-right h3.
the html code would be:
<div class="column2-unit-left">
<h3><a href="stocks_foundation.html">Stocks
Foundation
Program</a></h3>
<p><img src="multiflex3/img/new
imgs/rader_watching_trading_screen.jpg" alt="" height="56"
width="85"
border="0" />Learn the principles every investor should
know</p>
<hr noshade="noshade" size="1" />
Play with the colors, the margins, the paddings till you get
final desired.
"HYPER83" <[email protected]> escribió
en el mensaje de noticias
news:gaoit9$n9h$[email protected]..
> Have a look the blue column headers at
www.optionetics.com, which have
> white
> text on top. (Learn about Options Trading, Today's
Market Commentary,
> Featured
> Articles) etc.
>
> We want to create something similar for the column
headers on the homepage
> at
> www.investix.co.uk for the 2 centre columns. Is there a
snippet of CSS
> code
> that I can use to create this blue column header?
>
>
>

Need Help With Float Drop

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

CSS Float Drop in IE8 but not Compatibility Mode

I'm testing code for my home page across different browsers, and encountered the common IE float drop problem. This does not occur in Firefox, Chrome, Opera, or IE8 in Compatibility Mode; but does occur in IE8 standard mode. It's a bit confusing, since I usually encounter this problem in Compatibility Mode.
I have tried using clear:none; as I thought the content was clearing the float:left of a large flash image on the left side of the window, but it didn't solve the problem. I have 3 image buttons whose combined heights equate that of the flash image (all 622px), and these are all in a column div floating to the right. All of these are flush margin:0 and padding:0, border:none. The flash image has it's own class stating margin:0, padding:0, border:none as well. These divs are fixed pixel widths and heights. I tried placing them in a larger container div with fixed width and height, which didn't solve the problem. Again, this only occurs in IE8 Compatibility Mode.
This is the code below:
div id="container">
embed src="index.swf" allowscriptaccess="always" allowfullscreen="true" height="622" width="509" align="left" class="flashhome"> /embed>
div id="homecontright">
a href="services.html?panel=5">
img src="button1.gif" align="top" border="0" alt="b1" class="imageright"/> /a>
a href="smt.html">
   img src="button2.gif" align="top" border="0" alt="b2" class="imageright"/> /a>
   a href="jobs.html">
   img src="button3" align="top" border="0" alt="b3" class="imageright"/> /a>
/div>
div class="floatfix"> /div>
   div id="foot" align="center">
   contact info footer
   /div>
   /div>
Here is the style information from my separate stylesheet
#homecontright { margin:0; padding:0; border:none; width:493px; height:622px; overflow:visible; float:right; display:block; }
.imageright {margin-left: auto; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; display: block; float: right }
.flashhome { width:509px; height:622px; margin:0; padding:0; float:left; border:none; }
div#container { margin-left:auto; margin-right:auto; margin-bottom:0; width:1002px; background-color:#A8CBE9; }
div#foot {      background-color:#003366;      border-color:#a8cbe9;      border-width:thin;      border-style:solid;      font-size:10px;      width:996px;      padding:0.2em;      margin-left:auto;     margin-right:auto;      text-align:center;      font-family:Arial, Helvetica, sans-serif;      font-weight:bold;      color:#FFFFFF;      height:10px; }
.floatfix { clear:both; }
I've tried removing all the floats, even, especially the ones in the nested divs/class elements; but this didn't do a thing. This leads me to wonder if this really is a float drop problem or am I missing something?
EDIT: I fail at posting code so I've removed the front bracket from all tags. Also, added a diagram to show what it's supposed to look like and what is happening in IE 8 Compatibility. The margins do not exist, they are there so you can see individual elements

I tried adjusting the images on the right -10px and had the same result. Those images were actually created with margins within the image, so everything should be flush.
I noticed, however, that even in browsers where everything aligns correctly, there seems to be a 2-3px jog between the flash image and the buttons on the right. That strange link to the bottom right of the flash image is still appearing as well, somehow having to do with the top banner image when right clicked. I tried changing the URL of that banner and the link changed as well, confirming my suspicion that they're linked. I attempted to contain that image in a fixed width div with no results. This link does not appear in other browsers, nor does it appear on any other pages that I used that code on.
Code for my banner:
<...a href="index.html"><img src="index/accuweb_c3homebannerR1a.jpg" alt="banner" border="0" class="banner"/><.../a>

Minor help needed with four-column layout

Hello,
I took a three-column DW template and turned it into a
four-column layout, and I'm very proud to say that I've figured out
most of it myself. (CSS is NOT my strong point.) However, I'm
having some problems with the background in the fourth column.
http://www.patiastephens.com/new
How can I make the top of the fourth column/background level
with the other three columns?
And how can I get the background to repeat?
I plan to eventually put ads in the fourth column, and I may
or may not leave the background in, depending on how it looks.
Thanks much!

Hi, thank you, Bonnie.
I did mess with the repeat properties, but nothing helped.
However, I ended up moving the background image to the entire page;
I think it looks better. (See updated page if you're interested.)
Now I'm trying to figure out why I get float drop when I move
the main content column above columns 3 and 4 (so it loads first)
And why the text in columns 1 and 4 is pushed down ....
Aaargh.

IE7 Float drop frustration

> This message is in MIME format. Since your mail reader
does not understand
this format, some or all of this message may not be legible.
--B_3318594685_1003681
Content-type: text/plain;
charset="ISO-8859-1"
Content-transfer-encoding: 8bit
Hi all
I've just put a website live at www.burrbaxter.co.uk and it
looks fine in
all browsers except IE7 under XP where it exhibits the Float
Drop bug. It
drops the nav bar down into the title below it.
Can anyone help me correct this as I¹ve followed the
Three Pixel Text Jog
and making the container DIV wide enough both to no avail.
I¹m stumped here.
Is there anything else I can try or correct?
Cheers
Garry
--B_3318594685_1003681
Content-type: text/html;
charset="ISO-8859-1"
Content-transfer-encoding: quoted-printable
<HTML>
<HEAD>
<TITLE>IE7 Float drop frustration</TITLE>
</HEAD>
<BODY>
<FONT FACE=3D"Calibri, Verdana, Helvetica,
Arial"><SPAN STYLE=3D'font-size:11pt=
'>Hi all<BR>
I've just put a website live at www.burrbaxter.co.uk and it
looks fine in a=
ll browsers except IE7 under XP where it exhibits the Float
Drop bug. It dro=
ps the nav bar down into the title below it.<BR>
<BR>
Can anyone help me correct this as I’ve followed
the Three Pixel Text=
Jog and making the container DIV wide enough both to no
avail. I’m st=
umped here. Is there anything else I can try or
correct?<BR>
<BR>
Cheers<BR>
Garry</SPAN></FONT>
</BODY>
</HTML>
--B_3318594685_1003681--

Much appreciated Joe, I'll look to cleaning it up and
streamlining it as you
mentioned.
On 27/02/2009 4:39 pm, in article
[email protected], "Joe
Makowiec"
<[email protected]> wrote:
> On 27 Feb 2009 in macromedia.dreamweaver, Garry Bradley
wrote:
>
>> I've just put a website live at www.burrbaxter.co.uk
and it looks
>> fine in all browsers except IE7 under XP where it
exhibits the Float
>> Drop bug. It drops the nav bar down into the title
below it.
>>
>> Can anyone help me correct this as Iûve
followed the Three Pixel
>> Text Jog and making the container DIV wide enough
both to no avail.
>> Iûm stumped here. Is there anything else I can
try or correct?
>
> Nice look. Looking at the code: you seem to be suffering
from
> div-itis (the proliferation of <div>s because you
can). And there are
> a lot of validation errors:
>
>
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.burrbaxter.co.uk%
> 2F
>
> (BTW, no float drop in IE6, but the header breaks up
into multiple lines.)
>
> Try a simpler structure, like this:
>
> <style type="text/css">
> #outerWrapper {
> background-color: #fff;
> margin: 0 auto 0 auto; /* Sets the margin properties for
an element using
> shorthand notation (top, right, bottom, left) */
> text-align: left; /* Redefines the text alignment
defined by the body element.
> */
> width: 978px;
> }
> #header {
> height : 177px ;
> }
> #leftColumn {
> float : left ;
> width : 340px ;
> }
> #rightColumn {
> float : left ;
> padding : 10px ;
> }
> #footer {
> clear : both ;
> }
> </style>
>
> <body>
> <div id="outerWrapper">
> <div id="header">
> <h1>Header goes here</h1>
> </div>
> <div id="bodyWrapper">
> <div id="leftColumn">
> <h2>Left Column</h2>
> </div>
> <div id="rightColumn">
> <h2>Right Column</h2>
> </div>
> </div>
> <div id="footer">Footer</div>
> </div>
> </body>
>
> Some offhand suggestions:
> - Put all your header images into a single image
> -- You may also want to add the address on top of the
page into the
> graphic - it will prevent those resizing text from
breaking the
> layout.
> - Put your top navigation into an ordered list, and use
text. Project
> Seven has some good tutorials on how to do this:
>
http://projectseven.com/tutorials/navigation/index.htm
> - Externalize your javascript and CSS. There are several
reasons:
> -- It makes your page code cleaner and much more
readable, making it
> easier to edit and troubleshoot after the fact.
> -- Browsers cache external CSS and JS files, so the
first page will
> take whatever time to download; however, subsequent
pages which use
> the same files will load that much quicker.
>
> In the 'you didn't ask, but...' department:
> - Lose the clock. It takes up a lot of bandwidth with
its javascript,
> and adds no functionality that I don't already have
available. (At
> the moment, wall clock, wristwatch and computer clock;
the one on
> the website is more than redundant.)
> - The history of the building is interesting; however,
it could use
> some cleaning up.

Help needed with itunes

help needed with itunes please tryed to move my itunes libary to my external hard drive itunes move ok and runs fin but i have none of my music or apps or anything all my stuff is in the itunes folder on my external hard drive but there is nothing on ituns how do i get it back help,please

(Make sure the Music (top left) library is selected before beginning this.)
If you have bad song links in your library, hilite them and hit the delete button. Then locate the folder(s) where your music is located and drag and drop into the large library window in iTunes ( where your tracks show up). This will force the tunes into iTunes. Before you start, check your preferences in iTunes specifically under the"Advanced" tab, general settings. I prefer that the 1st 2 boxes are unchecked. (Keep iTunes Music folder organized & Copy files to iTunes Music folder when adding to library). They are designed to let iTunes manage your library. I prefer to manage it myself. Suit yourself. If there is a way for iTunes to restore broken links other than locating one song at a time I haven't found it yet. (I wish Apple would fix this, as I have used that feature in other apps.) This is the way I do it and I have approx. 25,000 songs and podcasts and videos at present. Hope this helps.

Help needed for dynamic update form

I could really use some advice - I've been asked to build a time tracking application (basically a timesheet) and I have a fair bit done but the part I am really struggling with is the best way to accommodate some of the specifications. I am NOT a programmer (I have some coldfusion experience but nothing really advanced) so I have not managed to sucessfully integrate the various methods I've found on the web so far. The database is created and so are all the queries, and I have also written a cfc to handle the drop-down menu logic needed but I don't really know how to integrate it with the form.
Our production server has ColdFusion MX7 so all the great functionality in the CF8 examples I can't use.
The issue is the user should ideally be able to add/edit/delete multiple rows at once- I like CFGRID, and the HTML version seems best. The main issue with the Flash version is the scrolling to get to the insert/delete buttons- I couldn't see how to get rid of that. A separate add and edit form could be ok depending on how easy it is to use.
One problem I have is that I can't work out how to have default values with the grid (the userID which is a session variable, and the date which is constantly changing- there is a cfcalendar for the user to change date).
The biggest hurdle is the related select drop-downs I need- it's not quite as simple as the city,state,postcode examples. For the first drop down the pick an option- and for only 2 of those options there is a second drop-down. Anything else and it stops there. For the second drop-down, there are 2 options, and depending on which one of these they pick the 3rd drop-down pulls a query from one or another table in the database (2 entirely different things). The three options have different database tables. The main timesheet table just stores the id number from those tables (so I also need to display the names on the drop-down from the options tables not the number).
I played with simple and complicated javascript and coldfusion solutions as well, but because it's a form to update records and also because of the above specs I just couldn't get anything to work right. I tried binding with the cfc and nothing would bind, plus I don't know how to make all happen without a page reload.
Does anyone have any advice for the best approach to this? As I mentioned I've got tables, queries and even a cfc but I'm not too clear on how to put it all together properly within the constraints of MX7.
PS I also can't post a lot of code because of where I work- I know that's not helpful but am looking for the best approach to this, then I can work on the details. Right now I am jumping from solution to solution and not getting anywhere.

Well, a lot of code has come and gone because I couldn't make it work, where I'm currently at is:
<cfform name="updateform" id="updateform" action="#CurrentPage#?#CGI.QUERY_STRING#">
<cfgrid name="MainData" height="400" insertbutton="add" deletebutton="remove" query="getMainData" insert="yes" delete="yes" rowheight="20" selectmode="edit" format="html">
<cfgridcolumn name="id" display="no">
<cfgridcolumn name="userID" display="no">
<cfgridcolumn name="entrydate" display="no">
<cfgridcolumn name="activityID" >
<cfgridcolumn name="typeID">
<cfgridcolumn name="projectID" values="#ValueList(getProjects.id)#" valuesdisplay="#ValueList(getProjects.name)#">
<cfgridcolumn name="time" width="10">
<cfgridcolumn name="comment" width="150">
</cfgrid>
<cfinput type="hidden" name="entrydate" value="#Session.username#">
<cfinput type="hidden" name="entrydate" value="#editdate#">
<cfinput name="update" type="Submit" value="Update">
</cfform>
** for some reason getProjects.name doesn't work and causes an error. I haven't worked out how to get the default inputs for the date and user ID to work either. I also tried binding and a flash form somewhere along the way.
** the CFC is below, #ds# didn't work and I had to put in the actual DSN name, not sure why, but anyway this is the logic of the thing. Ideally I would like to use this logic with the cfgrid, but I'm not sure if that is possible? It seems like it would be the most user friendly approach.
The CFC so far is:
<cfcomponent>
   <cffunction name="getActivities" access="remote" returnType="query">
        <cfquery name="getActivities" datasource="#ds#">
SELECT * FROM timesheet_activities
</cfquery>
        <cfreturn getActivities>
    </cffunction>
    <cffunction name="getTypes" access="remote" returnType="query">
    <cfargument name="Activity" type="any" required="true">
    <cfif ARGUMENTS.Activity EQ "">
        <cfset getType = "">
    <cfelse>
        <cfquery name="getTypes" datasource="#ds#">
        SELECT * FROM timesheet_type
        </cfquery>
    </cfif>
    <cfreturn getTypes>
    </cffunction>
    <cffunction name="GetProjects" access="remote" returnType="query">
    <cfargument name="Activity" type="any" required="true">
    <cfargument name="Type" type="any" required="true">
    <cfif ARGUMENTS.Activity EQ "" OR ARGUMENTS.Type EQ "">
        <cfset LstProjects = "">
    <cfelseif ARGUMENTS.Activity EQ "1" OR "3">
    <cfquery name="getProjects" datasource="#ds#">
SELECT id,name FROM projectsa
WHERE completed = 'false'
</cfquery>
<cfelse>
<cfquery name="getEProjects" datasource="#dse#">
SELECT id,name FROM projectsb
WHERE statusID = '6'
</cfquery>
    </cfif>
    <cfreturn getProjects>
    </cffunction>
</cfcomponent>
Any attempts to actually use the cfc didn't work. I tried to use it with a normal html update form and got the message- failed to bind, Activity didn't exist. I also tried to bind it to a flash grid. The argument for Activity needs to come from the drop-down Activity type selected. Maybe I'm missing something.
ETA:
just moved everything to the live MX7 server (because my dev server is Coldfusion8) and I get the following:
Attribute validation error for tag CFGRID. The tag does not allow the attribute(s) BINDONLOAD,BIND.
Does this mean I definitely can't use the CFC with the cfgrid on MX7? Or is there a way to do it?
Any advice would be greatly appreciated.

Help needed:Printing HTML file using javax.print

Hi
I am using the following code which i got form the forum for rpinting an HTML file.
The folllowing code is working fine, but the problem is the content of HTML file is not getting printed. I am geeting a blank page with no content. What is the change that is required in the code? ALso is there any simpler way to implement this. Help needed ASAP.
public boolean printHTMLFile(String filename) {
          try {
               JEditorPane editorPane = new JEditorPane();
               editorPane.setEditorKit(new HTMLEditorKit());
               //editorPane.setContentType("text/html");
               editorPane.setSize(500,500);
               String text = getFileContents(filename);
               if (text != null) {
                    editorPane.setText(text);
               } else {
                    return false;
               printEditorPane(editorPane);
               return true;
          } catch (Exception tce) {
               tce.printStackTrace();
          return false;
     public String getFileContents(String filename) {
          try {
               File file = new File(filename);
               BufferedReader br = new BufferedReader(new FileReader(file));
               String line;
               StringBuffer sb = new StringBuffer();
               while ((line = br.readLine()) != null) {
                    sb.append(line);
               br.close();
               return sb.toString();
          } catch (Exception tce) {
               tce.printStackTrace();
          return null;
     public void printEditorPane(JEditorPane editorPane) {
               try {
                    HTMLPrinter htmlPrinter = new HTMLPrinter();
                    htmlPrinter.printJEditorPane(editorPane, htmlPrinter.showPrintDialog());
               } catch (Exception tce) {
                    tce.printStackTrace();
     * Sets up to easily print HTML documents. It is not necessary to call any of the setter
     * methods as they all have default values, they are provided should you wish to change
     * any of the default values.
     public class HTMLPrinter {
     public int DEFAULT_DPI = 72;
     public float DEFAULT_PAGE_WIDTH_INCH = 8.5f;
     public float DEFAULT_PAGE_HEIGHT_INCH = 11f;
     int x = 100;
     int y = 80;
     GraphicsConfiguration gc;
     PrintService[] services;
     PrintService defaultService;
     DocFlavor flavor;
     PrintRequestAttributeSet attributes;
     Vector pjlListeners = new Vector();
     Vector pjalListeners = new Vector();
     Vector psalListeners = new Vector();
     public HTMLPrinter() {
          gc = null;
          attributes = new HashPrintRequestAttributeSet();
          flavor = null;
          defaultService = PrintServiceLookup.lookupDefaultPrintService();
          services = PrintServiceLookup.lookupPrintServices(flavor, attributes);
          // do something with the supported docflavors
          DocFlavor[] df = defaultService.getSupportedDocFlavors();
          for (int i = 0; i < df.length; i++)
          System.out.println(df.getMimeType() + " " + df[i].getRepresentationClassName());
          // if there is a default service, but no other services
          if (defaultService != null && (services == null || services.length == 0)) {
          services = new PrintService[1];
          services[0] = defaultService;
     * Set the GraphicsConfiguration to display the print dialog on.
     * @param gc a GraphicsConfiguration object
     public void setGraphicsConfiguration(GraphicsConfiguration gc) {
          this.gc = gc;
     public void setServices(PrintService[] services) {
          this.services = services;
     public void setDefaultService(PrintService service) {
          this.defaultService = service;
     public void setDocFlavor(DocFlavor flavor) {
          this.flavor = flavor;
     public void setPrintRequestAttributes(PrintRequestAttributeSet attributes) {
          this.attributes = attributes;
     public void setPrintDialogLocation(int x, int y) {
          this.x = x;
          this.y = y;
     public void addPrintJobListener(PrintJobListener pjl) {
          pjlListeners.addElement(pjl);
     public void removePrintJobListener(PrintJobListener pjl) {
          pjlListeners.removeElement(pjl);
     public void addPrintServiceAttributeListener(PrintServiceAttributeListener psal) {
          psalListeners.addElement(psal);
     public void removePrintServiceAttributeListener(PrintServiceAttributeListener psal) {
          psalListeners.removeElement(psal);
     public boolean printJEditorPane(JEditorPane jep, PrintService ps) {
               if (ps == null || jep == null) {
                    System.out.println("printJEditorPane: jep or ps is NULL, aborting...");
                    return false;
               // get the root view of the preview pane
               View rv = jep.getUI().getRootView(jep);
               // get the size of the view (hopefully the total size of the page to be printed
               int x = (int) rv.getPreferredSpan(View.X_AXIS);
               int y = (int) rv.getPreferredSpan(View.Y_AXIS);
               // find out if the print has been set to colour mode
               DocPrintJob dpj = ps.createPrintJob();
               PrintJobAttributeSet pjas = dpj.getAttributes();
               // get the DPI and printable area of the page. use default values if not available
               // use this to get the maximum number of pixels on the vertical axis
               PrinterResolution pr = (PrinterResolution) pjas.get(PrinterResolution.class);
               int dpi;
               float pageX, pageY;
               if (pr != null)
                    dpi = pr.getFeedResolution(PrinterResolution.DPI);
               else
                    dpi = DEFAULT_DPI;
               MediaPrintableArea mpa = (MediaPrintableArea) pjas.get(MediaPrintableArea.class);
               if (mpa != null) {
                    pageX = mpa.getX(MediaPrintableArea.INCH);
                    pageY = mpa.getX(MediaPrintableArea.INCH);
               } else {
                    pageX = DEFAULT_PAGE_WIDTH_INCH;
                    pageY = DEFAULT_PAGE_HEIGHT_INCH;
               int pixelsPerPageY = (int) (dpi * pageY);
               int pixelsPerPageX = (int) (dpi * pageX);
               int minY = Math.max(pixelsPerPageY, y);
               // make colour true if the user has selected colour, and the PrintService can support colour
               boolean colour = pjas.containsValue(Chromaticity.COLOR);
               colour = colour & (ps.getAttribute(ColorSupported.class) == ColorSupported.SUPPORTED);
               // create a BufferedImage to draw on
               int imgMode;
               if (colour)
                    imgMode = BufferedImage.TYPE_3BYTE_BGR;
               else
                    imgMode = BufferedImage.TYPE_BYTE_GRAY;
               BufferedImage img = new BufferedImage(pixelsPerPageX, minY, imgMode);
               Graphics myGraphics = img.getGraphics();
               myGraphics.setClip(0, 0, pixelsPerPageX, minY);
               myGraphics.setColor(Color.WHITE);
               myGraphics.fillRect(0, 0, pixelsPerPageX, minY);
                    java.awt.Rectangle rectangle=new java.awt.Rectangle(0,0,pixelsPerPageX, minY);
               // call rootView.paint( myGraphics, rect ) to paint the whole image on myGraphics
               rv.paint(myGraphics, rectangle);
               try {
                    // write the image as a JPEG to the ByteArray so it can be printed
                    Iterator writers = ImageIO.getImageWritersByFormatName("jpeg");
                    ImageWriter writer = (ImageWriter) writers.next();
                                   // mod: Added the iwparam to create the highest quality image possible
                    ImageWriteParam iwparam = writer.getDefaultWriteParam();
                    iwparam.setCompressionMode(ImageWriteParam.MODE_EXPLICIT) ;
                    iwparam.setCompressionQuality(1.0f); // highest quality
                    ByteArrayOutputStream out = new ByteArrayOutputStream();
                    ImageOutputStream ios = ImageIO.createImageOutputStream(out);
                    writer.setOutput(ios);
                    // get the number of pages we need to print this image
                    int imageHeight = img.getHeight();
                    int numberOfPages = (int) Math.ceil(minY / (double) pixelsPerPageY);
                    // print each page
                    for (int i = 0; i < numberOfPages; i++) {
                         int startY = i * pixelsPerPageY;
                         // get a subimage which is exactly the size of one page
                         BufferedImage subImg = img.getSubimage(0, startY, pixelsPerPageX, Math.min(y - startY, pixelsPerPageY));
                                             // mod: different .write() method to use the iwparam parameter with highest quality compression
                         writer.write(null, new IIOImage(subImg, null, null), iwparam);
                         SimpleDoc sd = new SimpleDoc(out.toByteArray(), DocFlavor.BYTE_ARRAY.JPEG, null);
                         printDocument(sd, ps);
                         // reset the ByteArray so we can start the next page
                         out.reset();
               } catch (PrintException e) {
                    System.out.println("Error printing document.");
                    e.printStackTrace();
                    return false;
               } catch (IOException e) {
                    System.out.println("Error creating ImageOutputStream or writing to it.");
                    e.printStackTrace();
                    return false;
               // uncomment this code and comment out the 'try-catch' block above
               // to print to a JFrame instead of to the printer
               /*          JFrame jf = new JFrame();
                         PaintableJPanel jp = new PaintableJPanel();
                         jp.setImage( img );
                         JScrollPane jsp = new JScrollPane( jp );
                         jf.getContentPane().add( jsp );
                         Insets i = jf.getInsets();
                         jf.setBounds( 0, 0, newX, y );
                         jf.setDefaultCloseOperation( JFrame.DISPOSE_ON_CLOSE );
                         jf.setVisible( true );*/
               return true;
          * Print the document to the specified PrintService.
          * This method cannot tell if the printing was successful. You must register
          * a PrintJobListener
          * @return false if no PrintService is selected in the dialog, true otherwise
          public boolean printDocument(Doc doc, PrintService ps) throws PrintException {
               if (ps == null)
               return false;
               addAllPrintServiceAttributeListeners(ps);
               DocPrintJob dpj = ps.createPrintJob();
               addAllPrintJobListeners(dpj);
               dpj.print(doc, attributes);
               return true;
          public PrintService showPrintDialog() {
               return ServiceUI.printDialog(gc, x, y, services, defaultService, flavor, attributes);
          private void addAllPrintServiceAttributeListeners(PrintService ps) {
               // add all listeners that are currently added to this object
               for (int i = 0; i < psalListeners.size(); i++) {
               PrintServiceAttributeListener p = (PrintServiceAttributeListener) psalListeners.get(i);
               ps.addPrintServiceAttributeListener(p);
          private void addAllPrintJobListeners(DocPrintJob dpj) {
               // add all listeners that are currently added to this object
               for (int i = 0; i < pjlListeners.size(); i++) {
               PrintJobListener p = (PrintJobListener) pjlListeners.get(i);
               dpj.addPrintJobListener(p);
          // uncomment this also to print to a JFrame instead of a printer
          /* protected class PaintableJPanel extends JPanel {
               Image img;
               protected PaintableJPanel() {
                    super();
               public void setImage( Image i ) {
                    img = i;
               public void paint( Graphics g ) {
                    g.drawImage( img, 0, 0, this );
Thanks
Ram

Ram,
I have had printing problems too a year and a half ago. I used all printing apis of java and I still find that it is something java lacks. Now basically you can try autosense. To check whether your printer is capable of printing the docflavor use this PrintServiceLookup.lookupPrintServices(flavor, aset); . If it lists the printer then he can print the document otherwise he can't. I guess that is why you get the error.
Regards,
Kevin

Float Drop Problem

I'm having a float drop issue with my layout. I've read
several articles on this but can't figure it out, because my layout
isn't just 3 columns.
Here's the problem:
*I have a <div> for my logo, floated left, then I have
a <div> for a banner heading floated right.
*I then have a top horizontal navbar, also a <div>, no
floating.
*below this I have my three columns (side bar-float left,
contents-float left and right bar-float right).
The problem is that Dreamweaver is showing a float drop error
on the navbar div.
I just don't know what to do to fix this and I've spent
several days trying to figure it out. I'm using IE6 which is where
the problem is supposed to occur, but the page displays correctly,
so I can't actually see the error.
My web site is not up so I can't provide a link but here is
some of the code.
CSS:
#wrap {
background: #999966;
color: #303030;
margin: 0 auto;
width: 780px;
#banner_logo {
float: left;
width: 190px;
height: 100px;
background-color: #cccc99;
padding: 10px;
border-bottom: 3px solid #FFFFFF;
#banner_text {
width: 550px;
float: right;
height: 100px;
background-color: #cccc99;
padding: 10px;
border-bottom: 3px solid #FFFFFF;
* html #navbar {
height: 1px;
#navbar {
width: 758px;
color: #FFFFFF;
text-decoration: none;
#navbar ul {
margin: 5px 0px 5px 5px;
padding: 0px;
text-align: center;
#navbar li {
list-style-type: none;
font-size: 8pt;
padding-right: 50px;
display: inline;
HTML:
<body>
<div id="wrap">
<div id="banner_logo"><img
src="../Images/logo_smaller2.png" alt="logo" width="174"
height="100" /></div>
<div id="banner_text">
<h1 align="center">Attic 2 Basement Home
Inspections</h1>
<h2 align="center">905-286-9586</h2>
<div align="center"><span class="sub_head">Each
home inspection is performed as if it were our
own!</span><br />
<span class="sub_head">Your peace of mind is our
goal.</span></div>
</div>
<div id="navbar"> - HERE'S WHERE THE FLOAT DROP ERROR
SHOWS UP-
<ul>
<li><a
href="../index.html">Home</a></li>
<li><a href="../about_us.html">About
Us</a></li>
<li><a
href="../buying_selling.html">Services</a></li>
<li><a href="../Contact_us.html">Contact
Us</a></li>
</ul>
</div>

<div id="avmenu">
<ul>
<li><a href="#">LINK </a></li>
</ul>
</div>

<div id="right_side_bar">
<h3>Book Your Inspection</h3>
</div>

<div id="content">
<h2>Page Heading Here</h2>
<p>Content here</p>
</div>
</div>
</body>
I would appreciate any direction offered!
Thanks so much,
Deb

I'm having a float drop issue with my layout. I've read
several articles on this but can't figure it out, because my layout
isn't just 3 columns.
Here's the problem:
*I have a <div> for my logo, floated left, then I have
a <div> for a banner heading floated right.
*I then have a top horizontal navbar, also a <div>, no
floating.
*below this I have my three columns (side bar-float left,
contents-float left and right bar-float right).
The problem is that Dreamweaver is showing a float drop error
on the navbar div.
I just don't know what to do to fix this and I've spent
several days trying to figure it out. I'm using IE6 which is where
the problem is supposed to occur, but the page displays correctly,
so I can't actually see the error.
My web site is not up so I can't provide a link but here is
some of the code.
CSS:
#wrap {
background: #999966;
color: #303030;
margin: 0 auto;
width: 780px;
#banner_logo {
float: left;
width: 190px;
height: 100px;
background-color: #cccc99;
padding: 10px;
border-bottom: 3px solid #FFFFFF;
#banner_text {
width: 550px;
float: right;
height: 100px;
background-color: #cccc99;
padding: 10px;
border-bottom: 3px solid #FFFFFF;
* html #navbar {
height: 1px;
#navbar {
width: 758px;
color: #FFFFFF;
text-decoration: none;
#navbar ul {
margin: 5px 0px 5px 5px;
padding: 0px;
text-align: center;
#navbar li {
list-style-type: none;
font-size: 8pt;
padding-right: 50px;
display: inline;
HTML:
<body>
<div id="wrap">
<div id="banner_logo"><img
src="../Images/logo_smaller2.png" alt="logo" width="174"
height="100" /></div>
<div id="banner_text">
<h1 align="center">Attic 2 Basement Home
Inspections</h1>
<h2 align="center">905-286-9586</h2>
<div align="center"><span class="sub_head">Each
home inspection is performed as if it were our
own!</span><br />
<span class="sub_head">Your peace of mind is our
goal.</span></div>
</div>
<div id="navbar"> - HERE'S WHERE THE FLOAT DROP ERROR
SHOWS UP-
<ul>
<li><a
href="../index.html">Home</a></li>
<li><a href="../about_us.html">About
Us</a></li>
<li><a
href="../buying_selling.html">Services</a></li>
<li><a href="../Contact_us.html">Contact
Us</a></li>
</ul>
</div>

<div id="avmenu">
<ul>
<li><a href="#">LINK </a></li>
</ul>
</div>

<div id="right_side_bar">
<h3>Book Your Inspection</h3>
</div>

<div id="content">
<h2>Page Heading Here</h2>
<p>Content here</p>
</div>
</div>
</body>
I would appreciate any direction offered!
Thanks so much,
Deb

Float Drop CSS help needed, i'm loosing my mind.

Similar Messages

Maybe you are looking for