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

29542 questions in this forum

  1. frD-Вертикальный интервал между ячейкам (ПОМОГИТЕ!)

    Мы сделали сайт nrbiz.ru Нарисовали и закинули его в движок, в IE отображение происходит отлично, а во всех остальных меняется интервал , поле меню вертикально растягивается. Подскажите что делать? HTML код страницы привожу ниже, подскажите что прописать в CSS??? <html> <head> <style> a {text-decoration: none; color: FFFFFF } a:hover {text-decoration: underline; color: FFCC33 } </style> <style type='text/css'> .gmtbl {background-color: #ffffff; border: 1px solid #ffffff;} .gmtdttl {font-size: 70%; font-weight: bold;color: #0e52ea; text-align:center; background-color: #ffffff} .gmtdtext {font-size: 70%; font-weight: normal; color: #00…

    Asked by snakebuster,

    0 votes
    5 answers

  2. Как нарезать сайт?

    Доброго времени суток! Есть шаблон сайта, но сверстать не могу, есть все инструменты под рукой, учебники, статьи, по тому как расположить с дивами и таблицами смогу, но вот правильно нарезать не знаю как. Там есть на менюшках тени и все прочее, с чем я не могу справиться и нарезать так, как нужно, чтобы потом это все сверстать... Может кто поможет привести пример того, как нужно эти дела прокручивать? На примере желательно, нечто вроде этого http://www.pastukhova.com/lesson1.php Но тут уж слишком все просто, нужно чтобы примерно понять как сверстать дизайн посложнее.

    Asked by BRK,

    0 votes
    4 answers

  3. Последовательность загрузки css и js и вытекающие из этого вопросы

    В какой последовательности загружается сайт? Например, сайт с графикой (что-то сделано в графике, что-то - с помощью css) и с js. Наверняка ответ на вопрос как-то связан со следующими: 1.В какой части html-страницы подключать css и js: в <head> или в <body>? И каким образом подключать (в html5, кажется, только один оставили - через link)? 2.Отличие описания в <style> и в css? 3.Для каких html-тегов описывать стили в самих атрибутах этих тегов, а для каких - выносить в css?

    Asked by ручник,

    0 votes
    5 answers

  4. Проблемы с обтеканием (float)

    Здравствуйте уважаемые форумчане. На днях возникла проблема. На страничке сайта блоки выходят за пределы основного блока (их там несколько, у всех стоит высота auto). В первого блока все нормально, он вписывается в основной блок, а во всех остальных не все так гладко. Вот скрин: http://s2.ipicture.ru/uploads/20111213/GU3mxdLE.jpg Я так понимаю все из-за обтекания блоков со 2-го по остальные. Если я меняю float на none, то блоки со 2-го выстраиваются в горизонтальном порядке, один под другим и при этом основной блок растягивается на всю высоту. мне то нужно чтобы они были как сейчас на скриншоте только основной блок был бы растянут на всю высоту. Надеюсь вы сможете прочита…

    Asked by dexteron,

    0 votes
    30 answers

  5. Как правильно верстать? (много вопросов по пунктам внутри)

    Господа, требуется ваша помощь! Я просто запутался, голова идет кругом! Суть проблемы такова, я посмотрел уже достаточно много курсов и до сих пор не могу понять как правильно верстать! Вроде неплохо знаю теорию, различные инструменты, пишу на js небольшие приложения, но вот основы верстки никак не могу понять! Саму базу. В принципе, я могу взять любой макет и сверстать по нему сайт, но разве какой-нибудь margin-top: -3px и right: 7px являются правильным подходом? Это ведь говнокод! Но зато я сделаю как на макете. Но ведь так верстать полюбому неправильно! Я не могу понять именно как ПРАВИЛЬНО верстать! Попробую структурировать вопросы: 1. С чего начинается …

    Asked by connecticum,

    0 votes
    3 answers

  6. html +css ссылка на ехе файл

    Мне необходимо, чтобы с html страницы запускалась программа, заранее установленная на стационарный ПК. Как создать ссылку на ехе-файл программы?

    Asked by lga74,

    0 votes
    15 answers

  7. не корректное отображение png в ИЕ

    Суть проблемы заключается в следующем: Для таблицы прописан следующий бекграунд,который должен тянуться на всю ширину таблицы. В CSS .png { //background-image: none ! important; behavior: url('pngfix.htc'); } В html <td valign="top" width="100%" class="png" style="background-image:url('picture/punkt.png');" > </td> punkt.png-это рисунок 10 на 10 пикселей- маленький кружочек.Эфект пунктирной линии. В фаерфоксе и опере отображается идеально.А в ИЕ тоже отображается только он не тянется (не повторяется),а это точка просто растягивается. Получается размазаная линия. Хотя когла вставляю png не на фон а как картинку то все отображается как надо во всех брауз…

    Asked by Igorock,

    0 votes
    23 answers

  8. Выбор хоста

    Выбрал нормальный по цене и качеству хостинг. Но в описании тарифа смутило это: Оно вообще для чего написано? Больше понтов придать тарифу или это действительно так важно и при работе могут возникнуть сложности? И еще очень интересует... Если использовать php5 + apache + mysql, то какую ос выбрать? Публикую первый раз сайт, до этого все делал в localhost под win xp, но тарифом предусмотрены более вкусные плюшки под linuxом

    Asked by Ururu,

    0 votes
    26 answers

  9. Маркер для горизонтального списка

    Создаю горизонтальный список и у него почему-то нет маркеров. Как их задать?

    Asked by Ромашка,

    0 votes
    8 answers

  10. Рваные края блока

    День добрый. Создавая такой блок http://c2n.me/3mcMObf рассматривал 2 варианта: 1) Применить белый прямоугольник с рваными краями и подчёркиванием заголовка как фоновый рисунок. 2) "Приклеивать рваное" через фон 5ти абсол спозиционированных псевдоэлементов, 2 для блока, 2 для заголовка и 1 для <p> Пошёл по второму пути т как блок имеет три разных размера в трёх разм экрана и в этом был свой challenge. Подгонка заняла уйму времени, думаю такое решение нерационально. Возможны ли другие решения данной задачи, кроме 1 и 2?

    Asked by seemax,

    0 votes
    10 answers

  11. Bootstrap, вызов модального окна - появляется отступ у body

    Здравствуйте! Верстаю сайт. Настраиваю вывод модального окна при клике на кнопку "Мой кабинет". Обнаружилась такая вещь: после появления модального окна у body появляется отступ. Вроде бы не такая уж и проблема, но хотелось бы найти причину. Исходники Bootstrap скачаны здесь: http://getbootstrap.com/ Кстати, для эксперимента, поставила в один из файлов шаблона исходников это же модальное окно - такая же проблема. Хотя на самом сайте в примерах такого нет. Надеюсь на помощь специалистов, которых здесь немало .

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

    0 votes
    23 answers

  12. Прижать блок к низу ячейки

    Здравствуйте! Есть готовый макет, и в ячейке таблицы нужно поместить блок, который бы был прижат в нижний левый угол. Привожу упрощенный код, настоящий остался на работе. Нужно, чтобы при уменьшении ширины страницы (ячейки таблицы) нижний блок следовал за текстом, но при увеличении, когда тескт в ячейке поднимается вверх, нижний блок был прижат к нижней границе ячейки. Пробовал с clear, ничего не получилось <html> <head> <title> Илюшина страница </title> <style> * { margin: 0; padding: 0; } table.mytable { color:red; } table.mytable td { border: 1px solid black; } .strut { display:block; position:relative; height:60px; margin-right:0px; floa…

    Asked by Kasyanov,

    0 votes
    6 answers

  13. тег "потенциального" переноса слова

    Помнится когда-то давно попадался мне тег, позволяющий совершать перенос слова, в том случае, если оно не помещается в строку. Пишешь типа: Десять синхро<teg>фазатронов И в браузере соответственно если слово укладывается в строку, то оно пишется сплошняком без дефисов, а если не укладывается то переносится: Десять синхро- фазатронов. Подскажите, пожалуйста, что это за тег... Или он мне приснился?

    Asked by CitRUS,

    0 votes
    18 answers

  14. Невидимый див посередине страницы

    Всем хай, как можно сделать невидимый див, который будет лежать поверх всех других дивов, и будет по середине страницы независимо от разрешения экрана, заранее спасибо

    Asked by vvsh,

    0 votes
    25 answers

  15. Ребят, помогите пожалуйста

    Действительно перепробовал уже вс?, что знал, таблицы не люблю, как сделать не знаю Код не буду выкладывать, ибо много. Вобщем вопрос вот в ч?м. -страница поделена на три контейнера по вертикали: по центру - основной (отцентрован при помощи margin left&right: auto), а два остальных по бокам. Мне нужно сделать так, чтобы вот те, по бокам, центровались в промежутке от края центрального слоя до боковых рамок браузера. Вот как на рисунке —————————-- — ———-- — — ———-- — — ———-- — —————————--

    Asked by Trust,

    0 votes
    27 answers

  16. Элемент за правой границей экрана...

    Возможно ли "сдвинуть" отпозиционированный элемент за видимую область экрана вправо, чтобы не появилась горизонтальная полоса прокрутки? P.S. Влево - без проблем... А вот как быть с правой стороной?

    Asked by DjTarik,

    0 votes
    16 answers

  17. Почему может не работать виджет коментариев вконтакта?

    Собственно изза чего у меня может не работать виджет? Название сайта ввожу - test Адрес сайта - file:///D:/%D0%9D%D0%BE%D0%B2%D0%B0%D1%8F%20%D0%BF%D0%B0%D0%BF%D0%BA%D0%B0%20(2)/Prog/AlphaDevelopment/TEST/link/test.html Основной домен сайта мне делает вот такой - file:///D:/%D0%9D%D0%BE%D0%B2%D0%B0%D1%8F%20%D0%BF%D0%B0%D0%BF%D0%BA%D0%B0%20(2)/Prog/AlphaDevelopment/TEST/link/test.html и вконце концов код мне выдает вот такой: <!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="//vk.com/js/api/openapi.js?82"></script> <script type="text/javascript"> VK.init({apiId: API_ID, onlyWidgets: true}); </script&…

    Asked by pudge,

    0 votes
    53 answers

  18. Как отцентровать содержимое по вертикали?

    Никак не могу отцентровать содержимое по вертикали. Можно превратить <a> в table-cell, тогда можно будет использовать vertical-align: middle; Будет работать в FF, Opera, Safari, IE8. Но как заставить встать по центру в IE6 и IE7. Ниже пример который хотелось бы обуздать. У кого есть опыт, подсобите! http://dc133.file.qip.ru/img/127077842/d59...059&sizeM=7 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <title>Vertical align MIDDLE</title> <style type="text/css"> body {font: 11px Arial, Helvetica, sans-serif;} ul, li { list-style: none outside none;} ul…

    Asked by maximuz,

    0 votes
    1 answer

  19. Кликабельный div

    Здравствуйте. Задача сверстать это: Необходимо: Картинка и название темы, а также кавычка-елочка кликабельны и ведут по ссылкам. Вся остальная область также кликабельна и ведет туда же, куда ведет название темы. Как я сверстал: <div class="thread hand" onclick="window.location='http://абсолютная_ссылка_на_тему_с_адресом_сайта'"> <a href="ссылка_на_картинку"><div class="thumb" style="background-image: url('ссылка_на_превью');"></div></a> <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня">$4</a> [9999] <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня#end">»</a><br /> <s…

    Asked by 7ion,

    0 votes
    5 answers

  20. Для любителей поломать голову:)

    Хоть я и начинала верстать сразу же "дивным" образом, но до сих пор не могу понять, КАК сделать такую штуку с помощью div'ов и css? Задача: html менять нельзя!!! Потому как один html, а css для разных скинов разный. Вот оригинальный html: А вот css, который мне даже стыдно показывать потому как он у меня не работает: Помогите, пожалуйста... хоть чем-то. Сорри, картинку починила

    Asked by Wertuta,

    0 votes
    25 answers

  21. fontsquirrel не хочет конвертить шрифт в кириллицу

    Добрый день. Столкнулся с проблемой при работе с сервисом fontsquirrel. При добавлении шрифта выдает Нашел решение - переконвертить в otf с помощью сервиса. Прокатило - белка шрифт схавала. И вроде бы вот оно счастье! Ан нет! Полученный кит не поддерживает кириллицу (в настройках указывал конечно. нет не первый раз это делаю). Уже всю голову сломал. Может кто сталкивался или что дельное подскажет? или я туплю где-то? Вобщем буду рад любой помощи. Название шрифта agLettericaUltraCompressed Вот тут выложил ttf и otf

    Asked by Dioni$$,

    0 votes
    8 answers

  22. Парсер - не шаблонизптор, но тоже типа удобный язык. Пользовался кто?

    Прочитал все руководство по Smarty, и побоялся браться за него. Наткнулся на парсер (тот, что Лебедев рекомендует), и он показался проще и удобнее. Пробую делать что-то. Кто-нибудь уже пользовался? Есть отзывы?

    Asked by vadimus,

    0 votes
    5 answers

  23. display:inline-block и IE

    В общем хочу сделать что-то типо табличного вывода, есть куча div'ов в которых расположены нужные элементы, к каждому свойство display:inline-block и получилось всё замечательно(таблица по ширине странице, так как нужно), но это было в опере в IE открыл и ничего не вышло, помогите как можно справится с этой проблемой? <div style="width: 303px; display: inline-block; text-align: center; "> Опера 10-ая, интернет эксплорер - 6 заранее спасибо

    Asked by shedy,

    0 votes
    13 answers

  24. Шапка сайта

    Всем привет! Столкнулся с такой проблемой... Есть шапка у сайта, состоит из 3-х картинок - левая и правая части фиксированной длинны, а средняя должна растягиваться. Но не знаю почему, мой код работает только в ФФ(полностью)... css: table.logo td.left-logo { background:url(../images/logo_part_1.png) no-repeat; width: 750px; height: 200px; } table.logo td.center-logo { background:url(../images/logo_part_2.png) repeat-x; width: 1px; height: 200px; } table.logo td.right-logo { background:url(../images/logo_part_3.png) no-repeat; background-position: right; height: 200px; width: 16px; } html: <table width="100%" border="0" cellpadding="0" cellspacing="0" class="logo">…

    Asked by RedEclipse,

    0 votes
    21 answers

  25. выпадающие меню без JavaScript

    Помогите сделать выпадающие меню текстом! Без формы и изображений!

    Asked by iipo,

    0 votes
    10 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