3 Replies - 493 Views - Last Post: 09 January 2013 - 08:04 AM

#1 OwenMeasures  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 09-January 13

I have a problem with trying to move one peice of text to another

Posted 09 January 2013 - 06:23 AM

In the attachment there is an invoice, on the bottom of that invoice there is some grey writing, i need that to appear below the client address at the top on the left hand side...

I think the grey text at the bottom is in the code as 'comment' or 'comments'

I have tried putting the comments code in place i think might move it, but that doesnt seem to happen, help would be greatly appriciated.

/*
Bauhaus Theme
Created by Roan Lavery
18/02/08 */

/*=========================== TYPOGRAPHY =========================*/

#invoice p, #invoice h2, #invoice h3{margin:0}
#invoice {font-family: Helvetica, Arial,  sans-serif; color: #000;line-height:1.3}
#invoice h1 {margin: 0;color: #000;text-transform: uppercase;}
#invoice h2, #invoice h3 {font-family: Helvetica, Arial, sans-serif; color:#000; text-transform: none; line-height:1.2;margin-top:10px}
#invoice h2 {font-size:11pt}
#company-address, #client-details, #payment-details, #invoice-other, #invoice-amount td, th,  #invoice-info {font-size:10pt}
#invoice #invoice-info h3 {margin:3px 0 0 0; font-size:11pt}
#invoice  #invoice-info h2 {margin-bottom:0;text-transform:uppercase;font-size:14pt}
#invoice #invoice-terms h2{margin-bottom:3px}
#invoice #invoice-terms h3{margin-top:0;margin-bottom:5px;font-weight:normal;font-style:italic; color:#666; font-size:9pt}
#invoice #payment-due{color:#999;font-weight:bold; font-size:10pt;line-height:1.3}
#invoice-info #payment-total{display:none}
#invoice-other h2, #payment-details h2 {margin-bottom: 1em;}
#invoice .total{font-size:12pt;}
#comments {font-weight:bold;margin-top:15px;line-height:1.2; color:#999; font-size:10pt}

/*=========================== LAYOUT =========================*/

#invoice{padding:0 1cm 1cm 1cm;border-top:5px solid #000;}
#invoice-header #company-address {float:right; width:250px;clear:right }
#invoice-header h1{float:left; width:350px; color:#000; margin:5px 0 0 0}
#invoice-header{padding-top:1cm; }
#invoice-header .logo {float:left; }
#invoice-blank-header {margin-top: 1.6cm;}
#client-details{border-top:1px solid #ddd; padding-top:10px; float:left; width:330px;  border-top:1px solid #ddd;margin-top:20px;margin-bottom:20px }
#comments{clear:both; padding-top:1cm}
#invoice-info {width:250px; float:right;border-top:1px solid #ddd;clear:both;margin-top:20px;margin-bottom:20px  }
#invoice-info th{text-align:right}
#payment-terms{display:none}
#invoice-amount {margin: 2em 0 2em 0; clear: both;}
#payment-details{width:330px; float:left; border-top:1px solid #ddd; }
#invoice-other{width:270px;clear:both; float:right;  border-top:1px solid #ddd; }

/*=========================== INVOICE AMOUNT TABLE =========================*/

#invoice table { border-collapse:collapse; width:100%;clear:both;}
#invoice table th {text-align:left;padding: 4px 5px 4px 5px;}
#invoice #header_row{background:#000; color:#fff}
#invoice-amount td.action{border-bottom:0}
.odd td{background:#F4F4F4} 
.even td{background:#FFF;}
#invoice-amount #total_tr td{border-bottom:0}
#invoice-amount #vat_tr td{border-bottom:1px solid #000}
#invoice-amount td {white-space: nowrap;margin: 0;border-bottom:1px solid #ddd}

#invoice-amount td {margin: 0;padding: 5px; vertical-align: top; }
#invoice-amount td.item_r{text-align: right;}
#invoice-amount td.item_l{text-align: left;white-space: normal; }
#invoice-amount td.total{text-align: right;font-weight: bold; }

#invoice-amount .details_th{width:44%}
#invoice-amount .details_notax_th{width:52%}
#invoice-amount .quantity_th{width:13%}
#invoice-amount .subtotal_th{width:18%; text-align:right}
#invoice-amount .unitprice_th{width:17%; text-align:right}
#invoice-amount .salestax_th{width:8%; text-align:center}

/* Invoice UK VAT Summary Table */
#invoice #invoice-uk-vat-summary{width:100%;border-collapse:collapse;margin:25px 0 0 0;clear:both;border:0; background:#fff; }
#invoice tr#invoice-uk-vat-header th{padding:7px 0;border-top: 1px solid #ccc;}
#invoice-uk-vat-summary td, #invoice #invoice-uk-vat-summary th{text-align:left; font-size:9pt;padding:2px 0;}
#vat-total td, #vat-total th{border-top:1px solid #ccc;}

This post has been edited by Atli: 09 January 2013 - 06:58 AM
Reason for edit:: Please use [code] tags when posting code.


Is This A Good Question/Topic? 0
  • +

Replies To: I have a problem with trying to move one peice of text to another

#2 Anthonidas  Icon User is offline

  • D.I.C Head

Reputation: 30
  • View blog
  • Posts: 218
  • Joined: 25-April 11

Re: I have a problem with trying to move one peice of text to another

Posted 09 January 2013 - 07:49 AM

can you please explain us what you are going to do? is this a website where you just show a client's invoice? or ist this a sort of invoice manager you are creating? or what is what you are doing?
are the invoices going to be uploaded as PDF or are the HTML-documents too?
Was This Post Helpful? 0
  • +
  • -

#3 OwenMeasures  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 09-January 13

Re: I have a problem with trying to move one peice of text to another

Posted 09 January 2013 - 07:52 AM

View PostAnthonidas, on 09 January 2013 - 07:49 AM, said:

can you please explain us what you are going to do? is this a website where you just show a client's invoice? or ist this a sort of invoice manager you are creating? or what is what you are doing?
are the invoices going to be uploaded as PDF or are the HTML-documents too?



It is part of a business system... its called FreeAgent, and it allows you to create a template using CSS, it will eventually be sent as PDF to a customer...
Was This Post Helpful? 0
  • +
  • -

#4 Anthonidas  Icon User is offline

  • D.I.C Head

Reputation: 30
  • View blog
  • Posts: 218
  • Joined: 25-April 11

Re: I have a problem with trying to move one peice of text to another

Posted 09 January 2013 - 08:04 AM

ok, i don't know this program, but try to find out the "id" or "class" of your gray text by looking in to the code.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1