Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Apr 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    pls help with html code

    hi guys...i am new in html coding..pls help...how to corect my html code to:
    1)to be compatible with iphone ,ipad ,mobiles,tablets etc.
    2)to look the same in all browsers.
    3)my home page to fit to screen and no scroling

    plssss...helpppp...someone to fix my html code.

    i give you my html code......i have made it with 000webhost site builder
    my site address is http://prismatherm.comuv.com/index.php
    Sorry for my poor english.

    < !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>
    <meta http-equiv="content-type" content="{%MetaCharset%}" />
    <meta name="description" content="{%MetaDescription%}" />
    <meta name="keywords" content="{%MetaKeywords%}" />
    <title>
    {%MetaTitle%}
    </title>
    <style type="text/css">
    /*<![CDATA[*/
    body {
    margin: 0px;
    background-color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    }
    table.linkcontainer td{
    background-color: #000000;
    filter:alpha(opacity=70);
    opacity: .7;
    -moz-opacity: .7;
    }
    td.logo_area{
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
    }
    td.middle_spacer {
    width: 800px;
    background-color: #666666;
    }
    span.slogan {
    font-size: 16px;
    }
    td.shadow_right {
    background-image: url(images/border_shadow_l.jpg);
    background-repeat: repeat-y;
    background-position: left;
    }
    td.shadow_left {
    background-image: url(images/border_shadow_r.jpg);
    background-repeat: repeat-y;
    background-position: right;
    }
    td.body_content {
    padding: 5px;
    background-image: url(images/bg_content.jpg);
    background-repeat: repeat;
    }

    td.body_content a{
    color: #389333;
    text-decoration: none;
    }

    td.body_content a:hover {
    text-decoration: underline;
    }
    td.below_header{
    background-color: #1F1F1F;
    height: 50px;
    color: #CCCCCC;
    padding: 5px;
    }
    td.main_content_box {
    background-color: #FFFFFF;
    }


    }
    td.bottom_link_container {
    background-color: #000000;
    text-align: center;
    color: #FFFFFF;
    padding: 5px;
    }

    td.bottom_link_container a {
    color: #ffffff;

    }


    }
    td.header_column {
    height: 100px;
    vertical-align: middle;
    color: #FFFFFF;
    font-size: large;
    background-image: url(images/header2_bg.jpg);
    background-position: top;
    }
    td.left_content {
    width: 200px;
    padding: 5px;
    vertical-align: top;
    background-image: url(images/bg_content.jpg);
    background-repeat: repeat;
    }
    td.left_content a {
    text-decoration: none;
    color: #389333;
    }
    td.left_content a:hover {
    text-decoration: underline;
    }

    a.main_link:active,a.main_link:visited,a.main_link:link{
    font-weight: bold;
    text-decoration: none;
    display: block;
    width: 100%;
    color: #FFFFFF;
    line-height: 50px;
    }
    a.main_link:hover{
    background-color:#333333;
    color: #FFFFFF;
    }
    a.bottom_link:active,a.bottom_link:visited,a.bottom_link:link{
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    }
    a.bottom_link:hover{
    color: #CCCCCC;
    }
    div.bottom_content{
    color: #FFFFFF;
    padding: 5px;
    }
    div.navigation {
    height: 50px;
    vertical-align: middle;
    text-align: center;
    }

    span.name {
    font-size: 18px;
    font-weight: bold;
    }

    h3 { margin: 0; }
    /*]]>*/
    </style>
    <style type="text/css">
    /*<![CDATA[*/
    <!--
    #socialbar img {border:0px;}#socialbar li img {width:36px; height:36px;}#socialbar li a:hover {position:relative;right:5px;}#socialbar{list-style: none outside none; padding: 0px; margin:0px; position: fixed; top: 2px; right: 3px;}#main #content-1,#pageframe,.IE #sidebar{overflow:visible;}.IE #bottom_decor,.IE #main #sidebar{position:static;}
    -->
    /*]]>*/
    </style>
    </head>
    <body>
    < div id="fb-root"></div>
    < script type="text/javascript">// <![CDATA[
    (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/el_GR/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
    // ]]></script>
    < div data-show-faces="false" data-width="450" data-layout="button_count" data-send="false" data-href="http://www.facebook.com/PrismaTherm" class="fb-like"></div>
    < div>
    < table width="100%" cellpadding="0" cellspacing="0" border="0">
    < tbody>
    < tr>
    < td class="shadow_left">&nbsp;</td>
    < td class="header_column">
    < table width="100%" cellpadding="0" cellspacing="10" border="0">
    < tbody>
    < tr>
    < td class="logo_area"><span class="slogan">
    < object height="350" width="1024" type="application/x-shockwave-flash" data="web_flash/newslide.swf">
    < param name="data" value="web_flash/newslide.swf" />
    < param name="src" value="web_flash/newslide.swf" />
    < /object>
    < /span></td>
    < /tr>
    < /tbody>
    < /table>
    < span style="color: #ff6600;">&nbsp;PERFORMANCE <span style="color: #ffffff;">with the speed of light !</span></span></td>
    < td class="shadow_right">&nbsp;</td>
    < /tr>
    < tr>
    < td class="horizontal_column">&nbsp;</td>
    < td class="horizontal_center">
    < table width="100%" cellpadding="0" cellspacing="0" border="0" class="linkcontainer">
    < tbody>
    < tr>
    < !--{%menu_start=1%}-->
    < td>
    < div class="navigation"><a href="{%menu_href%}" class="main_link">{%menu_display%}</a></div>
    < /td>
    < !--{%menu_end=1%}-->
    < /tr>
    < /tbody>
    < /table>
    < /td>
    < td class="horizontal_column">&nbsp;</td>
    < /tr>
    < tr>
    < td class="shadow_left">&nbsp;</td>
    < td class="below_header"><span class="name">&nbsp;</span></td>
    < td class="shadow_right">&nbsp;</td>
    < /tr>
    < tr>
    < td class="shadow_left">&nbsp;</td>
    < td class="main_content_box">
    < table width="100%" cellpadding="0" cellspacing="0" border="0">
    < tbody>
    < tr>
    < td class="left_content"><br />News<br />{%news%}&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    < td class="body_content">{%content%}</td>
    < /tr>
    < /tbody>
    < /table>
    < /td>
    < td class="shadow_right">&nbsp;</td>
    < /tr>
    < tr>
    < td class="shadow_left">&nbsp;</td>
    < td class="middle_spacer">
    < div class="bottom_content" style="padding-top: 15px; padding-bottom: 15px; text-align: center;">{%WebsiteFooter%} &nbsp; &nbsp; &nbsp;&nbsp;</div>
    < /td>
    < td class="shadow_right">&nbsp;</td>
    < /tr>
    < tr>
    < td class="shadow_left">&nbsp;</td>
    < td class="bottom_link_container">
    < p style="text-align: center;"><span>&nbsp; Created &nbsp;by PRISMATHERM TEAM</span></p>
    < /td>
    < td class="shadow_right">&nbsp;</td>
    < /tr>
    < /tbody>
    < /table>
    < /div>
    < !-- START SOCIAL MEDIA WIDGET -->
    < ul id="socialbar">
    < li id="facebook"><a target="_blank" href="http://www.facebook.com/prismatherm"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/facebook.png" /></a> </li>
    < li id="youtube"><a target="_blank" href="http://www.youtube.com/prismathermhellas"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/youtube.png" /></a> </li>
    < /ul>
    < !-- END SOCIAL MEDIA WIDGET -->
    < /body>
    < /html>

  • #2
    New Coder
    Join Date
    Dec 2012
    Location
    Ingerlund
    Posts
    66
    Thanks
    8
    Thanked 4 Times in 4 Posts
    Hi. I'm sorry, but there's no quick fix for what you are asking.


    Code:
    hi guys...i am new in html coding..pls help...how to corect my html code to:
    1)to be compatible with iphone ,ipad ,mobiles,tablets etc.
    2)to look the same in all browsers.
    The HTML code you are using should still be "compatible" on most devices that access the internet for most intents and purposes. Making your webpage look the same in all browsers may not be an easy task but you must assess each individual problem on it's own - I seriously doubt anyone is about to sift through this mass of code and sort it all out for you !

    my home page to fit to screen and no scroling
    That's easier.

    Code:
    html, body{
    overflow:hidden;
    }
    The above code will force and elements overflowing the container to be hidden, so
    you won't need any scroll bars.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •