Jump to content

Zverushka

User
  • Posts

    1,542
  • Joined

  • Last visited

  • Days Won

    24

Everything posted by Zverushka

  1. http://divhack.com/downloads/study/5/html/ На этой странице есть раздел справа "More projects". Как правильнее написать Html с этими картинками? Выстроить в ряд 4 картинки или предварительно засунуть их в список? Как правильнее и логичнее с точки зрения семантики и всего прочего?
  2. А как заказчик будет сверять, когда текст расползется? По очереди каждый блок подгонять? Да и без увеличения раз в 5 - тяжело проверить, чтобы именно пиксель в пиксель был . Что он будет целый час возиться и сверять все? А то я на хабрабаре вычитала, что ну не умеете пиксель в пиксель верстать - не гундите, что это не нужно. Типа профессионалы все могут и делают работу). А как вы замеряете пиксели между блоками? Я просто увеличиваю макет раз в 5, беру инструмент - выделить область квадратиком - выделяю аккуратно квадрат между блоками и смотрю его величину или высоту. Требует некоторой точности рук и не очень быстро это все. Дальше хуже - написано высота шрифта 24, на деле получается 23. И не понятно куда этот лишний пиксель затесался - вверх или вниз? Из какого паддинга сверху или снизу его вычитать?
  3. Я верстаю макет номер 5 с этого сайта http://divhack.com/. Пытаюсь сделать "попиксельную" верстку, так как настоящий профессионал должен уметь верстать попиксельно. Выбираю основной шрифт, который указан в макете, а именно Arial 12px и мой основной текст, который идет после "Why choose WebOnDemand?" выходит на одну строку больше, чем в шаблоне! В итоге ни о какой попиксельной верстке не может идти и речи. Делаю свой макет прозрачным и накладываю на шаблон psd и получается все вразнобой, ничего не сходится. Вы там же можете открыть сделанный сайт в html и сравнить с шаблоном - у автора сайта тоже не сходится и текст вылазит на следующую строку. Допустим мой заказчик скажет - сверстай вот этот шаблон попиксельно. Я ему выдан свое чудо, он его наложит на макет и не увидит нужного результата.И скажет - что вы мне тут наделали? И что, спрашивается делать? Как быть? Как сделать шрифт таким же?
  4. Перед тем, как начать верстать за деньги, решила сделать заготовку проекта. Прошу оценить, поправить, посоветовать. Папка: прототип проекта. - папка css - папка img - папка js - index.html Содержание index.html: <!doctype html> <html lang="ru"> <head> <title>Page</title> <meta charset="utf-8"> <!--[if lt IE 9]> <script src="js/ie.js"> <![endif]--> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="wrap"> <header> </header> <footer> </footer> </div> <!-- wrap ends --> </body> </html> Содержание reset.css: /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } Содержание style.css: body { } /* HEADER */ header {} /* NAVIGATION */ nav { } .menu { } /* ARTICLE */ article {} /* SECTION */ section { } /* ASIDE */ aside {} /* FOOTER */ footer { } Содеражение ie.css: <script> var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split ); for (var i = 0; i < e.length; i++) { document.createElement(e[i]); } </script>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy