Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 10 of 10
  1. #1
    Junior Member
    Join Date
    Jul 2011
    Posts
    7
    Member #
    28551
    Hi. I'm trying to update (and give a significant design upgrade to) www.millking.com and I'm having trouble with a certain page.

    I'm trying to transfer the table on this page to a new, CSS-based page and it's not behaving whatsoever.

    I've tried everything from simply copy/pasting the table code to editing it using dreamwaver, which doesn't work well at all.

    The page I'm trying to edit can be found here. The meat of the table is there, but the formatting doesn't show due to the CSS coding. The background color code from the old page is still there, but that's a simple fix. Getting everything to display correctly, however, I have no idea how to do. I'm not very experienced with CSS, so I really don't know what to add or remove without completely screwing up the page.

    I also need help adding a table to the new pages without interrupting the layout. I'm new to CSS and, while I've done ok figuring out making changes and deleting portions, adding new elements has presented a problem.

    Thanks for any input.

  2.  

  3. #2
    Senior Member Webzarus's Avatar
    Join Date
    May 2011
    Location
    South Carolina Coast
    Posts
    3,322
    Member #
    27709
    Liked
    770 times
    the link to the new file goes to "filedropper" ???? don't have an account... don't want an account...

    please post the one you are working on somewhere where people can see it without having to login.. or signup for something... might get some help on this..

  4. #3
    Junior Member
    Join Date
    Jul 2011
    Posts
    7
    Member #
    28551
    Sorry, I didn't realize you had to have an account for that site. Just did a search for somewhere I could upload it. Attaching it here.

  5. #4
    Senior Member Webzarus's Avatar
    Join Date
    May 2011
    Location
    South Carolina Coast
    Posts
    3,322
    Member #
    27709
    Liked
    770 times
    With all the security issues out there... and no one knows you here... I'd suggest that you find somewhere to upload you files to... then tell us where they are...

    hey, how about on the site that you are "re-designing"... in a sub folder...

    Not that there is anything sinister going on here... but that file is awful large for a couple of pages and images...

    I can only suggest to others that you download and open that file at your own risk...

    as for helping you out... there are lot's of people coming and going here... and many knowledgeable.. but I don't think many want to take a chance on opening anything from anyone they do not know.

    I know I won't...

    try putting the code up somewhere... so we can take a look and make suggestions...

  6. #5
    Junior Member
    Join Date
    Jul 2011
    Posts
    7
    Member #
    28551
    Nothing sinister. It's just a zip of the html, CSS, and images. Anyway, here's the code for the page to which I'm attempting to transfer the table. Had to take a lot out to fit here.

    Code:
    <!DOCTYPE html>
     <html lang="en">
     <head>
       <title></title>
       <meta charset="utf-8">
       <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
       <link rel="stylesheet" href="css/grid.css" type="text/css" media="all">
       <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
       <!--[if lt IE 9]>
           <script type="text/javascript" src="js/html5.js"></script>
       <![endif]-->
     </head>
     
     <body>
       <header>
         <nav>
             <div class="container">
             <div class="wrapper">
               <h1><a href="index.html">MillKing.com</a></h1>
               <ul>
                   <li><a href="index.html" class="current">home</a></li>
                 <li><a href="index-1.html">products and services</a></li>
                 <li><a href="index-2.html">ordering</a></li>
                  <li><a href="index-3.html">contact us</a></li>
               </ul>
             </div>
           </div>
         </nav>
         <section class="adv-content">
             <div class="container">
             <ul class="breadcrumbs">
                 <li>Products and services</li>
             </ul>
             <form action="" id="search-form">
               <fieldset>
                   <input type="text" value=""><input type="submit" value="">
               </fieldset>
             </form>
           </div>
         </section>
       </header>
       <section id="content">
           <div class="top">
             <div class="container">
               <div class="clearfix">
                 <div class="grid3 first">
                   <h2>Products list</h2>
                 <ul class="list3">
                                     <li><a href="#">Pilot Mill</a></li>
                 </ul>
                  </div>
                 <div class="grid9">
         <table width="460" border="2" cellpadding="5" cellspacing="5" id="contacts-form" name="contacts-form">
     <tr bgcolor="#00FF00">        <td width="112" align="center" valign="middle"><p><a href="product-17-Pilot_Mill-3.html"><img src="p_images/pilotmill_copy_1_copy_1.jpg" width="99" height="132" border="0" /></a></p></td>
            <td width="313"><p class="style1"><a href="product-17-Pilot_Mill-0.html">Pilot Mill</a> </p>         <ul>  <li>           
                <p>Designed with an extended pilot         </p>
                </li>  
                <li>             
                  <p>Ensure that the mill follows the desired path           </p>
                  </li>  
                <li>             
                  <p>Minimizes casing or liner wall damage           </p>
                  </li>
              </ul></td>
           </tr>
     <tr bgcolor="#ffffff">        <td align="center" valign="middle" width="112"><p><a href="product-28-Watermelon_Mill-3.html"><img src="p_images/" width="" height="" border="0" /></a></p></td>
     
            <td width="313"><p class="style1"><a href="product-28-Watermelon_Mill-0.html">Watermelon Mill</a>
            </p>
              <ul>    <li>           
                <p>Sizes: 3 1/2" to 6 3/4" and 8 1/4" to 12 3/4"           </p>
                </li>    
                <li>             
                  <p>Used to mill through collapsed casing and liners             </p>
                  </li>  
              </ul>  <p><br>           
              </p></td>
           </tr>
     <tr bgcolor="#ffffff">        <td align="center" valign="middle" width="112"><p><a href="product-18-Section_Mill-3.html"><img src="p_images/sectionmill.jpg" width="132" height="99" border="0" /></a></p></td>
            <td width="313"><p><span class="style1"><a href="product-18-Section_Mill-0.html">Section Mill</a></span>         <br>         
            </p></td>
           </tr>
     <tr bgcolor="#ffffff">        <td align="center" valign="middle" width="112"><p><a href="product-30-A_Z_Section_Mill-3.html"><img src="p_images/" width="" height="" border="0" /></a></p></td>
            <td width="313"><p class="style1"><a href="product-30-A_Z_Section_Mill-0.html">A-Z Section Mill</a>
            </p>
              <UL>
                <LI>
                  <p>More Efficient
                  </p>
                  <LI>
                    <p>Rapid Cut Rate 
                    </p>
                    <LI>    
                      <p>Three Cutting Wings  </p>
                      </LI>
              </UL></td>
           </tr>
     <tr bgcolor="#ffffff">        <td align="center" valign="middle" width="112"><p><a href="product-20-String-3.html"><img src="p_images/" width="" height="" border="0" /></a></p></td>
     
            <td width="313"><p><span class="style1"><a href="product-20-String-0.html">String</a></span>         <br>         
            </p></td>
           </tr>
     <tr bgcolor="#ffffff">        <td align="center" valign="middle" width="112"><p><a href="product-21-T_D_S-3.html"><img src="p_images/" width="" height="" border="0" /></a></p></td>
            <td width="313"><p><span class="style1"><a href="product-21-T_D_S-0.html">T D S</a></span>         <br>         
            </p></td>
           </tr>
     <tr bgcolor="#ffffff">        <td align="center" valign="middle" width="112"><p><a href="product-31-Inserted_Mill-3.html"><img src="p_images/inserted.jpg" width="66" height="132" border="0" /></a></p></td>
            <td width="313"><p><span class="style1"><a href="product-31-Inserted_Mill-0.html">Inserted Mill</a></span>         Inserted Mill<br>         
            </p></td>
     
           </tr>
     <tr bgcolor="#ffffff">        <td align="center" valign="middle" width="112"><p><a href="product-22-Junk_Mill-3.html"><img src="p_images/junk.jpg" width="46" height="132" border="0" /></a></p></td>
            <td width="313"><p><span class="style1"><a href="product-22-Junk_Mill-0.html">Junk Mill</a></span>         Available Sizes:<br>                
            </p>         <ul>    <li>           
                <p>8 Tooth&nbsp; -&nbsp; 9 1/2" to 12 1/4"           </p>
                </li>    
                <li>             
                  <p>6 Tooth&nbsp; -&nbsp; 8" to 8 3/4"             </p>
                  </li>    
                <li>             
                  <p>4 Tooth&nbsp; -&nbsp; 5 1/2" to 6 3/4"             </p>
                  </li>    
                <li>             
                  <p>3 Tooth&nbsp; -&nbsp; 4 3/4"             </p>
                  </li>  
              </ul>    </td>
     
           </tr>
     <tr bgcolor="#ffffff">        <td align="center" valign="middle" width="112"><p><a href="product-23-Junk_Basket-3.html"><img src="p_images/junkbasket.jpg" width="99" height="132" border="0" /></a></p></td>
            <td width="313"><p class="style1"><a href="product-23-Junk_Basket-0.html">Junk Basket</a> </p>         <ul>
                <li>    
                  <p>details  </p>
                  </li>           
     </ul>
     
       </td>
           </tr>
     <tr bgcolor="#ffffff">        <td align="center" valign="middle" width="112"><p><a href="product-24-Tapered_Mill-3.html"><img src="p_images/taperedmill.jpg" width="99" height="132" border="0" /></a></p></td>
            <td width="313"><p><span class="style1"><a href="product-24-Tapered_Mill-0.html">Tapered Mill</a></span>         Sizes: 3 1/2" to 12 1/4"<br>         
            </p></td>
           </tr>
     <tr bgcolor="#ffffff">        <td align="center" valign="middle" width="112"><p><a href="product-25-Deep_Throat_Mill-3.html"><img src="p_images/deepthroatmill.jpg" width="99" height="132" border="0" /></a></p></td>
            <td width="313"><p class="style1"><a href="product-25-Deep_Throat_Mill-0.html">Deep Throat Mill</a> </p>         <ul>
                
                <li>    
                  <p>Sizes: 3 1/2" to 8 3/4"  </p>
                  </li>
                <li>    
                  <p>Designed for maximum circulation and cutting speed.  </p>
                  </li>
     </ul>
       </td>
           </tr>
     <tr bgcolor="#ffffff">        <td align="center" valign="middle" width="112"><p><a href="product-26-Piranha_Mill-3.html"><img src="p_images/piranhamill.jpg" width="99" height="132" border="0" /></a></p></td>
            <td width="313"><p class="style1"><a href="product-26-Piranha_Mill-0.html">Piranha Mill</a> </p>         <ul>    <li>           
                <p>Designed for longer life<br>    
                </p>
                </li>    
                <li>             
                  <p>Sizes: 3 1/2" to 8 3/4"           </p>
                  </li>  
              </ul>    </td>
     
           </tr>
     <tr bgcolor="#ffffff">        <td align="center" valign="middle" width="112"><p><a href="product-32-Skirted_Mill-3.html"><img src="p_images/skirted.jpg" width="69" height="132" border="0" /></a></p></td>
            <td width="313"><p><span class="style1"><a href="product-32-Skirted_Mill-0.html">Skirted Mill</a></span>         Skirted Mill</p></td>
           </tr>
     <tr bgcolor="#ffffff" class="border-bot">        <td align="center" valign="middle" width="112"><p><a href="product-27-Stabelizer-3.html"><img src="p_images/stabelizer.jpg" width="99" height="132" border="0" /></a></p></td>
            <td width="313"><p><span class="style1"><a href="product-27-Stabelizer-0.html">Stabilizer</a></span>         <br>         
            </p></td>
           </tr>
     
     <tr bgcolor="#ffffff">        <td align="center" valign="middle" width="112"><p><a href="product-29-Concave_Cone_Buster-3.html"><img src="p_images/" width="" height="" border="0" /></a></p></td>
            <td width="313"><p class="style1"><a href="product-29-Concave_Cone_Buster-0.html">Concave Cone Buster</a>
            </p>
              <ul>
                <li>             
                  <p>Sizes:&nbsp; 3 1/2" to 12 1/4"             </p>
                  </li>
                <li>             
                  <p>Designed to center the fish under the mill             </p>
                  </li>
     </ul>         <p><br>         
     </p></td>
           </tr>
     
         </table>
               </div>
               </div>
             </div>
           </div>
         </div>
       </section>
     </body>
     </html>
    [/CODE]

  7. #6
    Junior Member
    Join Date
    Jul 2011
    Posts
    7
    Member #
    28551
    As far as the size, the original images (which are quite sizable) that are in that table weren't resized by editing the image, but by coding in the page. All I'm trying to do is get help, Webzarus. Also, I don't have access to that server. I'm half the country away from the guy I'm doing this for and my role as far as I know is strictly to come up with something to make the site look less horrible. You catch more flies with honey than vinegar, my friend.

  8. #7
    Senior Member Webzarus's Avatar
    Join Date
    May 2011
    Location
    South Carolina Coast
    Posts
    3,322
    Member #
    27709
    Liked
    770 times
    Tons of hosting out there ..I come to this forum to help... Even sometimes I point out the obvious to some that might not have been around the block a few times...

    2 rules I preach and practice..

    Don't open email from people you don't know... Don't open files from people you don't know...

    Just making observations and suggestions for you so someone here could help you... Perhaps some of my security paranoia is coming through...

  9. #8
    Junior Member
    Join Date
    Jul 2011
    Posts
    7
    Member #
    28551
    No problem. Just hope I can get some help and get this looking better.

  10. #9
    Junior Member
    Join Date
    Jul 2011
    Posts
    7
    Member #
    28551
    The site is up for testing at http://www.homeecon.com/millking/ now. Another issue I've run into is the "Rotary shoes" link on the products and services page. It should link to "shoes.html". The code is there, and it's displayed as a link, but it's not clickable.

  11. #10
    Member Shirley Lund's Avatar
    Join Date
    Jul 2011
    Location
    Kalamazoo, mi
    Posts
    39
    Member #
    28517
    Liked
    5 times
    I found this great cheap tool which works fairly well. When I tried converting a heavily tabled webstie to css, I though I'd go crazy until I find software... http://www.table2css.com/ My page still need a little tweeking, but I'm good at tweeking, just not creating css. It was match made in heaven.
    Shirley Lund
    www.LundandLund.net
    Next Door Service Around the World


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 06:48 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com