Съобщение

Collapse
No announcement yet.

Дайте едно рамо за дизайн на html

Collapse
X
  • Филтър
  • Период
  • Показване на
Clear All
нови коментари

  • Дайте едно рамо за дизайн на html

    Колеги,
    може ли някой да помогне. Трябва ми една html (и цсс) страница. Много е проста за който разбира. Един див най-горе, една таблица отляво и една картинка от дясно. И последните две още един път под първите.
    Ето го и на картинка, размерите са в пиксели и са ориентировъчни.
    Ако може някой да го кодне, много ще помогне.
    Мерси.
    Click image for larger version

Name:	efcbfd3f2827023e7bca68aef42f25b6.jpg
Views:	1
Size:	87.3 KB
ID:	995

  • #2
    Re: Дайте едно рамо за дизайн на html

    Edit this Fiddle - jsFiddle

    Коментар


    • #3
      Re: Дайте едно рамо за дизайн на html

      Първоначално публикувано от mgrozdanov View Post
      Не се отваря при мен. Само бял екран виждам.

      Коментар


      • #4
        Re: Дайте едно рамо за дизайн на html

        Странно, че не се отваря. Пращам ти направо кода.
        html
        <div id="wrapper">
        <div id="top_div"></div>
        <br />
        <table class="mytable">
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        </table>

        <div class="img"></div>

        <div style="clear:both"></div>
        <br />
        <table class="mytable">
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        </table>

        <div class="img"></div>
        <div style="clear:both"></div>

        </div>
        CSS
        #wrapper{width:566px}
        #top_div{background:#ccc; height:50px}
        .mytable{width:208px; float:left; table-layout:fixed}
        .mytable td{border:1px solid #666; height:29px}
        .img{width:331px; height:333px; border:1px solid #666; float: right}

        Коментар


        • #5
          Re: Дайте едно рамо за дизайн на html

          Мерси много. това става.
          Имам още една молба.
          Това което ми трябва е една дълга хтмл страница. Ще има 500+ картинки и таблици като тези. Идеята е да я генерирам автоматично. Обаче ми трябва когато я печатам от браузера да излиза на принтера както това горе - 2 таблици/картинки на страница.
          Предполагам, че най-лесно е да имам :

          PHP Code:
          <table class="mytable">
           <
          tr>
           <
          td></td>
           <
          td></td>
           </
          tr>
           <
          tr>
           <
          td></td>
           <
          td></td>
           </
          tr>
           <
          tr>
           <
          td></td>
           <
          td></td>
           </
          tr>
           <
          tr>
           <
          td></td>
           <
          td></td>
           </
          tr>
           <
          tr>
           <
          td></td>
           <
          td></td>
           </
          tr>
           <
          tr>
           <
          td></td>
           <
          td></td>
           </
          tr>
           <
          tr>
           <
          td></td>
           <
          td></td>
           </
          tr>
           <
          tr>
           <
          td></td>
           <
          td></td>
           </
          tr>
           <
          tr>
           <
          td></td>
           <
          td></td>
           </
          tr>
           <
          tr>
           <
          td></td>
           <
          td></td>
           </
          tr>
           <
          tr>
           <
          td></td>
           <
          td></td>
           </
          tr>
           </
          table>

           <
          div class="img"></div
          като темплет и после да го добавя в хтмл-а динамично 500+ пъти, след това да сложа началото на хтмл-а и края му.
          Може ли някой да помогне?
          Мерси.

          Коментар


          • #6
            Re: Дайте едно рамо за дизайн на html

            Бихте ли помогнали пак - има малка промяна. Трябва ми още една малка (1ред) таблица под картинката и тази в ляво.
            Ето как:
            Click image for larger version

Name:	f260f1d898ebe0cfc05cd44931b7f76b.jpg
Views:	1
Size:	87.6 KB
ID:	996

            И пак мерси много.

            Коментар


            • #7
              Как се прави това в този сайт http://jsfiddle.net тука има едни кодове в трите коонки JavaScript, HTML и CSS. Как се правят един код така че да работят на сайт?

              Edit this Fiddle - jsFiddle[/QUOTE]

              Коментар


              • #8
                Първоначално публикувано от azsym View Post
                Re: Дайте едно рамо за дизайн на html

                Бихте ли помогнали пак - има малка промяна. Трябва ми още една малка (1ред) таблица под картинката и тази в ляво.

                И пак мерси много.

                не съм много добър в html css, но поне разбирам кой код какво прави , мисля че това ще ти помогне
                Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

                Коментар


                • #9
                  Сложно ми се вижда

                  Коментар

                  Изчакайте...
                  X