Wanted: xhtml/css design converted into plain html

Discussion in 'Programming' started by tfbpa, Dec 8, 2008.

Thread Status:
Not open for further replies.
0
  1. #1
    I have a xhtml/css design that needs to be converted into plain html.

    Please let me know if you can do that, code is below.

    
<html>
  <head>
    <title>
      
    </title>
    <style TYPE="text/css">


    /*
    Theme Name: A0065
    Theme URI: http://www.psd2site.com/
    Description: 4uni
    */
    * {
    margin: 0px;
    padding: 0px;
    border: none;
    }
    p {
        margin: 0;
        padding: 10px 0;
    }

    body {
    font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
    min-width: 700px;
    background: #B9B9B9 url(/images-bin/10023656/body_bg.jpg) repeat-x;
    font-size: 12px;
    line-height: 18px;
    color: #777777;
    }
    #page {
        width:793px;
        margin: 0 auto;
        padding: 0 36px;
        background: url(/images-bin/10023656/page_bg.jpg) repeat-y top left;
        overflow: hidden;
    }
    #header {
        background: url(/images-bin/10023656/header_bg.jpg) no-repeat;
        height: 141px;
        padding: 0 10px;
    }
    .logo {
        float: right;
        margin-top: 50px;
    }
    #nav {
        background: url(/images-bin/10023656/nav_bg.jpg) repeat-x top left;
        height: 36px;
        font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }
    #nav ul {
        list-style: none;
        float: right;
        margin-top: 3px;
        padding-right: 15px;
    }
    #nav ul li {
        float: left;
    }
    #nav a {
        display: block;
        padding: 0 15px;
        line-height: 33px;
        color: #fff;
        float: left;
    }
    #nav a:hover, #nav a.selected {
        background: url(/images-bin/10023656/nav_hover.jpg) no-repeat top center;
        color: #693200;
    }
    #content {
        padding: 10px 0;
    }
    #footer {
        text-align: center;
        color: #fff;
        height: 42px;
        padding: 9px 10px 9px 152px;
        background: url(/images-bin/10023656/footer_bg.jpg) no-repeat top center;
    }
    #footer a {
        color: #fff;
        font-size: 14px;
        font-style: italic;
        padding: 0 5px;
    }
    .footer_logo {
        float: right;
    }
    .footer-menu {
         padding-top: 5px;
    }


    </style>
  </head>
  <body>
    <div ID="page">
      <div ID="header">
        <div CLASS="logo">
          <a HREF="http://www.domain.com/"><img SRC="/images-bin/10023656/blank.gif" WIDTH="250" HEIGHT="50" ALT=""></a>
        </div>
      </div>
      <div ID="nav">
        <img SRC="/images-bin/10023656/nav_right.jpg" ALIGN="right" ALT=""><img SRC="/images-bin/10023656/nav_left.jpg" ALIGN="left" ALT="">
        <ul>
          <li>
            <a HREF="http://www.domain.com/">Home</a>
          </li>
          <li>
            <a HREF="http://www.domain.com/faq.php">FAQ</a>
          </li>
          <li>
            <a HREF="http://www.domain.com/privacy.php">Privacy</a>
          </li>
          <li>
            <a HREF="http://www.domain.com/contact.php">Contact</a>
          </li>
          <li>
            <a HREF="http://www.domain.com/reservation.php">View Reservation</a>
          </li>
          <li>
            <a HREF="http://www.domain.com/favorites.php">My Favorites</a>
          </li>
        </ul>
      </div>
      <div ID="content"></div><br CLEAR="all">
      <div ID="footer">
        <div CLASS="footer_logo">
          <a HREF="http://www.domain.com/"><img SRC="/images-bin/10023656/footer_logo.jpg" ALT=""></a>
        </div>
        <div CLASS="footer-menu">
          <a HREF="http://www.domain.com/">Home</a> | <a HREF="http://www.domain.com/faq.php">FAQ</a> | <a HREF="http://www.domain.com/privacy.php">Privacy</a> | <a HREF="http://www.domain.com/contact.php">Contact</a>
        </div>© 2008
      </div>
    </div>
  </body>
</html>
    Code (markup):
    If you are wondering why I want this, it's because of conflicts with 3rd party css and the fact that the automated emails from 3rd party are not displayed correctly.

    Please name your price + turn around time if you can convert above code.

    Thanks.
     
    tfbpa, Dec 8, 2008 IP
  2. souviktheirishboy

    souviktheirishboy Peon

    Messages:
    211
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #2
    add me in yahoo
    id given i can do it asap
     
    souviktheirishboy, Dec 8, 2008 IP
  3. Clive

    Clive Web Developer

    Messages:
    4,507
    Likes Received:
    297
    Best Answers:
    0
    Trophy Points:
    250
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #3
    Is this going to be used as an email template?
     
    Clive, Dec 8, 2008 IP
  4. tfbpa

    tfbpa The....Alive

    Messages:
    896
    Likes Received:
    35
    Best Answers:
    0
    Trophy Points:
    120
    As Seller:
    100% - 16
    As Buyer:
    100% - 1
    #4
    @Clive: have send you an email
    btw, it is your coding :D
     
    tfbpa, Dec 8, 2008 IP
  5. tfbpa

    tfbpa The....Alive

    Messages:
    896
    Likes Received:
    35
    Best Answers:
    0
    Trophy Points:
    120
    As Seller:
    100% - 16
    As Buyer:
    100% - 1
    #5
    Clive is handling it, service no longer needed.
     
    tfbpa, Dec 8, 2008 IP
Thread Status:
Not open for further replies.