Results 1 to 7 of 7

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Registered User
    Join Date: Mar:2013
    Location: Sofia
    Posts: 33

    HTML/CSS/Encoding

    ,

    , . , , , FAQ- , "" . :
    Click image for larger version. 

Name:	blueprint.jpg 
Views:	82 
Size:	26.5 KB 
ID:	61070
    :
    Click image for larger version. 

Name:	myblueprint.jpg 
Views:	54 
Size:	13.5 KB 
ID:	61071
    :
    HTML Code:
    <!DOCTYPE html>
    <html>
        <head>
            <title>Website Title</title>
            <link rel="stylesheet" type="text/css" href="stylesheets/public.css" />
        </head>
        <body>
            <!-- Website Body Content -->
            <table border="1" width="100%" cellspacing="0" cellpadding="0" height="100%">
                <tr><td>
                        <table border="1" width="100%" cellspacing="0" cellpadding="0" height="150">
                            <tr><td><center><img src="#" alt="#" /></center></td></tr>
                        </table> 
                </td></tr>
                <tr>
                    <td>
                        <table border="1" width="100%" height="100%" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>
                                    <table border="1" width="100%" cellspacing="0" cellpadding="0">
                                        <tr><td height="300" width="100px">Website Menu</td></tr>
                                    </table>
                                </td>
                                <td>
                                    <table border="1" width="100%" cellspacing="0" cellpadding="0">
                                        <tr><td height="300">Website Content</tr></td>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <table cellspan="2"  border="1" width="100%" cellspacing="0" cellpadding="0">
                                        <tr><td height="50">Footer</td></tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!-- End of Website Body Content -->
        </body>
    </html>
    : , ?

    (19201080) , .

    FOOTER . cellspan="2",
    Last edited by OzoneBG; 28th March 2013 at 20:54.
    ALL GREAT THINGS ARE SIMPLE AND MANY CAN BE EXPRESSED IN SINGLE WORDS:
    FREEDOM, JUSTICE, HONOR, DUTY, MERCY, HOPE.
    Winston Churcill

  2. #2
    XaMaB's Avatar
    Join Date: Nov:2001
    Location:
    Posts: 20,387
    css
    : XaMaB; . 0.42

    In God we Trust (all others must submit a X.509 certificate). , ()

  3. #3
    Registered User
    Join Date: Mar:2013
    Location: Sofia
    Posts: 33
    , , . "clear: both;" . , .
    ALL GREAT THINGS ARE SIMPLE AND MANY CAN BE EXPRESSED IN SINGLE WORDS:
    FREEDOM, JUSTICE, HONOR, DUTY, MERCY, HOPE.
    Winston Churcill

  4. #4
    XaMaB's Avatar
    Join Date: Nov:2001
    Location:
    Posts: 20,387
    .
    (logo, menu, footer ) ,
    : XaMaB; . 0.42

    In God we Trust (all others must submit a X.509 certificate). , ()

  5. #5
    Registered User
    Join Date: Mar:2013
    Location: Sofia
    Posts: 33
    , .
    ALL GREAT THINGS ARE SIMPLE AND MANY CAN BE EXPRESSED IN SINGLE WORDS:
    FREEDOM, JUSTICE, HONOR, DUTY, MERCY, HOPE.
    Winston Churcill

  6. #6
    Registered User
    Join Date: Mar:2013
    Location: Sofia
    Posts: 33
    .
    Click image for larger version. 

Name:	bg.jpg 
Views:	63 
Size:	26.2 KB 
ID:	61113
    H "Content goes here.". HTML-a:
    HTML Code:
    <!DOCTYPE html>
    <html>
        <head>
            <title>L2 Born Private Server</title>
            <link rel="stylesheet" type="text/css" href="public.css" />
        </head>
        <body>
            <div id="container">
                <div id="header">L2 Born logo</div>
                <div id="inner">
                    Content goes here
                    <div id="menu">
                        <ul>
                            <li><a href="#">News</a></li><br />
                            <li><a href="#">Media</a></li><br />
                            <li><a href="#">Download</a></li><br />
                            <li><a href="#">Forum</a></li><br />
                            <li><a href="#">Team</a></li><br />
                            <li><a href="#">Information</a></li><br />
                        </ul>
                    </div>
                </div>
                <div id="stats">
                    <div id="users"><font face="Arial" size="2" color="dodgerblue">Total users:</font>&nbsp;<font face="Arial" size="2" color="green">23</font><br />
                    <font face="Arial" size="2" color="dodgerblue">Last user:</font>&nbsp;<font face="Arial" size="2" color="red">OzoneBG</font></div>
                    <div id="time" style="text-align:center;">Server time:<br /> 23.00</div>
                </div>
                <div id="footer"><span class="footer-text"><font size="2">Copyrights &copy; stuff</font></span><br />
                <span class="footer-text"><font size="2">Copyrights &copy; stuff</font></span><br />
                <span class="footer-text">Copyrights &copy; stuff</div>
            </div>
        </body>
    </html>
    CSS-a:
    HTML Code:
    html {
        width:100%;
        height:100%;
    }
    body {
        margin: 5px;
        padding: 5px;
        font-family: Arial;
        font-size: 16px;
        background-image:url("images/body_b.jpg");
    }
    #container {
        width: 100%;
        height: 100%;
        border: 1px solid;
    }
    #header {
        margin: 10px 5px 0px 5px;
        width: 100%;
        height: 100px;
        text-align: center;
        border: 1px solid;
    }
    #menu {
        width:200px;
        height:560px;
        border: 1px solid;
        float: left;
    }
    #menu ul {
        list-style-type: none;
    }
    #content {
        float: right;
    }
    #footer {
        clear: both;
        border: 1px solid;
        text-align: center;
    }
    #inner {
        width: 100%;
        width: 760px;
    }
    #stats {
        border: 1px solid;
        clear: both;
    }
    #users {
        float:left;
    }
    #time {
        float:right;
    }
    ALL GREAT THINGS ARE SIMPLE AND MANY CAN BE EXPRESSED IN SINGLE WORDS:
    FREEDOM, JUSTICE, HONOR, DUTY, MERCY, HOPE.
    Winston Churcill

Posting Permissions

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

Copyright © 1999-2011 . .
iskamPC.com | mobility.BG | Bloody's Techblog | | 3D Vision Blog |