13 replies [Last post]
lloydphillips
Offline
Regular
Auckland, New Zealand
Last seen: 11 years 49 weeks ago
Auckland, New Zealand
Timezone: GMT+13
Joined: 2007-12-30
Posts: 11
Points: 0

I've searched the site for an answer to this but all I can find is a recommendation about checking the doctype. I'm in standards mode btw, which is correct I think.

I've got a list of buttons that need to display horizontally. All's good in FF but IE is stacking them directly on top of one another. My code for the list items is:

<ul>
<li>
<div class="btn">
<ASP:LinkButton id="butnDetails" runat="server" cssClass="floatright">Details<img src="images/global/pagenav_rightarrow.gif"/></ASP:LinkButton>
</div>
</li>
<li>
	  <div class="btn">
	  <ASP:LinkButton id="btnPrint" runat="server" OnClientClick="javascript: return InvoiceSummaryPrint()" cssClass="floatright">Print<img src="images/global/pagenav_rightarrow.gif" /></ASP:LinkButton>
	  </div>
</li>
<li>
	  <div class="btn">
	  <ASP:LinkButton id="butnExport" runat="server">Export<img src="images/global/pagenav_rightarrow.gif"  cssClass="floatright"/></ASP:LinkButton>
	  </div>
</li>
<li>
	  <ASP:DropDownList id="ddlsAction" runat="server" autopostback="True" visible="False" cssclass="dropDownList"></ASP:DropDownList>
</li>
<li>
	  <div class="btn">
	  <ASP:LinkButton id="butnReconcile" runat="server" ToolTip="Reconcile and maintain invoice lines" cssClass="floatright">Reconcile<img src="images/global/pagenav_rightarrow.gif" /></ASP:LinkButton>
	  </div>
</li>
<li>
	  <div class=" btn">
	  <ASP:LinkButton id="butnApprove" runat="server" ToolTip="Set status of selected invoices to Approved" cssClass="floatright">Approve<img src="images/global/pagenav_rightarrow.gif" /></ASP:LinkButton>
	  </div>
</li>
</ul>

I'm using the Yahoo reset min style sheet to give me a level playing field. My css for the btn div's and anything related to lists is as follows:

ul{ display:inline; }
 
