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>
    Âúïðîñúò ìè å: Êàêâè öèôðè äà çàäàì íà òåçè òàáëèöè, çà äà ìîæå íà ðàçëè÷íà ðåçîëþöèÿ äà èçêàðâà öåëèÿ óåáñàéò áåç äà ñå ÷óïè òåêñòà èëè êàðòèíêèòå?

    Êîãàòî ñå îïèòàì äà ãî èçêàðàì íà ìîÿòà ðåçîëþöèÿ(1920õ1080) èçëèçà âñè÷êî íàðåä, íî íà ïî ìàëêè ðåçîëþöèè ÷àñò îò ñàéòà èçëèçà âñòðàíè îò åêðàíà.

    Ñúùî òàêà ñå îïèòâàì äà èçêàðàì 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 | Ìàãàçèí çà åëåêòðîííè öèãàðè