Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Верстка дивами.

    Столкнулся с небольшой проблемой. Надеюсь не откажете в помощи. для ясности картинка получающегося. http://funkyimg.com/viewer.php?img=/2/1467/064/451035Untitled-2.jpg Идут три блока по горизонтали. 1. слева тайлится левый фон. на картинке выделен зеленым. 2. по центру идет блок с контентом, на нем белый фон. 3. справа тайлится правый фон. точно также как левый только отзеркаленый. так вот, если контент в 2 блоке растет, то левый и правый блоки не тайлятся, если в них нет контента, получается черный фон, выделил синим. по моей задумке, левый и правый блоки должны просто растягиваться по вертикали вместе с центральной частью и заполняться тайлингом по верти…

    Asked by yHoMoMeHTo,

    0 votes
    3 answers

  2. Вёрстка дивами.проблем

    Очень важно, помогите кто в силах... У меня есть шаблон, взял тут http://trifler.ru/blog/i/users/shablon/b3.htm, (немного его переделал), надо сделать так чтоб при другом расширении экрана левые и правые уши раздвигались, а центр находился на своем центральном месте. у меня же получается что правое ухо больше левого. и ещё проблема с уменьшением размера окна браузера. Заранее благодарен. HTML: <body> <div id=gl> <div id=uho1><div id=zas1>1</div></div> <div id="gordi"> <div class="header"><div id=div1>1</div><div id=div2>2</div><div id=div3>3</div></div> <div class="center"&…

    Asked by Guest Гость_Павел_*,

    0 votes
    0 answers

  3. верстка дивов (правый заходит под левый)

    Как сделать так: есть два дива: левый и правый. В левом пусть будет меню, а в правом длинный текст до 10000 симвлов. Идея заключаеться в том, чтобы сделать так: когда правый див опускаеться ниже левого, то текст продолжаеться под левым дивом

    Asked by myav4ik,

    0 votes
    5 answers

  4. Верстка для Facebook

    Вот недавно встретился с интересным приложением на Facebook'е. Называется «Static HTML: iframe tabs» Позволяет вставлять на страницу HTML код. Но дело в том, что туда можно залить код только главной страницы своего макета. А если, допустим, у меня макет состоит из 3,4,n страниц, где есть меню? Как сделать так, чтобы у меня была главная страница, опубликованная на ФейсБуке, а при нажатии на ссылку в меню на этой главной, открывалась другая страница макета в том же окне на ФБ? Или это возможно, если только залить все остальные страницы макета на хостинг?

    Asked by Sedacove,

    0 votes
    0 answers

  5. верстка для facebook like

    Проблема моделируется под maсos Safari кнопка блок от фэйсбука обрезанный: вокал.яскович.рф/news/32-stupeni-shkoly-energo-zvuka (наверху слева) даже не знаю что придумать -не могу найти ошибку в цсс причем в ff - отображает нормально цсс здесь http://вокал.яскович.рф/sites/all/themes/Obosmeysya/css/application.css?mf9h2w спасите!!! =)

    Asked by zeves095,

    0 votes
    2 answers

  6. Верстка для iPhone

    Здравствуйте! Есть макет из 2 колонок. В левой широкой колонке - фотография и текст справа. Правая - узкая, видимо, под текст. Требуется сверстать макет с учетом корректного отображения в устройствах типа iPhone. Скажите, пожалуйста, каковы особенности такой верстки? Что следует учесть при работе?

    Asked by Светлана Г.,

    0 votes
    0 answers

  7. Верстка для Joomla

    Вот пример сверстаного шаблона http://depositfiles.com/files/09jswdpm9, скажите как его передалать что б он подходил для CMS Joomla!

    Asked by OkeY^,

    0 votes
    6 answers

  8. Вёрстка для комментариев

    Здравствуйте. Столкнулся с проблемой написания вёрстки для компонента комментариев. Очень прошу помочь тех, кто в этом разбирается. Вот картинка. Сначала пробовал всё divami оформить, что-то не получилось. Потом пробовал table - снова проблемы. Самое простое быстро забывается. Те, кто в этом ещё шарит - помогите плиз... Там где цветные квадратики - это картинки будут. И надо сделать так, чтобы правая часть (само сообщение) увеличивалось по мере увеличения сообщения, НО чтобы не была меньше чем левая часть (аватар и т.д.). Т.е. чтобы минимальный размер правого окна было не меньше левого, а если больше - то больше. Заранее огромное спасибо.

    Asked by juvileor,

    0 votes
    4 answers

  9. верстка для компьютера и планшета

    Здравствуйте, уважаемые форумчане. В процессе верстки пвстал следующий вопрос. Делается сайт, верстка div`ами и отчасти табличная. На компьютере все нормально, а вот при проверке на планшете размеры блоков не совпадают, все идет наперекосяк. Допустим, блок у меня в CSS-файле имеет параметр width: 800px. На ноутбуке текст укладывается в одну строку, как и нужно, а на планшете переходит на следующую строчку. Понятно, что размеры экранов и разрешение разнятся, но как с этим бороться? То же самое касается и размера шрифта. Есть некая надпись, под ней кнопки с текстом. font size="4" выдает совсем разную ширину на ноуте и планшете, на последнем текст вылезает за пределы кнопок.…

    Asked by Dremir,

    0 votes
    1 answer

  10. Вёрстка для КПК / PDA

    Всем привет. Есть кучка вопросов возможно будут ещё. 1. Какой DOCTYPE выбрать для пда режима? 2. Как вравильно подобрать ширину экрана для телефона? Поставить ширину 100% или поставить фиксированую ширину с максимальной и минимальной шириной? 3. Лучше использовать таблицы или дивы? 4. Как сделать чтоб дизайн адаптировался под размер экрана телефона или монитора? Думаю пока всё, заранее спасибо

    Asked by fullzero,

    0 votes
    3 answers

  11. Верстка для мобильных Устройств

    Собствено сабж. Есть сайтик резиновый, нормально смотрится на нормальном экране. На экране PDA конечно же плывет. Отсюда вопросы 1. Под PDA делается отдельная верстка? 2. Как учитывается ширина экрана? Резиновый дизайн - это конечно хорошо, но как быть с широкими таблицами с данными, которые никак не умещаются даже в 640px, а уж про 240 вообще молчу? Или от горизонтального скрола никуда не деться? 3. Как отлаживаться? если нет под рукой реального устройства. У Оперы есть опция "маленький экран", но при этом летит нафиг часть CSS, т.е. игнорируется некоторые установки(например ширина Input). И вид страницы втиснутой в DIV шириной 240 на нормальном экране и в режиме "мале…

    Asked by minvareg,

    0 votes
    0 answers

  12. Верстка для начинающего.

    Доброе время суток всем, кто бы мог поделиться psd макетом для верстки начинающего. Не шипко сложного формата и что бы верстать приходилось не из jpg картинки.

    Asked by GOODPower,

    0 votes
    0 answers

  13. Верстка для почтовых рассылок

    В Windows Live Mail и Hotmail размер имиджей не соответвует действительным в режиме отключенных фотографий причем только по высоте. На картинке четко видно что размер имиджа больше в разы чем прописан в html а именно 57px. <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> <tr> <td height="43" align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="886" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> …

    Asked by dmitriy977,

    0 votes
    9 answers

  14. Вёрстка для распечатки

    Нужно распечать расписку сформированную скриптом. Основа расписки это таблица, которая произвольно растягиватся на несколько листов. На каждом листе снизу должны быть графы для подписей и номер страницы вида 2/5. Пробовал сделать контейнеры .page { widtht: 210mm; height: 297mm; margin: 1cm; border: solid 1px; } Но во-первых при печати они выводятся не на весь лист, а именно получаются уже и длиннее листа. И во- вторых это не решает проблему растягивающейся таблицы... Единственное, что понял, что тут нужно использовать свойство page-break-after: always;

    Asked by Tmin10,

    0 votes
    0 answers

  15. Вёрстка для старых браузеров

    Есть необходимость сверстать сайт, который будет корректно отображаться и на старых и на новых браузерах. То есть начиная с IE 6, Opera 12, Safari 5.5. Страницы простые, но нужно добиться одинакового отображения. Какой доктайп использовать? Может ещё какие-то общие рекомендации дадите? Страница - заголовок, пару абзацев с текстом. И главное - обратный отсчёт времени. Я правильно понимаю, что какой-то красивости, кроме размера шрифта добиться для старых браузеров в отсчёте времени не получится?

    Asked by PavelTkachev,

    0 votes
    33 answers

  16. верстка документа

    Подскажите пожалуйста, как правильно написать строку кода что-бы 3-4 картинки(фото) менялись через 3-4 секунды

    Asked by balko,

    0 votes
    4 answers

  17. Верстка заголовков h1, где они в дизайне не нужны

    Привет! Как бы вы сверстали, если в дизайне страницы для больших экранов не предусмотрен заголовок h1? Скажем, состояние пункта меню бросается в глаза и явно дает понять, где находится пользователь. И дублирование смысла не добавляет. А на мобильной версии наоборот, заголовок нужен, поскольку меню схлопывается. Вот пример http://borodin-art.ru/painting . Заголовки стоят пока. Тег h1 на странице всё же иметь хотелось бы, но без трюков типа display. Чтобы поисковые системы не ругались. Как вообще поступают в таких случаях? Если пришел такой дизайн.

    Asked by Svetlana_P,

    0 votes
    2 answers

  18. Верстка звездочек для рейтинга

    Подскажите, пожалуйста, как формируются здесь звездочки: http://demo.lollum.com/crazydiamond/product/black-stop-tappy-midi/ Понимаю, что этот код: .star-rating {overflow: hidden; position: relative; height: 14px; line-height: 14px; font-size: 14px; width: 75.6px; font-family: 'star';} .star-rating:before { content: "\53\53\53\53\53"; color: #949da5; float: left; top: 0; left: 0; position: absolute;}: Здесь используется шрифт "star". Не понимаю, он же где-то должен подключаться. Этот шаблон мы купили. Значит, должен быть файл с этим шрифтом?

    Asked by Светлана Г.,

    0 votes
    5 answers

  19. верстка и JS программирование в Safari ?

    Подскажите а чем верстка в Safari и JS программирование отличается от других браузеров(Chrome,FF, Opera) ? Большая ли разница при разработке? Спасибо!

    Asked by mstdmstd,

    0 votes
    1 answer

  20. Верстка и Safari

    Всем добрый день! Столкнулся со следующей проблемой... Разрабатываю сайт http://admship.ru. В основе - Wordpress. Шаблон, по сути, написан с нуля. Во всех браузерах сайт отображается прекрасно - никаких нареканий нет. Но когда дело доходит до Apple'овских продуктов, то получаем следующее: весь сайт съезжает влево и часть его канет в лету. Что самое неприятное, на мобильных устройствах Android с установленной Оперой то же самое - за границы экрана улетает левый край. В каком месте может быть хитрость?

    Asked by OVenGo,

    0 votes
    6 answers

  21. Верстка и smarty

    Все привет. Есть задача вывести на страницу сайта некоторое кол-во фотографий ( в миниатюре ). Процесс стандартный php берет данные ( имя изображения, описание т.д. ) и сдает это smarty ( assign ) . Шаблон: <table border="0" style="width: 100%;"> <tr> {section name=index_last_photo loop=$id} <td> <a href="http://{$smarty.server.SERVER_NAME}/modules/gallery/uploads/{$id[index_last_photo].photo_file_id}.jpg" rel="lyteshow[vacation]" title="{$id[index_last_photo].rus_photo_name}"> <img style=" border: 1px solid silver;width: 128px; height: 128px;" src="http://{$smarty.server.SERVER_NAME}/modules/gallery/uploads/{$id[index_last_photo].p…

    Asked by Veon,

    0 votes
    10 answers

  22. Верстка и масштабирование / зум браузера

    Здравствуйте! Уважаемые,не могли бы дать несколько советов,насчет верстки: имею макет трехколоночный(враппер=1000пх/лево=200пх-флоат лефт/центер=600пх-флоат лефт/право=200пх-флоат райт) в целом все отображается нормально,ничего никуда не вылезает,но,если в браузере применить зум(ctrl -),макет начинает разваливаться,правая колонка съезжает вниз,сам не понимаю от чего это происходит,по-этому обращаюсь к вам за помощью,поделитесь мыслями

    Asked by milkeyway,

    0 votes
    5 answers

  23. Верстка и проблема со шрифтами под Mac OS

    Привет, Друзья! В общем озадачил меня мой дизайнер. Он часто смотрит сайты Лебедева на MacOS и заметил, что на его сайтах шрифты всегда смотрятся отлично. Есть все сглаживания как в фотошопе, в общем шрифты смотрятся просто супер! А на наших сайтах, которые мы верстаем, говорит что на платформе MacOS они смотрятся убого, что есть какая-то странная полужирность, что не всегда есть сглаживания и вообще не так, как на сайтах Лебедева... Вроде я немного знаю css, смотрел и css на сайтах лебедева.. никакой разницы не заметид.. лишь может быть только это: font-style:normal; font-variant:normal; font-weight:normal; Вставляю на свой сайт. Никаких изменений. Кто что знает о верст…

    Asked by Вадим,

    0 votes
    43 answers

  24. Верстка и центрирование блоков

    Здравствуйте, решил попрактиковаться с css. У меня вопрос тут созрел. Как сделать так, чтобы при изменении масштабирования все блоки не были по левой и правой сторонам а вместе со средним блоком были не растянутыми? И еще просьба, опишите как можно сделать, чтобы к примеру средний блок был посередине и не надо было его чем-то фиксировать к примеру позиционированием. Например: у меня есть верхний блок, он растянут по ширине на 100%, далее есть два левых и один правый, а посередине еще один с содержанием, он у меня ниже всех ставится, и приходится его фиксировать посередине. Ниже приведу в пример код, помогите его исправить так, чтобы, если изменить масштаб, сайт просто бы …

    Asked by New1234567,

    0 votes
    14 answers

  25. Верстка из Corel Draw

    Есть макет, нарисованный в Corel Draw, нужно сверстать из него страницу. Вопрос: как? С Photoshop все понятно, там слои, там порезать можно, там размеры. А как быть с Corel?

    Asked by vadimon,

    0 votes
    5 answers
×
×
  • 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

  I accept