div.btn{ float:right; margin-right:12px; }
div.list-btn{ margin:0; }
div.btn a, div.list-btn a{ display:block; height:17px; padding:3px 6px; border:#d8d8d8 1px solid;
background:url(../images/global/page-nav_link-bg.jpg) repeat-x center; text-decoration:none;
font-weight:bold; color:#0096c4; }
div.btn a:hover, div.list-btn a:hover{ border-color:#BFBFBF; text-decoration:none; }
div.btn a img{ vertical-align:middle; }
div.btn a.floatleft img{ margin-right:5px; }
div.btn a.floatright img{ margin-left:5px; }

I can't reference a link as this is an internal app, unfortunately. Any ideas?

Lloyd

nonbreakingspace
Offline
Enthusiast
Auckland, New Zealand
Last seen: 10 years 8 weeks ago
Auckland, New Zealand
Timezone: GMT+12
Joined: 2008-02-24
Posts: 64
Points: 1

Try floating the li's left,

Try floating the li's left, rather than a div inside them.

Also, would it be possible to remove the div.btn's and simply use the a tags (for styling the links and their layout)?

lloydphillips
Offline
Regular
Auckland, New Zealand
Last seen: 11 years 49 weeks ago
Auckland, New Zealand
Timezone: GMT+13
Joined: 2007-12-30
Posts: 11
Points: 0

That didn't work

Thanks for coming back to me. I tried floating the div's left earlier and that didn't seem to do much. I can't style the a tag as the 'button' has an image in it which is an arrow so the link and the arrow need to appear inside the button (hence the div).

Lloyd

Stomme poes
Stomme poes's picture
Offline
Elder
Netherlands
Last seen: 8 years 47 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2008-02-04
Posts: 1854
Points: 378

I also think the div is

I also think the div is silly and possibly causing issues by complicating things (nonbreakingspace, I love your nick!).

However I can't be sure of this funny feeling I have about the divs because the ASP stuff is confusling me... could you post code as the browser sees it (when all the ASP stuff is stripped out-- look at the page, View Source)? That's what the browsers are working with anyway. It's also easier for me to see what's going on too.

I do think the li's themselves are the ones who need to do the floating, even if you keep the divs inside.

In general, every child of a parent does not need a class (seems to be a programmer thing : )

IE has so many issues and problems with lists, you could easily be triggering some bug or another with this particular setup. So I'm thinking, if we can find another way for you to have the setup you want but with different code that also works in IE, then we'll just do that.

In general images should be either replaced with image replacement or something else done with them... every link should have some sort of text somewhere somehow for everyone... unless this is soley for an internal application and no blind people, dial-uppers or robots like teh googles are coming along-- in which case you have more freedom in what you do.

Heh, two kiwis, one thread.

I'm no expert, but I fake one on teh Internets

lloydphillips
Offline
Regular
Auckland, New Zealand
Last seen: 11 years 49 weeks ago
Auckland, New Zealand
Timezone: GMT+13
Joined: 2007-12-30
Posts: 11
Points: 0

Ok, sorry for the delay,

Ok, sorry for the delay, I've been ill most of last week. Here is some of the code. Really not much else to report on it other than this section. Other than this block it's inside a div tag called maincontent which is just a wrapper to seperate my navigation items from the main section. It's because of this I'm a little puzzled myself. I'm going to try to seperate these buttons into a page on their own to see if they render the same I'll try to post a screenshot somewhere on our website aswell to show you what I'm trying to achieve with the buttons in case you can offer an alternative with the same result.

<ul>
<li><div class="btn"><a id="ctl00_cp1_butnPendingInvoices" class="floatright" href="javascript:__doPostBack('ctl00$cp1$butnPendingInvoices','')">Pending Invoices <img src="images/global/pagenav_rightarrow.gif" /></a></div></li>
<li><div class="btn"><a id="ctl00_cp1_butnRefresh" class="floatright" href="javascript:__doPostBack('ctl00$cp1$butnRefresh','')">Refresh <img src="images/global/pagenav_rightarrow.gif" /></a></div></li>
</ul>

Lloyd

BTW, I'm an Englishman in Kiwiland so not really 2 kiwis one thread. Smile

lloydphillips
Offline
Regular
Auckland, New Zealand
Last seen: 11 years 49 weeks ago
Auckland, New Zealand
Timezone: GMT+13
Joined: 2007-12-30
Posts: 11
Points: 0

Simple page uploaded.

I've managed to create a simple page and take a screen grab. Here is what is should look like and does in Firefox http://www.ecargo.co.nz/media/9688/cssimage1.gif and here is what it looks like in IE http://www.ecargo.co.nz/media/9693/cssimage2.gif. In most of my pages the buttons from the second image are at their correct widths but they are still stacking on top of one another. Here is the code for my simple page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
  <head runat="server">
	<title></title>
	<link href="~/styles/reset-min.css" type="text/css" rel="stylesheet">
	<link href="~/styles/stylesheet.css" type="text/css" rel="stylesheet">
	<!--[if IE]><style type="text/css" rel="stylesheet">@import "styles/ie.css";</style><![endif]-->
 
  </head>
 
  <body>
	 <form runat="server">
	 <br/><br/><br/><br/>
	 <br/><br/><br/><br/>
	 <br/><br/><br/><br/>
	 <br/><br/><br/><br/>
	 <ul>
<li><div class="btn">
<a href="#">Button 1 <img src="images/global/pagenav_rightarrow.gif" /></a>
</div></li>
<li><div class="btn">
<a href="#">Button 2 <img src="images/global/pagenav_rightarrow.gif" /></a>
</div></li>
</ul>
     </form>
  </body>
</html>

And my complete CSS, thought it might be best to include the whole thing in case there are conflicts:

/* this stylesheet is based on the ecargo webservice styesheet */
a{ color:#98bfee; outline:none; text-decoration:none; }
    a:hover{text-decoration:underline;}
a.expand{ display:block; width:100%; height:100%; }
a.blue{ color: #006699; }
a.hyperbold{ color: #006699; text-decoration: none; font-weight: bold; font-size: 11px; }
	a.hyperbold:hover{ color: #cc0000; text-decoration: underline; font-weight: bold; font-size: 11px; }
a.copy { color: #ffffff; text-decoration: underline; }
 
 
body { font-family: Verdana, Helvetica, Arial, sans-serif; background:url('../Images/Global/bg.gif') repeat-x; font-size:66.7%;color:#666666; }
h2{ margin-top:0em; margin-bottom:0.25em; font-size:1.6em; font-weight:bold; color:#1955a3; }
h3{ margin:1em 0px; font-size:1.5em; color:#1955a3; }
h4{ margin:1em 0px 0.8em; font-size:1.3em; color:#1955a3; }
h5{ margin:1em 0px 0.8em; font-size:1.1em; color:#1955a3; }
p{ margin-bottom:1em; }
hr{ margin-bottom:1em; border:0; border-bottom:#dedede 1px solid; }
div.indent{ text-indent:20px;}
th  { font-size: 11px; color: #115588; }
td { font-size: 11px; color: #115588; }
/*label{ width:170px; float:left; color:#000; padding-top:2px; }*/
label.slim{ color:#000; padding-top:2px; width:60px; }
ul{ display:inline; }
 
ol li{ list-style:decimal inside; }
 
li p{text-indent:20px;}
 
ul.list{ margin-bottom:0.8em; }
ul.list li{ padding-left:20px; margin:0.2em 0px; background:url(../Images/Global/list-blue_doublearrow.gif) no-repeat 0px 5px;}
 
/* html Control Styles */
input { font-size: 11px; }
select { font-size: 11px; }
textarea { font-size: 11px; }
 
/* .net Control Styles */
.checkBox{padding:1px; }
    .checkBox input{ margin-top:4px; }
    .checkBox label{ margin:0 4px;}
/* checkBox List styles with checkBox as cssclass */
table.checkBox{}
    table.checkBox td{padding:3px 0;}
    table.checkBox label{padding-left:4px; width:auto;}
.textbox-small{ border:1px solid black; width:50px; padding:2px; }
.textbox{ border:1px solid black; width:200px; padding:2px; }
.multitextbox{ border:1px solid black; padding:2px; };
.dropDownList{ width:200px; padding:2px; }
.datePicker{ width:230px; float:left; }
.radioList label{ margin-right:20px; }
.radioList input{ margin:0 5px -3px 0; }
 
.heading { font-weight: bold; font-size: 16px; color: #cc0000; }
 
/* main content styles */
.clear{ clear:both }
.clear-l{ clear:left }
.clear-r{ clear:right }
.floatleft{ float:left }
	img.floatleft{ margin-right:5px; }
.floatright{ float:right }
	img.floatright{ margin-left:5px; }
.text-l{ text-align:left; }
.text-r{ text-align:right; }
.text-c{ text-align:center; }
.middle{ vertical-align:middle; }
.red{ color:red; }
.width50{ width:50%; }
.width47{ width:47%; }
.width30{ width:30%; }
em{ font-style:italic }
strong{ font-weight:bold }
 
/* Padding sections */
.pad10{ height:10px; }
.pad20{ height:20px; }
.pad30{ height:30px; }
.hmargin2{ padding:2px 0; }
.hpad15{ padding:15px 0; }
.hpad10{ padding:10px 0; }
.right-12{ margin-right:12px; }
.left-5{ margin-left:5px; }
.left-10{ margin-left:10px; }
.left-20{ margin-left:20px; float:left; }
.bottom-3{ margin-bottom:3px; }
.width10pc{ width:10%;}
.width30pc{width:25%;}
 
.indent{ padding: 10px 30px 1px 30px; }
.indentsmall{ padding:1px 10px; }
.indentsmallcoloured{ padding:1px 10px; background-color: #f0f8ff; }
 
/* Grids */
.grid_item{ }
.grid_alternating{background-color: #f0f8ff; padding:5px;}
.grid_heading, .grid_footer{ padding:5px; background-color: #FBF2A5; border-top:1px solid #F7E448;
    border-bottom:1px solid #F7E448; color:#1955a3; font-weight:bold; }
table.grid_heading{
    padding:5px; background-color: #FBF2A5; border-top:1px solid #F7E448;
    border-bottom:1px solid #F7E448; color:#1955a3; font-weight:bold; }
table.grid_heading, table.grid_item, table.grid_footer{ width:100%; }
 
.grid_heading tr td, .grid_footer tr td, .grid_item tr td,
    .grid_heading td, .grid_heading th, .grid_footer td, .grid_item td,
    .grid_row td, td.grid_row, .grid_alternating td{padding:8px 5px;}
.grid_heading td.delete, .grid_item td.delete{width:50px; text-align:center; }
.grid_heading td.eta, .grid_item td.eta{width:260px; text-align:left;}
 
table.invHist{ width:100%; }
table.invHist td,table.invHist th{ padding:2px; }
table.invHist-heading{ background-color: #FBF2A5; color:#1955a3;
border-top:1px solid #F7E448; border-bottom:1px solid #F7E448; font-weight:bold; }
table.invHist-row{ margin:5px 0; }
 
td.editbtn{ padding:3px; }
td.editbtn a{ display:block; width:60px; height:17px; padding:3px 6px; border:#d8d8d8 1px solid;
background:url(../images/global/page-nav_link-bg.jpg) repeat-x center; text-decoration:none;
font-weight:bold; color:#0096c4; float:right; text-align:center; margin:1px 0; }
td.chkSelect{ text-align:center; }
 
.grid_item a, .grid_alternating a {color:#1A55A1}
 
/* header */
#header{ height:19px; padding:6px 0 6px 20px; clear:both; }
#header .left { float:left; }
#header .left #company{ font-size:1.5em; padding:0 20px 0 0; color:#fff; }
#header ul.right { float:right; padding:2px 0; display:inline; }
#header ul.right li { color:#ffffff; padding:0 26px 0 0; float:left; }
#header ul.right li.username{ }
 
/* top navigation */
#nav{ position:relative; clear:both; margin:0; height:54px; }
#nav #logo{ float:right; margin:6px 22px; }
 
ul.mainnav{ position:absolute; bottom:0; left:10px; padding:0; margin:0; float:left; }
    ul.mainnav li { display:block; float:left; padding:0; margin:0; }
    ul.mainnav li a{ display:block; height:48px;}
 
    ul.mainnav li.dashboard a{ width:99px; background:url(../Images/global/nav-dashboard.gif) no-repeat 0px 0px; }
    ul.mainnav li.dashboard a:hover{ background-position:0 -48px; }
    ul.mainnav li.dispatch a{ width:88px; background:url(../Images/global/nav-dispatch.gif) no-repeat 0px 0px; }
    ul.mainnav li.dispatch a:hover{ background-position:0 -48px; }
    ul.mainnav li.invoices a{ width:84px; background:url(../Images/global/nav-invoices.gif) no-repeat 0px 0px; }
    ul.mainnav li.invoices a:hover{ background-position:0 -48px; }
    ul.mainnav li.shipping a{ width:87px; background:url(../Images/global/nav-shipping.gif) no-repeat 0px 0px; }
    ul.mainnav li.shipping a:hover{ background-position:0 -48px; }
    ul.mainnav li.reports a{ width:83px; background:url(../Images/global/nav-reports.gif) no-repeat 0px 0px; }
    ul.mainnav li.reports a:hover{ background-position:0 -48px; }
    ul.mainnav li.admin a{ width:76px; background:url(../Images/global/nav-admin.gif) no-repeat 0px 0px; }
    ul.mainnav li.admin a:hover{ background-position:0 -48px; }
 
    ul.mainnav li.dashboard-on a{ width:99px; background:url(../Images/global/nav-dashboard.gif) no-repeat 0px -96px; }
    ul.mainnav li.dispatch-on a{ width:88px; background:url(../Images/global/nav-dispatch.gif) no-repeat 0px -96px; }
    ul.mainnav li.invoices-on a{ width:84px; background:url(../Images/global/nav-invoices.gif) no-repeat 0px -96px; }
    ul.mainnav li.shipping-on a{ width:87px; background:url(../Images/global/nav-shipping.gif) no-repeat 0px -96px; }
    ul.mainnav li.reports-on a{ width:83px; background:url(../Images/global/nav-reports.gif) no-repeat 0px -96px; }
    ul.mainnav li.admin-on a{ width:76px; background:url(../Images/global/nav-admin.gif) no-repeat 0px -96px; }
 
/* banner section */
#banner{ height:20px; padding:22px;}
#banner .title{ float:left; font-size:1.6em; color:#1955a3; }
 
/* main content section */
.main-content{ margin:10px; padding:0; font-size:1.2em; }
.main-content h4{ text-indent:10px; }
 
/* form items */
.form{ margin:0 10px;}
.left-350{ width:395px; }
 
.form-item{ min-height:30px; height:auto !important; height:30px; clear:both; }
.form-item label{ width:160px; float:left; color:#888; padding-top:2px; }
.form-item div{ padding-top:2px; }
.form-item label.slim{ width:70px; }
.form-item input{ float:left; }
.required label{ color:#000; }
 
.error{ color:red; }
p.error{ color:red; text-indent:10px; margin-bottom:15px; }
 
div.btn{ float:right; margin-right:12px; }
div.list-btn{ margin:0; }
div.btn a, div.list-btn a{ display:block; height:17px; padding:3px 6px; border:#d8d8d8 1px solid;
background:url(../images/global/page-nav_link-bg.jpg) repeat-x center; text-decoration:none;
font-weight:bold; color:#0096c4; }
div.btn a:hover, div.list-btn a:hover{ border-color:#BFBFBF; text-decoration:none; }
div.btn a img{ vertical-align:middle; }
div.btn a.floatleft img{ margin-right:5px; }
div.btn a.floatright img{ margin-left:5px; }
 
/* left navigation bar */
.left-nav{ margin-right:10px;}
 
/* footer */
#footer{ text-align:center; margin:40px 0; clear:both; line-height:1.8em; }
 
.pnlVehicle{ float:left; }
.pnlTextBox{ clear:both; min-height:30px; padding:5px 0; }
.pnlTextBox label.slim{ width:100px; }
.pnlTextBox .textbox{  width:126px; }
 
.calendar td{ color:#fff; text-align:center; vertical-align:middle;}
.calendar th{ color:#fff; text-align:center; vertical-align:middle;}
.calender-footer{ width:202px; border:1px solid #1955A3; background-color:#1955A3; padding:3px; height:20px; }
.calender-footer .btn{ float:right; }
 
.pnl-action{ padding:10px;}
.pnl-action h5{ margin:0 0 0.8em; }
.pnl-action ul{ float:right; width:200px; margin:-30px -12px 0 0;}
.pnl-action label{ width:auto; }
.pnl-action .chkList{ line-height:0.5em }
.pnl-action .chkList label{ }
.pnl-action .chkList input{ margin:0 5px -4px 0; }
.pnl-action .chk{ padding:2px; }
.pnl-action .lbl{ margin:0 0 4px;}
 
.list-item{ width:100%; padding:5px; clear:both; color:#000; }
.list-item label{ width:200px; font-weight:bold; float:left; }
.list-item span.left{ width:200px; float:left; }
 
.alert{border:1px solid #C00; background-color:#FCC; padding:10px; height:24px;}
.alert p{ color:#C00; float:left; font-size:1.3em; }
.alert img.exc{ margin:3px 10px 0 0; }
.alert ul{ right:0; }
 
/*.shipping-schedule{width:750px;}*/
.shipping-schedule ul{right:0; }
.shipping-schedule h4{display: inline; margin-bottom:20px; width:200px;}
.action-dropDownList{ width:140px; padding:2px; float:right; }
 
/* Search Box */
.box{ background:#fff url('../Images/Global/box-bg.gif') no-repeat; width: 954px;
min-height:100px; height:auto !important; height:100px; float:left;
padding:0 10px 10px 10px; margin:0 0 10px 0;}
.box h5{ padding:0.6em 0; margin:0; font-size:1.1em; color:#1955a3; }
.search-box{ border:1px solid #F7E448; padding:10px; float:left; }
 
/* Dashboard Panels */
/* Panel Header */
.panel{ margin-bottom:20px; }
.panel .head{ background:#838383 url('../Images/Global/panel-header-base.gif') repeat-x left bottom;
  min-height:22px;
  height:auto !important;
  height:22px; font-size:1em; color:#fff; padding:4px;
  border-top:1px solid #A3A3A3; margin-bottom:4px; }
.panel li{ padding:8px 0; text-indent:10px; border-bottom:1px solid #C8C8C8; }
.panel li:first-child{ padding:0 0 8px 0; }
.panel a{ color:#1955A3; }
/* Dashboard */
.pnl-kpi{ float:left; width:300px; }
.pnl-vol-moved{ margin-left:320px; width:400px; }
.pnl-move-types{ margin-left:320px; width:400px; }
/* My eCargo */
.pnl-myecargo{ float:left; width:300px; }
.pnl-common{ margin-left:320px; width:300px; }
/* Reports */
.pnl-rep-fin{ float:left; width:300px; }
.pnl-rep-op{ margin-left:320px; width:300px; }
.pnl-rep-kpi{ margin-left:320px; width:300px; }
/* Invoices */
ul.inv{ float:left; width:300px; }
.pnl-inv-inv{ width:300px; }
.pnl-inv-company{ width:300px; }
.pnl-inv-common{ margin-left:340px; width:300px; }
/* Admin */
.pnl-admin-myecargo{ float:left; width:300px; }
.pnl-admin-common{ margin-left:340px; width:300px; }

Hope that helps you guys to help me suss this problem out.

Lloyd

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 49 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

The links to your

The links to your screenshots don't work and you've got an incorrect doctype on your page which will put IE into quirks mode.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

lloydphillips
Offline
Regular
Auckland, New Zealand
Last seen: 11 years 49 weeks ago
Auckland, New Zealand
Timezone: GMT+13
Joined: 2007-12-30
Posts: 11
Points: 0

Progress.

Interesting. I take the div's out completely and the img's so I'm left with just links and they are still stacking on top of one another. Not what I expected.

I played with floating the li's right using my class="floatright" and I've got my basic buttons to appear as they should. I'm going to jump through my main pages now and see if adding floatright to my li's works too. Here's a question for Stomme, you mentioned a 'programmer thing' of 'every child of a parent does not need a class' I'm not entirely sure what you mean, can you give me an example of where you think/see I'm going wrong.

lloydphillips
Offline
Regular
Auckland, New Zealand
Last seen: 11 years 49 weeks ago
Auckland, New Zealand
Timezone: GMT+13
Joined: 2007-12-30
Posts: 11
Points: 0

Hi Tysen Sorry, the doc type

Hi Tysen
Sorry, the doc type on my basic page was wrong on all my other pages it's which is correct I think.
I've made some more progress, I think it is coming down to the fact I'm not setting my widths on my li's. When I got my basic page to work I'd set the width of the li to 100px to stop it from being across the page, then in my main app it didn't work without the width. By adding a red border to my li's I can see in IE the item is spanning the whole of the page so it hasn't got room to display inline. Other than setting width's on the li's is there a way I can get around this? I would have expected my div tag would be simply the length of the text in my link and the arrow image but I obviously need to state the width for IE, any suggestions?

Lloyd

lloydphillips
Offline
Regular
Auckland, New Zealand
Last seen: 11 years 49 weeks ago
Auckland, New Zealand
Timezone: GMT+13
Joined: 2007-12-30
Posts: 11
Points: 0

Code from View Source - still having issues. :(

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 
<html>
  <head><title>
	eCargo Online - Invoice Summary
</title><link href="styles/reset-min.css" type="text/css" rel="stylesheet" /><link href="styles/stylesheet.css" type="text/css" rel="stylesheet" />
	<!--[if IE]><style type="text/css" rel="stylesheet">@import "styles/ie.css";</style><![endif]-->
  </head>
  <body>
	 <form name="aspnetForm" method="post" action="RatingAndReconciliation.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJLTg1NjE2NDU0D2adfsd fQWAmYPZBYCAgMsdfPZBYGAgEPZBsgdfgdfYIAgEPFgIeBFRleHQFCExvZGVzdGFyZAIDD2QWAgIBDxYCHglpbm5lcmh0bWwFIUxvZ2dlZCBpbiBhcyBlQ2FyZ28gTG9kZXN0YXIgVXNlcmQCBQ9kFgYCAQ8WAh4HVmlzaWJsZWhkAgMPFgIfAmhkAgUPFgIeBWNsYXNzBQtpbnZvaWNlcy1vbmQCBw8WAh8ABQhJbnZvaWNlc2QCAw9kFgQCAw9kFgwCAQ8QZBAVHwVbQWxsXR9CYXkgVHJlYXRtZW50IC0gTW91bnQgTWF1bmdhbnVpKUJheSBUcmVhdG1lbnQgLSBNb3VudCBNYXVuZ2FudWkgKEthd2VyYXUpJUJheSBUcmVhdG1lbnQgLSBNb3VudCBNYXVuZ2FudWkgKFB1dCkYQmF5IFRyZWF0bWVudCAtIFJpY2htb25kFUJheSBUcmVhdG1lbnQgLSBUYXVwbxRDSEggLSBGdXR1cmVidWlsZCBEQxlDSEggLSBGdXR1cmVidWlsZCBNYXJzZGVuEkNISCAtIFBhbmVscyAtIE1ERhhDSEggLSBQaW5lIFBhbmVscyAtIEtvcHUiQ0hIIC0gV29vZHByb2R1Y3RzIC0gS2F3ZXJhdSBSZW1hbiRDSEggLSBXb29kcHJvZHVjdHMgLSBLYXdlcmF1IFNhd21pbGwjQ0hIIC0gV29vZHByb2R1Y3RzIC0gS2lubGVpdGggS2lsbnMZQ0hIIC0gV29vZHByb2R1Y3RzIC0gS29wdSlDSEggLSBXb29kcHJvZHVjdHMgLSBNdCBNYXVuZ2FudWkgUGx5d29vZBtDSEggLSBXb29kcHJvZHVjdHMgLSBOZWxzb24kQ0hIIC0gV29vZHByb2R1Y3RzIC0gUGx5d29vZCBUb2tvcm9hHUNISCAtIFdvb2Rwcm9kdWN0cyAtIFB1dGFydXJ1JUNISCAtIFdvb2Rwcm9kdWN0cyAtIFJhaW5ib3cgTW91bnRhaW4lQ0hIIC0gV29vZHByb2R1Y3RzIC0gUmFtc2V5IFJvdW5kd29vZCJDSEggLSBXb29kcHJvZHVjdHMgLSBSb3RvcnVhIFJlbWFuJkNISCAtIFdvb2Rwcm9kdWN0cyAtIFJvdW5kd29vZCBUb2tvcm9hIENISCAtIFdvb2Rwcm9kdWN0cyA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" />
</div>
 
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>
 
 
<script language=javascript>function InvoiceSummaryPrint(){  var PrintWindow = window.open("InvoiceSummaryPrint.aspx", "InvoiceSummaryPrint",     "width=750, height=600, menubar=yes, resizable=yes, scrollbars=yes, location=no, left=180, modal=yes");}</script><script language=javascript>function ShowHelp() {  window.open("http://localhost/eCargoHelp/index.htm", "eCargoHelp", "width=1002, height=600, menubar=yes, resizable=yes, scrollbars=yes, location=no, left=180, modal=yes");}</script><script language=javascript>function HideElement(ElementId){    var elem = document.getElementById(ElementId);   if (elem == null)    return;     elem.style.display="none"; } </script> <script language=JavaScript> function SelectDeselectAll( SelectAllCheckBox ) {   var form = document.forms[0];   for (i=0; i< form.length; i++)   {     element = form.elements[i];     if(element.type == "checkbox" && element.name.indexOf("chbxItemSelect") != -1)       element.checked = SelectAllCheckBox.checked;   } }</script><script language=JavaScript>function UpdateSelectDeselectAll(){  var form = document.forms[0];  var boolAllChecked;  boolAllChecked = true;  for(i=0; i < form.length; i++)  {    element = form.elements[i];    if (element.type == "checkbox" && element.name.indexOf("chbxItemSelect") != -1)      if (element.checked == false)      {         boolAllChecked = false;         break;      }  }  for(i=0; i < form.length; i++)  {    element = form.elements[i];    if (element.type == "checkbox" && element.name.indexOf("chbxSelectAll") != -1 )    {      if (boolAllChecked == false)        element.checked = false;      else        element.checked = true;      break;    }   } } </script>
 
<div id="header">
<div class="left">
<span id="company">Lodestar</span></div>
<ul id="ctl00_ucB1_ulRight" class="right">
<li id="ctl00_ucB1_lUserDetails" class="username">Logged in as eCargo Lodestar User</li>
<li><a href="Admin.aspx">My eCargo</a></li>
<li><a id="hplkHelp" href="javascript: ShowHelp()">Help</a></li>
<li><a href="LogOut.aspx" id="ctl00_ucB1_hplkLogout">Logout</a></li>
</ul>
</div>
 
<div id="nav">
<ul id="ctl00_ucB1_ulLeft" class="mainnav">
 
 
<li id="ctl00_ucB1_liInv" class="invoices-on"><a href="Invoices.aspx"></a></li>
<li id="ctl00_ucB1_liShip" class="shipping"><a href="Shipping.aspx"></a></li>
<li id="ctl00_ucB1_liRep" class="reports"><a href="Reports.aspx"></a></li>
<li id="ctl00_ucB1_liAdmin" class="admin"><a href="Admin.aspx"></a></li>
</ul>
 
<img src="Images/Global/nav-logo.gif" id="logo" /></div>
 
<div id="banner"><div class="title">Invoices</div></div>
 
	  <div class="main-content">
 
<h4>Invoice Report</h4>
<span id="ctl00_cp1_lablStatus" class="error"></span>
 
<div id="ctl00_cp1_panlFind">
 
	<div class="box">
	<h5>Find Invoice Numbers</h5>
	<DIV class="form-item"><label>Site:</label>
		<select name="ctl00$cp1$ddlsSite" id="ctl00_cp1_ddlsSite" class="dropDownList">
		<option value="-999999">[All]</option>
		<option selected="selected" value="9067">Bay Treatment - Mount Maunganui</option>
		<option value="16690">Bay Treatment - Mount Maunganui (Kawerau)</option>
		<option value="9204">Bay Treatment - Mount Maunganui (Put)</option>
		<option value="21688">Bay Treatment - Richmond</option>
		<option value="1079">Bay Treatment - Taupo</option>
		<option value="3155">CHH - Futurebuild DC</option>
		<option value="1464">CHH - Futurebuild Marsden</option>
		<option value="932">CHH - Panels - MDF</option>
		<option value="1184">CHH - Pine Panels - Kopu</option>
		<option value="14698">CHH - Woodproducts - Kawerau Reman</option>
		<option value="14761">CHH - Woodproducts - Kawerau Sawmill</option>
		<option value="1077">CHH - Woodproducts - Kinleith Kilns</option>
		<option value="1098">CHH - Woodproducts - Kopu</option>
		<option value="17160">CHH - Woodproducts - Mt Maunganui Plywood</option>
		<option value="1193">CHH - Woodproducts - Nelson</option>
		<option value="1086">CHH - Woodproducts - Plywood Tokoroa</option>
		<option value="1072">CHH - Woodproducts - Putaruru</option>
		<option value="14841">CHH - Woodproducts - Rainbow Mountain</option>
		<option value="14548">CHH - Woodproducts - Ramsey Roundwood</option>
		<option value="1090">CHH - Woodproducts - Rotorua Reman</option>
		<option value="1175">CHH - Woodproducts - Roundwood Tokoroa</option>
		<option value="1083">CHH - Woodproducts - Taupo Reman</option>
		<option value="1081">CHH - Woodproducts - Tokoroa Reman</option>
		<option value="19965">CHH - Woodproducts - Whangarei (ex TDC)</option>
		<option value="1727">CHH - Woodproducts NZ</option>
		<option value="9168">Lodestar</option>
		<option value="4187">Lumbercorp Ohinewai</option>
		<option value="20259">Move Logistics</option>
		<option value="2442">Papakura Timber Processors Ltd</option>
		<option value="7921">Timber Treatments</option>
 
	</select>
	</DIV>
	<DIV class="form-item"><label>To Date:</label>
		<div id="ctl00_cp1_ucFromDate_panlDatePicker" class="datePicker">
 
 
	<select name="ctl00$cp1$ucFromDate$ddlsDay" id="ctl00_cp1_ucFromDate_ddlsDay" class="floatleft">
			<option selected="selected" value=""></option>
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
			<option value="4">4</option>
			<option value="5">5</option>
			<option value="6">6</option>
			<option value="7">7</option>
			<option value="8">8</option>
			<option value="9">9</option>
			<option value="10">10</option>
			<option value="11">11</option>
			<option value="12">12</option>
			<option value="13">13</option>
			<option value="14">14</option>
			<option value="15">15</option>
			<option value="16">16</option>
			<option value="17">17</option>
			<option value="18">18</option>
			<option value="19">19</option>
			<option value="20">20</option>
			<option value="21">21</option>
			<option value="22">22</option>
			<option value="23">23</option>
			<option value="24">24</option>
			<option value="25">25</option>
			<option value="26">26</option>
			<option value="27">27</option>
			<option value="28">28</option>
			<option value="29">29</option>
			<option value="30">30</option>
			<option value="31">31</option>
 
		</select>
	<select name="ctl00$cp1$ucFromDate$ddlsMonth" id="ctl00_cp1_ucFromDate_ddlsMonth" class="floatleft">
			<option selected="selected" value="0"></option>
			<option value="1">Jan</option>
			<option value="2">Feb</option>
			<option value="3">Mar</option>
			<option value="4">Apr</option>
			<option value="5">May</option>
			<option value="6">Jun</option>
			<option value="7">Jul</option>
			<option value="8">Aug</option>
			<option value="9">Sep</option>
			<option value="10">Oct</option>
			<option value="11">Nov</option>
			<option value="12">Dec</option>
 
		</select>
	<select name="ctl00$cp1$ucFromDate$ddlsYear" id="ctl00_cp1_ucFromDate_ddlsYear" class="floatleft">
			<option selected="selected" value=""></option>
			<option value="2006">2006</option>
			<option value="2007">2007</option>
			<option value="2008">2008</option>
			<option value="2009">2009</option>
			<option value="2010">2010</option>
			<option value="2011">2011</option>
			<option value="2012">2012</option>
			<option value="2013">2013</option>
			<option value="2014">2014</option>
			<option value="2015">2015</option>
			<option value="2016">2016</option>
			<option value="2017">2017</option>
 
		</select>
  <input type="image" name="ctl00$cp1$ucFromDate$imbtCalendar" id="ctl00_cp1_ucFromDate_imbtCalendar" title="Calendar" class="left-5" src="Images/Global/new_date.gif" style="border-width:0px;" />
  <input type="image" name="ctl00$cp1$ucFromDate$imbtClear" id="ctl00_cp1_ucFromDate_imbtClear" title="Clear Calendar" class="left-5" src="Images/Global/new_date_clear.gif" style="border-width:0px;" />
 
 
 
	</div>
 
		<label class="slim">End:</label>
		<div id="ctl00_cp1_ucToDate_panlDatePicker" class="datePicker">
 
 
	<select name="ctl00$cp1$ucToDate$ddlsDay" id="ctl00_cp1_ucToDate_ddlsDay" class="floatleft">
			<option selected="selected" value=""></option>
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
			<option value="4">4</option>
			<option value="5">5</option>
			<option value="6">6</option>
			<option value="7">7</option>
			<option value="8">8</option>
			<option value="9">9</option>
			<option value="10">10</option>
			<option value="11">11</option>
			<option value="12">12</option>
			<option value="13">13</option>
			<option value="14">14</option>
			<option value="15">15</option>
			<option value="16">16</option>
			<option value="17">17</option>
			<option value="18">18</option>
			<option value="19">19</option>
			<option value="20">20</option>
			<option value="21">21</option>
			<option value="22">22</option>
			<option value="23">23</option>
			<option value="24">24</option>
			<option value="25">25</option>
			<option value="26">26</option>
			<option value="27">27</option>
			<option value="28">28</option>
			<option value="29">29</option>
			<option value="30">30</option>
			<option value="31">31</option>
 
		</select>
	<select name="ctl00$cp1$ucToDate$ddlsMonth" id="ctl00_cp1_ucToDate_ddlsMonth" class="floatleft">
			<option selected="selected" value="0"></option>
			<option value="1">Jan</option>
			<option value="2">Feb</option>
			<option value="3">Mar</option>
			<option value="4">Apr</option>
			<option value="5">May</option>
			<option value="6">Jun</option>
			<option value="7">Jul</option>
			<option value="8">Aug</option>
			<option value="9">Sep</option>
			<option value="10">Oct</option>
			<option value="11">Nov</option>
			<option value="12">Dec</option>
 
		</select>
	<select name="ctl00$cp1$ucToDate$ddlsYear" id="ctl00_cp1_ucToDate_ddlsYear" class="floatleft">
			<option selected="selected" value=""></option>
			<option value="2006">2006</option>
			<option value="2007">2007</option>
			<option value="2008">2008</option>
			<option value="2009">2009</option>
			<option value="2010">2010</option>
			<option value="2011">2011</option>
			<option value="2012">2012</option>
			<option value="2013">2013</option>
			<option value="2014">2014</option>
			<option value="2015">2015</option>
			<option value="2016">2016</option>
			<option value="2017">2017</option>
 
		</select>
  <input type="image" name="ctl00$cp1$ucToDate$imbtCalendar" id="ctl00_cp1_ucToDate_imbtCalendar" title="Calendar" class="left-5" src="Images/Global/new_date.gif" style="border-width:0px;" />
  <input type="image" name="ctl00$cp1$ucToDate$imbtClear" id="ctl00_cp1_ucToDate_imbtClear" title="Clear Calendar" class="left-5" src="Images/Global/new_date_clear.gif" style="border-width:0px;" />
 
 
 
	</div>
 
	</DIV>
	<DIV class="form-item"><label>Invoice Status:</label>
		<select name="ctl00$cp1$ddlsInvoiceStatus" id="ctl00_cp1_ddlsInvoiceStatus" class="dropDownList">
		<option value="NULL_STRING">[All]</option>
		<option value="Action Required">Action Required (AR)</option>
		<option selected="selected" value="Approved">Approved (Ap)</option>
		<option value="Paid">Paid (Pd)</option>
 
	</select>
	</DIV>
		<div class="btn">
			<a id="ctl00_cp1_butnFindInvoiceNumbers" class="floatright" href="javascript:__doPostBack('ctl00$cp1$butnFindInvoiceNumbers','')">Find Invoice Numbers<img src="images/global/pagenav_rightarrow.gif" />
			</a>
		</div>
	</div>
 
	<div class="box">
	<h5>Search By Invoice Number</h5>
	<DIV class="form-item"><label>Invoice Number:</label>
		<input name="ctl00$cp1$txbxInvoiceNumber" type="text" maxlength="32" id="ctl00_cp1_txbxInvoiceNumber" class="textbox" onkeydown="javascript:if((event.which &amp;&amp; event.which == 13) ||   (event.keyCode &amp;&amp; event.keyCode == 13))   {document.getElementById(&quot;ctl00$cp1$butnInvoiceReport&quot;).click();  return false;}else   return true;" />
	</DIV>
	<div class="btn">
		<a id="ctl00_cp1_butnInvoiceReport" class="floatright" href="javascript:__doPostBack('ctl00$cp1$butnInvoiceReport','')">Invoice Report<img src="images/global/pagenav_rightarrow.gif" />
		</a>
	</div>
	</div>
 
</div>
 
<div id="ctl00_cp1_panlFindResult">
 
<DIV id="ctl00_cp1_PrintContent">
	<div id="ctl00_cp1_ucSelectedInvoiceNumbers_panlSelectedInvoices">
 
	<div class="clear pad20"></div>
	<table id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices" cellspacing="0" border="0" style="width:100%;border-collapse:collapse;">
			<tr>
				<td colspan="10">
		<table class="grid_heading"><tr>
		<td><span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl00_lablTitle">Invoice Numbers</span></td>
		</tr></table>
	</td>
			</tr><tr>
				<td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl01_lablInvoiceNumber">21854</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl01_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl02_lablInvoiceNumber">21870</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl02_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl03_lablInvoiceNumber">21882</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl03_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl04_lablInvoiceNumber">21885</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl04_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl05_lablInvoiceNumber">22011</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl05_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl06_lablInvoiceNumber">22036</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl06_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl07_lablInvoiceNumber">22039</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl07_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl08_lablInvoiceNumber">22040</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl08_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl09_lablInvoiceNumber">22187</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl09_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl10_lablInvoiceNumber">22214</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl10_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td>
			</tr><tr>
				<td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl11_lablInvoiceNumber">22217</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl11_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl12_lablInvoiceNumber">22378</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl12_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl13_lablInvoiceNumber">22400</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl13_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl14_lablInvoiceNumber">22404</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl14_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl15_lablInvoiceNumber">22580</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl15_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl16_lablInvoiceNumber">22788</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl16_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl17_lablInvoiceNumber">22811</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl17_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl18_lablInvoiceNumber">22812</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl18_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl19_lablInvoiceNumber">22891</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl19_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl20_lablInvoiceNumber">22905</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl20_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td>
			</tr><tr>
				<td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl21_lablInvoiceNumber">22916</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl21_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl22_lablInvoiceNumber">22917</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl22_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl23_lablInvoiceNumber">22921</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl23_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl24_lablInvoiceNumber">23117</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl24_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl25_lablInvoiceNumber">23143</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl25_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl26_lablInvoiceNumber">23146</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl26_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl27_lablInvoiceNumber">23291</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl27_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl28_lablInvoiceNumber">23294</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl28_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl29_lablInvoiceNumber">23495</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl29_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl30_lablInvoiceNumber">23524</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl30_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td>
			</tr><tr>
				<td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl31_lablInvoiceNumber">23527</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl31_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl32_lablInvoiceNumber">23687</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl32_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl33_lablInvoiceNumber">23690</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl33_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl34_lablInvoiceNumber">23836</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl34_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl35_lablInvoiceNumber">24057</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl35_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl36_lablInvoiceNumber">24060</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl36_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl37_lablInvoiceNumber">24284</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl37_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl38_lablInvoiceNumber">24287</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl38_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl39_lablInvoiceNumber">24453</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl39_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl40_lablInvoiceNumber">24463</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl40_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td>
			</tr><tr>
				<td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl41_lablInvoiceNumber">24467</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl41_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl42_lablInvoiceNumber">24659</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl42_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl43_lablInvoiceNumber">24662</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl43_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl44_lablInvoiceNumber">24856</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl44_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl45_lablInvoiceNumber">24859</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl45_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl46_lablInvoiceNumber">25002</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl46_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl47_lablInvoiceNumber">25031</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl47_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl48_lablInvoiceNumber">25032</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl48_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl49_lablInvoiceNumber">25035</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl49_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl50_lablInvoiceNumber">25324</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl50_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td>
			</tr><tr>
				<td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl51_lablInvoiceNumber">25332</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl51_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl52_lablInvoiceNumber">25333</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl52_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl53_lablInvoiceNumber">25524</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl53_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl54_lablInvoiceNumber">2629</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl54_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td>
		<p style="padding:5px; display:inline-block;">
		<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl55_lablInvoiceNumber">LS937</span>&nbsp;(<span id="ctl00_cp1_ucSelectedInvoiceNumbers_dtlsSelectedInvoices_ctl55_lablInvoiceStatus">Ap</span>)
		&nbsp;
		</p>
	</td><td></td><td></td><td></td><td></td><td></td>
			</tr>
		</table>
 
	</div>
 
	<table id="ctl00_cp1_dtlsReconciliationSummary" cellspacing="0" border="0" style="width:100%;border-collapse:collapse;">
		<tr>
			<td>
		<table class="grid_heading"><tr>
		<td width="50%">&nbsp;</td>
		<td width="10%" class="text-r"><b>Count</b></td>
		<td width="20%" class="text-r"><b>Calculated</b></td>
		<td width="20%" class="text-r"><b>Invoiced</b></td>
		</tr></table>
	</td>
		</tr><tr>
			<td>
		<table class="grid_item"><tr>
		<td width="50%">Credit</td>
		<td width="10%" class="text-r">5</td>
		<td width="20%" class="text-r">-$1,898.41</td>
		<td width="20%" class="text-r">-$1,898.41</td>
		</tr></table>
	</td>
		</tr><tr>
			<td style="background-color:#F9F9F9;">
		<table class="grid_item"><tr>
		<td width="50%">Credit Requested</td>
		<td width="10%" class="text-r">2</td>
		<td width="20%" class="text-r">$183.44</td>
		<td width="20%" class="text-r">$183.44</td>
		</tr></table>
	</td>
		</tr><tr>
			<td>
		<table class="grid_item"><tr>
		<td width="50%">POD Sent</td>
		<td width="10%" class="text-r">1</td>
		<td width="20%" class="text-r">&nbsp;</td>
		<td width="20%" class="text-r">$85.60</td>
		</tr></table>
	</td>
		</tr><tr>
			<td style="background-color:#F9F9F9;">
		<table class="grid_item"><tr>
		<td width="50%">Reconciled</td>
		<td width="10%" class="text-r">5</td>
		<td width="20%" class="text-r">$1,216.83</td>
		<td width="20%" class="text-r">$1,216.83</td>
		</tr></table>
	</td>
		</tr><tr>
			<td>
		<table class="grid_item"><tr>
		<td width="50%">Reconciled - Manually Overridden</td>
		<td width="10%" class="text-r">79</td>
		<td width="20%" class="text-r">$18,579.90</td>
		<td width="20%" class="text-r">$18,579.90</td>
		</tr></table>
	</td>
		</tr><tr>
			<td style="background-color:#F9F9F9;">
		<table class="grid_item"><tr>
		<td width="50%">Reconciled - Variance Acceptable</td>
		<td width="10%" class="text-r">1164</td>
		<td width="20%" class="text-r">$285,494.31</td>
		<td width="20%" class="text-r">$285,494.31</td>
		</tr></table>
	</td>
		</tr><tr>
			<td>
		<table class="grid_footer"><tr>
		<td width="50%">Total:</td>
		<td width="10%" class="text-r"><span id="ctl00_cp1_dtlsReconciliationSummary_ctl07_lablCountTotal">1256</span></td>
		<td width="20%" class="text-r"><span id="ctl00_cp1_dtlsReconciliationSummary_ctl07_lablShipperToPayTotal">$303,576.07</span></td>
		<td width="20%" class="text-r"><span id="ctl00_cp1_dtlsReconciliationSummary_ctl07_lablSupplierBilledTotal">$303,661.67</span></td>
		</tr></table>
	</td>
		</tr>
	</table>
</DIV>
<div class="pad20 clear"></div>
<ul>
<li style="display:inline;">
	  <div class="btn">
	  <a id="ctl00_cp1_butnDetails" class="floatright" href="javascript:__doPostBack('ctl00$cp1$butnDetails','')">Details<img src="images/global/pagenav_rightarrow.gif"/></a>
	  </div>
</li>
<li style="display:inline;">
	  <div class="btn">
	  <a onclick="javascript: return InvoiceSummaryPrint();" id="ctl00_cp1_btnPrint" class="floatright" href="javascript:__doPostBack('ctl00$cp1$btnPrint','')">Print<img src="images/global/pagenav_rightarrow.gif" /></a>
	  </div>
</li>
<li style="display:inline;">
	  <div class="btn">
 
	  </div>
</li>
<li style="display:inline;">
 
</li>
<li style="display:inline;">
	  <div class="btn">
	  <a id="ctl00_cp1_butnReconcile" title="Reconcile and maintain invoice lines" class="floatright" href="javascript:__doPostBack('ctl00$cp1$butnReconcile','')">Reconcile<img src="images/global/pagenav_rightarrow.gif" /></a>
	  </div>
</li>
<li style="display:inline;">
	  <div class=" btn">
	  <a id="ctl00_cp1_butnApprove" title="Set status of selected invoices to Approved" class="floatright" href="javascript:__doPostBack('ctl00$cp1$butnApprove','')">Approve<img src="images/global/pagenav_rightarrow.gif" /></a>
	  </div>
</li>
</ul>
 
</div>
 
		</div>
 
<div id="footer">Copyright&nbsp;&#169;&nbsp;<span id="ctl00_UserControl1_lablYear">2008</span> eCargo Ltd. All rights reserved.
<br/><a href="Privacy.aspx" title="Privacy Policy">Privacy Policy</a>
</div>
 
 
<div>
 
	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWowEC5vnf8QYCqbLG+wYCgMzmqQ8C4uLdtwoC4sfnuwICm+Pl1wICtee4uwsC/dXoiAgCmMyyuwUCtOmvRQKCjZjQBAL64sW5CgKeneKtAQK154C/BQK/pI7tAQL5lKOrDgK/pK7AAQKCjfSbBQK15+TECgLro8ulCALdy8+5BAK/pO7TBwK156T1BAKCjbDtCwKCjdijCQKc2ulPAozp85IIAoDMjsENAp2N3P4OAoiM7aALAse6nocIAorpg/YEAqKmlb0CAq3Jv9MOAqzJv9MOAq/Jv9MOAq7Jv9MOAqnJv9MOAqjJv9MOAqvJv9MOArrJv9MOArXJv9MOAq3J/9AOAq3J89AOAq3J99AOAq3Jy9AOAq3Jz9AOAq3Jw9AOAq3Jx9AOAq3J29AOAq3Jn9MOAq3Jk9MOAqzJ/9AOAqzJ89AOAqzJ99AOAqzJy9AOAqzJz9AOAqzJw9AOAqzJx9AOAqzJ29AOAqzJn9MOAqzJk9MOAq/J/9AOAq/J89AOAtDx8bkBAs/x8bkBAs7x8bkBAs3x8bkBAszx8bkBAsvx8bkBAsrx8bkBAsnx8bkBAtjx8bkBAtfx8bkBAs/xsboBAs/xvboBAs/xuboBArCC7fMEApisuJcPApisrPoHApisgJMBApistPYJAvOVhu8OAvOVurIFAvOVrpUMAvOVwvgEAvOV9sMDAvOV6qYKAvOVnooBAvOVsu0JAqmm6a8IAtaky4oLArW1sbEIArram98EArvam98EArjam98EArnam98EAr7am98EAr/am98EArzam98EAq3am98EAqLam98EArra29wEArra19wEArra09wEArra79wEArra69wEArra59wEArra49wEArra/9wEArrau98EArrat98EArva29wEArva19wEArva09wEArva79wEArva69wEArva59wEArva49wEArva/9wEArvau98EArvat98EArja29wEArja19wEAsa23Z4PAtm23Z4PAti23Z4PAtu23Z4PAtq23Z4PAt223Z4PAty23Z4PAt+23Z4PAs623Z4PAsG23Z4PAtm2nZ0PAtm2kZ0PAtm2lZ0PAq7i6OoGAobMvY4NAobMqeMFAobMhYoDAobMse8LAu31g/YMAu31v6sHAu31q4wOAu31x+EGAu3189oBAu31778IAu31m5MDAu31t/QLAvvL9sMBAq6Vzq0NAp2nsY4CApuE9ZQGAr3r6dwJAtvs3gsCqcCf+A8CvqWJkgUCi/2DqAMCkqiatAsCjJub7wcCkOD4qwoCxbj/gQoDU7MYzoQPwZv1T4rq+28EtKcQXQ==" />
</div></form>
  </body>
</html>

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 49 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Can you not just post a link

Can you not just post a link to a live page?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Stomme poes
Stomme poes's picture
Offline
Elder
Netherlands
Last seen: 8 years 47 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2008-02-04
Posts: 1854
Points: 378

Quote:Interesting. I take

Quote:

Interesting. I take the div's out completely and the img's so I'm left with just links and they are still stacking on top of one another. Not what I expected.

Li's are blocks so they'll do what static blocks do-- try to be 100% width of their parent and stack atop each other. Floating them will shrink-wrap them, although IE has some different ideas about shrinkwrapping than other browsers.

Hmmm, looking at your FF screenshot I'd leave the li's unmentioned (let them do whatever they want, maybe say display: inline to give IE7 something to chew on) and float the a's. This makes them blocks. Then just style the a's to look like buttons (so, the a's normal text just sits on top of the styles). You could set a width on them but if the buttons will have differing amounts of text then you could let them stay width: auto (default shrink-wrapping behaviour) and do text-align: center and add some side padding.

The whole ul itself would get floated to the right, only thing is I think it would need a width so that the buttons can stay stacking alongside each other... I think the shrinkwrapping of the ul floated would otherwise force the anchors to stack atop each other which is what you're getting in IE.

<ul>
<li><a href="#" title="to whatever page">Button 1 </a></li>
<li><a href="#" title="to whatever other page">Button 2 </a></li>
</ul>

ul gets floated right if it's container isn't already floated right, set whatever width it needs to keep those a's stacking sideways...
li, just say display: inline so IE7 doesn't have a 'tard-attack.
a's floated, text-align: center, padding on the sides though actually some extra padding on the right side equal to the width of your arrow gif, which you'll set as a background image (I see you've done that somewhere in your CSS, which is good). Add the border, height or min-height if you need it (or just top-bottom padding too, safer I think) and the bg colour and it'll look like a button. So, no need for the div.

Cause you had this:

div.btn a, div.list-btn a{ display:block; height:17px; padding:3px 6px; border:#d8d8d8 1px solid;
background:url(../images/global/page-nav_link-bg.jpg) repeat-x center; text-decoration:none;
font-weight:bold; color:#0096c4; }

where you've just told both the divs and the a's inside to be display: block (divs already were that), set a height and padding... but no width... so when you were floating these divs, FF and other modern browsers were saying, ok, this is a float so we need to shrink-wrap the width, while IE was like, oh it's a div, let's stay full-width, possibly because inside was another widthless (and unfloated) block, the anchor.

So that's my guess as to what's happening, and simply floating just the a's, leaving the li's alone, removing the divs and the images (move them to the background for everyone), and all the browsers should have an easier time of it, I think.

I'm no expert, but I fake one on teh Internets

lloydphillips
Offline
Regular
Auckland, New Zealand
Last seen: 11 years 49 weeks ago
Auckland, New Zealand
Timezone: GMT+13
Joined: 2007-12-30
Posts: 11
Points: 0

Managed to get it sorted.

I managed to get this sorted just before leaving last night. I couldn't post about it because I was locked out of the internet by the proxy server, tusk, what a day! I left the li's alone and remove the floatright from the a tag. I've left the div in there because the button uses a gradient background as well as the arrow icon, seems no way around that unless I default to a background colour and sod the gradient but it's not my call unfortunately. I then add this to my stylesheet:

ul.buttons{}
    ul.buttons li{ float:right; }

I created a new page with a very simple list using my styles (removing all images) and worked slowly forward to see where the problem was. I had to do a little cleaning on my stylesheet but I got there.
In case anyone cares the button part of my stylesheet now looks like this:
div.btn{ margin-right:12px; padding:4px; }
div.list-btn{ margin:0; }
div.btn a, div.list-btn a{ height:17px; padding:3px 6px; border:#d8d8d8 1px solid;
background:url(../images/global/page-nav_link-bg.jpg) repeat-x center; text-decoration:none; font-weight:bold; color:#0096c4; }
div.btn a:hover, div.list-btn a:hover{ border-color:#BFBFBF; text-decoration:none; }
div.btn a img{ vertical-align:middle; margin-top:1px; }
div.btn a.floatleft img{ margin-right:5px; }
div.btn a.floatright img{ margin-left:5px; }

I've got a new issue with aligning a ul to the right of an h4 tag now but I'll do a new post about that if I don't get it sorted in the next 30mins. Smile

Thanks so much for your help!

Lloyd

Stomme poes
Stomme poes's picture
Offline
Elder
Netherlands
Last seen: 8 years 47 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2008-02-04
Posts: 1854
Points: 378

So long as you remember that

So long as you remember that the h4 is normally going to also try to be 100% width of its parent so you may need to move the ul to before the h4 in the code and then float it (unless the ul MUST come after the h4, like if the h4 is a header for the ul).

For the div, you could set the arrow on the gradient and made the gradient as long as the longest possible button:
http://stommepoes.nl/buttonexample.gif

Set the bg as always starting from the right and center, and in this case the longest a button can ever be is 400px long. Since the anchor (or the li if that were the one floating) can also have a border, you could add a border to the left side or all 4 sides as well.

Glad you got it straightened out though. Good luck!

I'm no expert, but I fake one on teh Internets