ФорумРазработкаКлиентская сторонаВерстка и оформление → Как рисунок превратить в код?

Как рисунок превратить в код?

  • AdmBuxonly

    Сообщения: 370 Репутация: N Группа: Кто попало

    Spritz 18 марта 2009 г. 23:50

    Привет, народ! Всех с прошедшими праздниками! Давно уже меня небыло. Вот решил опять понубить маленько. Теперь не могу картинку превратить в код из дивов. Я схему нарисовал, а как написать не могу. вот схема: http://barosha.jino.ru/site2.jpg

    А вот и код, но он не до конца. Я запутался. Помогите. Если надо, то могу чистый скрин скинуть.

     <html>
    <head>
    <title></title>
    <link href="css/style2.css" rel="stylesheet" type="text/css" />
    </head>

    <body><center>

    <!–ОСНОВА–>
    <div class="karkas">

    <!–ШАПКА САЙТА–>
    <div class="header">ШАПКА САЙТА</div>
    <!–/ШАПКА САЙТА–>

    <!–МЕНЮ–>
    <div class="osnova_menu">
    <!–КНОПКИ МЕНЮ–>
    <div class="menu_1">menu_1</div>
    <div class="menu_2">menu_2</div>
    <div class="menu_3">menu_3</div>
    <div class="menu_4">menu_4</div>
    <div class="menu_5">menu_5</div>
    <div class="menu_6">menu_6</div>
    <!–/КНОПКИ МЕНЮ–>
    </div>
    <!–/МЕНЮ–>

    <!–КОНТЕНТ–>
    <div class="content">

    <!–СТАТИСТИКА–>
    <div class="statistics">Statistics</div>
    <!–СТАТИСТИКА–>

    <!–ВАША СТАТИСТИКА–>
    <div class="your_statistics">Your Statistics</div>
    <!–/ВАША СТАТИСТИКА–>

    <!–ДОП. МЕНЮ–>
    <div class="title_dop">Title</div>
    <div class="dop">News</div>
    <!–/ДОП. МЕНЮ–>

    <!–ТЕКСТ САЙТА–>
    <div class="text">text text text<br /></div>
    <!–/ТЕКСТ САЙТА–>
    </div>
    <!–/КОНТЕНТ–>

    <!–FOOTER–>
    <div class="footer"></div>
    <!–/ТFOOTER–>

    </div>
    <!–/ОСНОВА–>

    </body>
    </html>
    У меня проблемка возникла: как контейнер техт сделать чтоб он на место встал, а то он с низу болтается. Нужно чтоб был прикреплен к content и стоял рядом со статистикой. В нем будет весь текст страницы.

    .karkas { width:800px; margin:0 auto; height:auto; border:2px #006600 solid;}
    .header { width:800px; height:102px; border:2px #000099 solid;}
    .osnova_menu {width:800px; height:162px; border:2px #3399CC solid;}
    .menu_1 { position:relative; width:180px; height:20px; border:1px #CC9900 solid;}
    .menu_2 { position:relative; width:180px; height:20px; border:1px #CC9900 solid;}
    .menu_3 { position:relative; width:180px; height:20px; border:1px #CC9900 solid;}
    .menu_4 { position:relative; width:180px; height:20px; border:1px #CC9900 solid;}
    .menu_5 { position:relative; width:180px; height:20px; border:1px #CC9900 solid;}
    .menu_6 { position:relative; width:180px; height:20px; border:1px #CC9900 solid;}
    .content { position:relative; width:800px; height:auto; border:2px #990000 solid;}
    .statistics { position: relative; width:251px; height:191px; border:2px #003300 solid;}
    .your_statistics { position: relative; width:251px; height:191px; border:2px #003300 solid;}
    .title_dop { position: relative;width:251px; height:20px; border:2px #003300 solid;}
    .dop { position: relative; width:251px; height:191px; border:2px #003300 solid;}
    .text { position:relative; border:2px #333366; width:500px; height:auto; top:10px;}



    Результат тут: http://barosha.jino.ru
  • killich

    Сообщения: 270 Репутация: N Группа: Адекваты

    Spritz 19 марта 2009 г. 6:28, спустя 6 часов 38 минут 27 секунд

    .text {
    height:auto;
    position:relative;
    width:527px;

    vertical-align:top;
    }

    ты об этом?
    Рубист с большой буквы Г. Серый кардинал кулинарного блога open-cook.ru
  • AdmBuxonly

    Сообщения: 370 Репутация: N Группа: Кто попало

    Spritz 19 марта 2009 г. 6:42, спустя 13 минут 20 секунд


    .text {
    height:auto;
    position:relative;
    width:527px;

    vertical-align:top;
    }

    ты об этом?


    С этим проблемы устранены. Теперь новая проблема. Ячейки расползаются: http://barosha.jino.ru ползут за текстом. Что делать?
  • AdmBuxonly

    Сообщения: 370 Репутация: N Группа: Кто попало

    Spritz 19 марта 2009 г. 6:44, спустя 1 минуту 59 секунд

    И с этим разобрался :)
  • adw0rd

    Сообщения: 22959 Репутация: N Группа: в ухо

    Spritz 19 марта 2009 г. 6:48, спустя 4 минуты 7 секунд

    У вас кол-во постов одинаковое! :)
    https://smappi.org/ - платформа по созданию API на все случаи жизни
  • Mr.Pihto

    Сообщения: 1386 Репутация: N Группа: Адекваты

    Spritz 14 июня 2009 г. 10:24, спустя 87 дней 3 часа 36 минут

    AdmBuxonly, а шо это у тебя за ава за такая?
  • Mr.Pihto

    Сообщения: 1386 Репутация: N Группа: Адекваты

    Spritz 14 июня 2009 г. 10:28, спустя 4 минуты 27 секунд

    AdmBuxonly, знаеш что случилось с тем у кого раньше была эта ава?
    ходят слухи.. что он теперь без авы вообще!
  • Professor

    Сообщения: 2089 Репутация: N Группа: Адекваты

    Spritz 14 июня 2009 г. 10:31, спустя 3 минуты 19 секунд

    Да, я тоже слышал эти слухи.
    Говорят что это чудище сжирает аватарку и пользователь остается без нее.

    А звали несчастного … ээээ. не могу вспомнить что то вроде Mr.Pi…


    =)

    слухи на пiха.ру
  • Mr.Pihto

    Сообщения: 1386 Репутация: N Группа: Адекваты

    Spritz 14 июня 2009 г. 10:37, спустя 5 минут 9 секунд

    AdmBuxonly я стал хранителем этой авы и теперь у тебя есть всего 7 часов чтобы убрать её добровольно или придёт.. дуд придёт.. и скажет.. знаеш что он тебе скажет?
    а он скажет тебе: заткни этой авой себе какое нить место. Дословно передавать не буду.. на то есть причины…
  • phpdude

    Сообщения: 26646 Репутация: N Группа: в ухо

    Spritz 14 июня 2009 г. 10:43, спустя 6 минут 31 секунду

    ээ бля!!! ayeaye чтоли аву ктото нацепил!!!! нука цуко выкинуть быстра!!
    Сапожник без сапог
  • Mr.Pihto

    Сообщения: 1386 Репутация: N Группа: Адекваты

    Spritz 14 июня 2009 г. 10:58, спустя 14 минут 26 секунд

    а йа предупреждал, но это было всеравно неизбежно
  • phpdude

    Сообщения: 26646 Репутация: N Группа: в ухо

    Spritz 14 июня 2009 г. 11:04, спустя 6 минут 53 секунды

    ааа ава то ебаная гиф анимация!!! не потерпим!! нахуй анимацию
    Сапожник без сапог
  • adw0rd

    Сообщения: 22959 Репутация: N Группа: в ухо

    Spritz 14 июня 2009 г. 11:32, спустя 27 минут 43 секунды

    Мавр у нас анимационный :)
    https://smappi.org/ - платформа по созданию API на все случаи жизни
  • phpdude

    Сообщения: 26646 Репутация: N Группа: в ухо

    Spritz 14 июня 2009 г. 12:14, спустя 41 минуту 52 секунды


    Мавр у нас анимационный :)
    казнить нельзя помиловать

    пусть запятую сам поставит
    Сапожник без сапог
  • adw0rd

    Сообщения: 22959 Репутация: N Группа: в ухо

    Spritz 14 июня 2009 г. 12:25, спустя 11 минут

    динамика нельзя статика
    https://smappi.org/ - платформа по созданию API на все случаи жизни

Пожалуйста, авторизуйтесь, чтобы написать комментарий!