Pdf Generated doesnt maintain css

  •  04-16-2008, 3:25 PM

    Pdf Generated doesnt maintain css

    Im generating a pdf from html and it seems to be ignoring the css in the document. The css is all located at the top of the html, in the head section.
     
    Is there something I am doing wrong. 
     
    Here is what im converting :
     
    <!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>
        <title>[resume_title]</title>
        <style type="text/css">
            .europass_container { font-family:"Arial Narrow"; color:#000000; width:660px; }
            .row                { width:680px; clear:both; }
            .image_holder       { text-align:right; clear:both; width:160px; background-color:#FFFFFF; float:left; margin-top:-25px; }
            .left_item_top      { width:270px; border-right:solid 1px #000000; border-top:solid 1px #000000; float:left; }
            .left_item          { width:250px; padding-right:20px; float:left;  text-align:right; }
            .right_item         { width:380px; padding-left:20px; float:left; text-align:left; border-left:solid 1px #000000; }
            .right_item ul      { list-style-type:none; margin-left:0px; }
            .top_heading        { font-size:14pt; font-weight:bolder; }
            .sub_heading        { font-size:12pt; padding-top:20px; font-weight:bolder; }
            .item_title         { font-size:10.5pt; padding-top:10px; }
            .item_title_top     { font-size:10.5pt; padding-top:20px; }
            .item_text          { font-size:10.5pt; padding-top:10px; }
            .item_text_top      { font-size:10.5pt; padding-top:20px; }
            .lang_table         { border:solid 1px #000000; }
            .lang_table tr      { border:solid 1px #000000; }
            .lang_table td      { border:solid 1px #000000; }
            .list_item               
            { 
                background-image:url("../../../images/resumes/bullet.png");
                background-position:0 5px;
                background-repeat:no-repeat;
                padding:0 0 0 20px;
                margin-bottom:2px;   
            }
        </style>
    </head>
    <body style="padding-top:25px;">
     
        <div class="europass_container">
               <div class="left_item_top">
                    <div class="image_holder">
                        <img alt="EuroPass" src="../../images/resumes/europass.png" style="margin-right:15px;" />
                    </div>
               </div>
               <div class="row">
                    <div class="left_item top_heading">
                        <span>Europass<br />Curriculum Vitae</span>
                    </div>
                   <div class="right_item item_text_top">
                        <span><br />&nbsp;</span>
                    </div>
               </div>
          
    <!-------------- PERSONAL INFORMATION -->
                <div class="row">        
                    <div class="left_item sub_heading">
                        <span>Personal Information</span>
                    </div>
                    <div class="right_item sub_heading">
                        <span>&nbsp;<br /></span>
                    </div>
                </div>
               
                <div class="row">
                    <div class="left_item item_title_top">
                        <span>Surname(s) / First name(s)</span>
                    </div>
                    <div class="right_item item_text_top">
                        <span>Conor Stapleton</span>
                    </div>
                </div>
               
                <div class="row">
                    <div class="left_item item_title">
                        <span>Address(es)</span>
                    </div>
                     <div class="right_item item_text">
                        <span>4162 St Urbain, Stapleton, Montreal, Quebec, Canada</span>
                    </div>
                </div>
               
                <div class="row">
                    <div class="left_item item_title">
                        <span>Telephone(s)</span>
                    </div>
                     <div class="right_item item_text">
                        <span>5148338976</span>
                    </div>
                </div>
               
               
                <div class="row">
                    <div class="left_item item_title">
                        <span>Email(s)</span>
                    </div>
                    <div class="right_item item_text">
                        <span>[email protected]</span>
                    </div>
                </div>
               
                <div class="row">
                    <div class="left_item item_title">
                        <span>Nationality(-ies)</span>
                    </div>
                    <div class="right_item item_text">
                       
                        <span>Canada</span>
                       
                        <span>Argentina</span>
                       
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title">
                        <span>Date of birth</span>
                    </div>
                    <div class="right_item item_text">
                        <span>Saturday, July 05, 1980</span>
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title">
                        <span>Gender</span>
                    </div>
                    <div class="right_item item_text">
                        <span>M</span>
                    </div>
                </div>
               
                <div class="row">
                    <div class="left_item sub_heading">
                        <span>Desired employment / Occupational field</span>
                    </div>
                    <div class="right_item sub_heading">
                        <span>Project Manager<br />&nbsp;</span>
                    </div>
                </div>
               

                <div class="row">
                    <div class="left_item sub_heading">
                        <span>Education and training</span>
                    </div>
                     <div class="right_item sub_heading">
                        <span>&nbsp;<br /></span>
                    </div>
                </div>


            <!--    <div class="row">
                    <div class="left_item item_title_top">
                        <span>Dates</span>
                    </div>
                     <div class="right_item item_text_top">
                        <span>[user_edu_date_from] - [user_edu_date_to]</span>
                    </div>
                </div>-->
                <div class="row">
                    <div class="left_item item_title">
                        <span>Title of qualification awarded</span>
                    </div>
                    <div class="right_item item_text">
                        <span>Bachelor's Degree</span>
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title">
                        <span>Principal subjects/occupational skills covered</span>
                    </div>
                    <div class="right_item item_text">
                        <span>Software Engineering</span>
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title">
                        <span>Name and type of organisation providing education and training</span>
                    </div>
                    <div class="right_item item_text">
                        <span>Dublin City University[Dublin, Ireland]<br />&nbsp;</span>
                    </div>
                </div>
             <!--   <div class="row">
                    <div class="left_item item_title">
                        <span>Level in national or international classification</span>
                    </div>
                    <div class="right_item item_text">
                        <span>[user_edu_classification]</span>
                    </div>
                </div>-->
       
            <!--    <div class="row">
                    <div class="left_item item_title_top">
                        <span>Dates</span>
                    </div>
                     <div class="right_item item_text_top">
                        <span>[user_edu_date_from] - [user_edu_date_to]</span>
                    </div>
                </div>-->
                <div class="row">
                    <div class="left_item item_title">
                        <span>Title of qualification awarded</span>
                    </div>
                    <div class="right_item item_text">
                        <span>Certification</span>
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title">
                        <span>Principal subjects/occupational skills covered</span>
                    </div>
                    <div class="right_item item_text">
                        <span>Plant Health</span>
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title">
                        <span>Name and type of organisation providing education and training</span>
                    </div>
                    <div class="right_item item_text">
                        <span>University of Dublin - Trinity College[Dublin, Ireland]<br />&nbsp;</span>
                    </div>
                </div>
             <!--   <div class="row">
                    <div class="left_item item_title">
                        <span>Level in national or international classification</span>
                    </div>
                    <div class="right_item item_text">
                        <span>[user_edu_classification]</span>
                    </div>
                </div>-->
       
            <!--    <div class="row">
                    <div class="left_item item_title_top">
                        <span>Dates</span>
                    </div>
                     <div class="right_item item_text_top">
                        <span>[user_edu_date_from] - [user_edu_date_to]</span>
                    </div>
                </div>-->
                <div class="row">
                    <div class="left_item item_title">
                        <span>Title of qualification awarded</span>
                    </div>
                    <div class="right_item item_text">
                        <span>Certification</span>
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title">
                        <span>Principal subjects/occupational skills covered</span>
                    </div>
                    <div class="right_item item_text">
                        <span>International Restaurant and Catering Management</span>
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title">
                        <span>Name and type of organisation providing education and training</span>
                    </div>
                    <div class="right_item item_text">
                        <span>University of Ballarat[South Australia, Australia]<br />&nbsp;</span>
                    </div>
                </div>
             <!--   <div class="row">
                    <div class="left_item item_title">
                        <span>Level in national or international classification</span>
                    </div>
                    <div class="right_item item_text">
                        <span>[user_edu_classification]</span>
                    </div>
                </div>-->
       
            <!--    <div class="row">
                    <div class="left_item item_title_top">
                        <span>Dates</span>
                    </div>
                     <div class="right_item item_text_top">
                        <span>[user_edu_date_from] - [user_edu_date_to]</span>
                    </div>
                </div>-->
                <div class="row">
                    <div class="left_item item_title">
                        <span>Title of qualification awarded</span>
                    </div>
                    <div class="right_item item_text">
                        <span>Certification</span>
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title">
                        <span>Principal subjects/occupational skills covered</span>
                    </div>
                    <div class="right_item item_text">
                        <span>sdafasfdf</span>
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title">
                        <span>Name and type of organisation providing education and training</span>
                    </div>
                    <div class="right_item item_text">
                        <span>sdfdsf[,]<br />&nbsp;</span>
                    </div>
                </div>
             <!--   <div class="row">
                    <div class="left_item item_title">
                        <span>Level in national or international classification</span>
                    </div>
                    <div class="right_item item_text">
                        <span>[user_edu_classification]</span>
                    </div>
                </div>-->
       

    <!----------------------- WORK EXPERIENCE -->
       
                <div class="row">
                    <div class="left_item sub_heading">
                        <span>Work Experience</span>
                    </div>
                     <div class="right_item sub_heading">
                        <span>&nbsp;<br /></span>
                    </div>
                </div>


                <div class="row">
                    <div class="left_item item_title_top">
                        <span>Dates</span>
                    </div>
                    <div class="right_item item_text_top">
                        <span>February 2008 - February 2008</span>
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title">
                        <span>Occupation or position held</span>
                    </div>
                    <div class="right_item item_text">
                        <span>Gobshite</span>
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title">
                        <span>Main activities and responsibilities</span>
                    </div>
                    <div class="right_item item_text">
                        testes<br />

                        <!--<ul>
                            [start_repeatable item='user_responsibilities']
                            <li class="list_item">
                                [user_responsibility_item]
                            </li>
                            [end_repeatable item='user_responsibilities']
                        </ul>
                        -->
                    </div>
                </div>
               
                <div class="row">
                    <div class="left_item item_title">
                        <span>Name and address of employer</span>
                    </div>
                    <div class="right_item item_text">
                        <span>*** Bandit Ltd</span>
                    </div>
                </div>
               
               
                <div class="row">
                    <div class="left_item item_title">
                        <span>Type of business or sector</span>
                    </div>
                    <div class="right_item item_text">
                        <span>Actuaries</span>
                    </div>
                </div>
               
       
                <div class="row">
                    <div class="left_item item_title_top">
                        <span>Dates</span>
                    </div>
                    <div class="right_item item_text_top">
                        <span>March 2008 - March 2008</span>
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title">
                        <span>Occupation or position held</span>
                    </div>
                    <div class="right_item item_text">
                        <span>Tights Puller</span>
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title">
                        <span>Main activities and responsibilities</span>
                    </div>
                    <div class="right_item item_text">
                        this is me. i am alive. this is me. i am alive. theresa falls up the stairs. theresa falls down the stairs.<br />

                        <!--<ul>
                            [start_repeatable item='user_responsibilities']
                            <li class="list_item">
                                [user_responsibility_item]
                            </li>
                            [end_repeatable item='user_responsibilities']
                        </ul>
                        -->
                    </div>
                </div>
               
               
                <div class="row">
                    <div class="left_item item_title">
                        <span>Type of business or sector</span>
                    </div>
                    <div class="right_item item_text">
                        <span>Administrative & Information Support</span>
                    </div>
                </div>
               
       
                <div class="row">
                    <div class="left_item item_title_top">
                        <span>Dates</span>
                    </div>
                    <div class="right_item item_text_top">
                        <span>March 1993 - October 2008</span>
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title">
                        <span>Occupation or position held</span>
                    </div>
                    <div class="right_item item_text">
                        <span>Snuff Ridller</span>
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title">
                        <span>Main activities and responsibilities</span>
                    </div>
                    <div class="right_item item_text">
                        toooooommmmmuccch<br />

                        <!--<ul>
                            [start_repeatable item='user_responsibilities']
                            <li class="list_item">
                                [user_responsibility_item]
                            </li>
                            [end_repeatable item='user_responsibilities']
                        </ul>
                        -->
                    </div>
                </div>
               
               
                <div class="row">
                    <div class="left_item item_title">
                        <span>Type of business or sector</span>
                    </div>
                    <div class="right_item item_text">
                        <span>Revenue & Taxation</span>
                    </div>
                </div>
               
       

    <!------------------ PERSONAL SKILLS AND COMPETENCES -->
                <div class="row">
                    <div class="left_item sub_heading">
                        <span>Personal skills and competences</span>
                    </div>
                     <div class="right_item sub_heading">
                        <span>&nbsp;<br /></span>
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title_top">
                        <span>Mother tongue(s)</span>
                    </div>
                    <div class="right_item item_text_top">
                        <strong>English, Irish</strong>
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title">
                        <span>Other language(s)</span>
                    </div>
                    <div class="right_item item_text">
                        <strong>French, German</strong>
                    </div>
                </div>
                <div class="row">
                    <div class="left_item item_title">
                        <em>Self-assessment</em><br />
                        <em style="font-size:9pt;">European Level(*)</em>
                        <br /><br /><br />
                       
                        <strong>French</strong><br />
                       
                        <strong>German</strong><br />
                       
                    </div>
                    <div class="right_item item_text_top">
                        <table class="lang_table" width="380px" border="1px" cellspacing="0">
                            <tr style="text-align:center;">
                                <td colspan="2" style="width:40%; text-align:center;">
                                    <strong>Understanding</strong>
                                </td>
                                <td colspan="2" style="width:40%; text-align:center;">
                                    <strong>Speaking</strong>
                                </td>
                                <td rowspan="2" style="width:20%; text-align:center;">
                                    <strong>Writing</strong>
                                </td>
                            </tr>
                            <tr style="text-align:center;">
                                <td>
                                    <span>Listening</span>
                                </td>
                                <td>
                                    <span>Reading</span>
                                </td>
                                <td>
                                    <span>Spoken Interaction</span>
                                </td>
                                <td>
                                    <span>Spoken Production</span>
                                </td>
                            </tr>
                           
                            <tr style="text-align:center;">
                                <td>
                                    <span>A1</span>
                                </td>
                                <td>
                                    <span>A1</span>
                                </td>
                                <td>
                                    <span>A1</span>
                                </td>
                                <td>
                                    <span>A1</span>
                                </td>
                                <td>
                                    <span>A1</span>
                                </td>
                            </tr>
                          
                            <tr style="text-align:center;">
                                <td>
                                    <span>A1</span>
                                </td>
                                <td>
                                    <span>C1</span>
                                </td>
                                <td>
                                    <span>B2</span>
                                </td>
                                <td>
                                    <span>C2</span>
                                </td>
                                <td>
                                    <span>A1</span>
                                </td>
                            </tr>
                          
                        </table>
                        <em style="font-size:9pt;">(*) Common European Framework of Reference (CEF) level</em>
                    </div>
                </div>
               
                <div class="row">
                    <div class="left_item item_title_top">
                        <span>Social skills and competences</span>
                    </div>
                    <div class="right_item item_text_top">
                        <ul>
                       
                            <li class="list_item">
                                ss1
                            </li>
                        
                            <li class="list_item">
                                ss1
                            </li>
                          
                        </ul>
                    </div>
                </div>
               
               
                <div class="row">
                    <div class="left_item item_title">
                        <span>Organisational skills and competences</span>
                    </div>
                     <div class="right_item item_text">
                        <ul>
                        
                            <li class="list_item">
                                org1
                            </li>
                        
                            <li class="list_item">
                                org1
                            </li>
                        
                            <li class="list_item">
                                org2
                            </li>
                        
                            <li class="list_item">
                                org2
                            </li>
                        
                            <li class="list_item">
                                org3
                            </li>
                        
                            <li class="list_item">
                                org3
                            </li>
                        
                        </ul>
                    </div>
                </div>
               
               
                <div class="row">
                    <div class="left_item item_title">
                        <span>Technical skills and competences</span>
                    </div>
                     <div class="right_item item_text">
                        <ul>
                        
                            <li class="list_item">
                                tech 1
                            </li>
                        
                            <li class="list_item">
                                tech 1
                            </li>
                        
                        </ul>
                    </div>
                </div>
               
               
                <div class="row">
                    <div class="left_item item_title">
                        <span>Computer skills and competences</span>
                    </div>
                    <div class="right_item item_text">
                        <ul>
                        
                            <li class="list_item">
                                comp1
                            </li>
                        
                            <li class="list_item">
                                comp1
                            </li>
                        
                            <li class="list_item">
                                comp 2
                            </li>
                        
                            <li class="list_item">
                                comp 2
                            </li>
                        
                        </ul>
                    </div>
                </div>
               
               
               
                <div class="row">
                    <div class="left_item item_title">
                        <span>Other skills and competences</span>
                    </div>
                     <div class="right_item item_text">
                        <ul>
                        
                            <li class="list_item">
                                other skills 1
                            </li>
                        
                            <li class="list_item">
                                other skills 1
                            </li>
                        
                        </ul>
                    </div>
                </div>
               

        </div>
    </body>
    </html>
     

    Filed under:
View Complete Thread