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. Как сделать выбор услуги?

    Добрый день. У меня есть 3 услуги, для которых надо сделать "preview", с ссылкой на подробный материал об этом. Сначала хотел сделать в виде слайдера изображений, но потом понравилась такая реализация (даже не знаю как это называется): Подскажите, как это можно реализовать? С помощью div-ов или таблиц? А то в Photoshop-е я может и нарисую, а как все это в HTML код превратить - понятия не имею. Надеюсь подскажите.

    Asked by VisedFAQ,

    0 votes
    14 answers

  2. float или position - для размещения контента

    Тут на днях упорно смотрел ролики В.Макеева, и по мимо массы полезных вещей как то вскользь прозвучало что "Все таки float не для разбрасывания блоков по странице" Возникла такая мысль - А насколько правильно, верстать опираясь на позиционирование блоков с помощью свойств float? Одно дело когда это действительно касается картинки которую нужно врезать в текст или что-то подобное. Другое дело формировать структуру отображения всего контента обернутого в различные блоки и раскидывать их налево или направо, и периодически не забывая, где нужно еще и clear впихивать. Это по сути теория, поскольку многие из вас наверняка скажут - "мол каждый верстает как ему удобно", но все же…

    Asked by cmndr_alexgreen,

    0 votes
    14 answers

  3. Сайт с мобильной версии браузера не отображает курсив

    В стилях такие записи для тегов b {font-weight: 600;} em {font-style: italic;} На сайте эти теги отображают все как надо, b - жирным шрифтом, em - курсивом А вот в мобильной версии ничего не меняется. После того как увеличил значениие b {font-weight: 700;} в мобильной стало тоже видно что это жирный шрифт Почему так происходит и как сделать так чтобы курсив в мобильной версии тоже было видно.

    Asked by gadjet,

    0 votes
    14 answers

  4. Проблемы с блоками.

    Здравствуйте, уважаемые...При редактировании шаблона, у меня появилась следующая проблема: , Лично у меня через Хром все нормально, но после токо как я показал другу, он сказал там все криво, я скачал оперу и глянул, и действительно все криво (Если нужны будут какие-либо классы, пишите дам) Взарания Благадарю.

    Asked by Relium,

    0 votes
    14 answers

  5. Программа для создания сайтов

    Здравствуйте! Подскажите, пожалуйста, какие еще есть программы для создания сайтов с нуля по типу Dreamweaver cs6? Чтобы можно была прописывать код и подключать css, или прописывать стили внутри html, чтобы тоже всплывали подсказки и подсвечивались буковки))?

    Asked by Pantera12,

    0 votes
    14 answers

  6. проблема в joomla с FTP

    я когда устанавливал joomla вроде случайно указал не тот логин ftp а теперь хочу изменить, изменяю нажимаю сохранить он пишет сохранено но я смотрю на логин а там старый не правильный логин почему?

    Asked by Виктор146,

    0 votes
    14 answers

  7. Оцените решение

    Стоит такая проблема: То бишь блок с красиво оформленной прозрачной рамкой. Вот решение: HTML: <!doctype html> <html> <head> <title>Deluxe</title> <link rel="stylesheet" type="text/css" href="css/style2.css" /> </head> <body> <div class="border"> <span class="top tl"></span> <span class="top tr"></span> <span class="bottom bl"></span> <span class="bottom br"></span> <div class="out"> <div class="in"> <div class="content"> adsdasdasdasdasdasdasdasdasdasda<br> …

    Asked by mnstrsound,

    0 votes
    14 answers

  8. background-image

    Почему у меня не встаёт изображение вместо маркера? почему-то оно вставляется после слова. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> li.img{ list-style:none; background-image:url("arrow_right.png"); background-repeat:no-repeat; background-position:6%; } </style> </head> <body> <ul> <li class="img">Главная</li> <li>Программы</li> <li>Фильмы</li> <li>Игры</li> </ul> </body> </html>

    Asked by DivMan,

    0 votes
    14 answers

  9. проконсультируйте по организации работы

    Допустим дизайнер дает макет psd на котором мы видим, к примеру определенный слайдер. Как я должна воплотить конкретно такой слайдер? В интернете много плагинов, помогающих сделать слайдеры самых разных видов,но что если я не могу найти именно такой,как на макете?я же не должна его создавать сама?я верстальщик,не знаю java script пока.или дизайнер должен дать мне ссылку на слайдер,который он использовал в макете?или как эта система вообще работает?

    Asked by eleonore,

    0 votes
    14 answers

  10. равномерно распределить div'ы внутри div'a

    Есть ли способ равномерно распределить div'ы внутри div'a? Внутренние дивы имеют только фиксированную ширину, высота никак не ограничена.

    Asked by gifron,

    0 votes
    14 answers

  11. Знак вопроса вместо русского текста.Для опытных верстальщиков

    Здрасьте всем! Вот появилась проблема с отображением русского текста: Некоторые говорят что проблемма с кодировкой, но это не так. Вот сам код: <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" href="" type="text/css" /> <meta http-equiv="content-type" content="text/html" charset="utf-8" /> <meta name="author" content="" /> <title>Statements</title> </head> С другими страничками все норм, русский текст отображается нормально, но в этой что-то не так. Подскажите пожалуйста

    Asked by Doctor_Chil,

    0 votes
    14 answers

  12. Верстка - правильное наложение слоев

    Хочу сделать так так как на картинке, но не выходит Я там вырезал прозрачную область, игрался с z-index но так и не вышло. т.е. хочу чтобы картинка слайдера немного спускалась вниз и была под кнопкой навигации для слайдера, т.е. при активной кнопке чтобы появлялся под ней текущий слайд. Вот живой пример, верстка того что есть.

    Asked by gera3,

    0 votes
    14 answers

  13. Разная реакция браузеров на float

    Здравствуйте . Подскажите пожалуйста , почему разные браузеры реагируют на свойство float по разному? Вот есть два блока <div id = 'shapka'> <div id = 'firsttable'> <table> </table> </div> </div> <div id = 'tm' > <table> ...................................................................... </table> <div> задаем такой стиль #firsttable table { margin-top: 14px; float: right; text-align: center; width: 56%; } и что мы видем в фаирфокс а в chrome т.е фаирфоксу пофиг что firstable находится в d…

    Asked by Borka,

    0 votes
    14 answers

  14. Не открывается модальное окно в IE

    html: <a href="#zakaz" class="buy">Заказать</a> <div id="zakaz" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <center><h2>Оформление заказа</h2></center> </div> </div> css: .modalDialog { position: fixed; overflow: auto; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; display: none; pointer-events: none; } .modalDialog > div { width: 700px; position: relative; margin:…

    Asked by xoff,

    0 votes
    14 answers

  15. Ищу наставника

    Всем доброго времени суток!!! Люди добрые отзовитесь, мне нужен наставник! Я освоил азы HTML и CSS и теперь не знаю с какого конца начать, чтобы продолжить своё обучение! Мне нужна направляющая по которой я мог бы двигаться дальше. Желание огромное!!! Кто поможет буду оооооочень благодарен!!!

    Asked by Ayvaz,

    0 votes
    14 answers

  16. Вопрос про placeholder

    Если меня просят сделать сайт, не обговаривая условий какие браузеры должны поддерживаться (кроссбраузерно это понятно). Стоит ли мне встраивать скриптом поддержку плейсхолдера для ie8 ie9? Как бы поступили вы? Без подписи не понять, что это за поле. label нету.

    Asked by Zverushka,

    0 votes
    14 answers

  17. Стоит ли оптимизировать сайт, если этого не было в техзадании?

    Стоит ли париться и заниматься оптимизацией сайта, если это не было обговорено изначально? Пример ситуация сейчас - дофига огроменный лендинг, к тому же яндек картой и двумя видео. Конечно это чудо подтормаживает. Сам то он весит немного - не больше полутора мегабайт. У меня есть 4 картинки (из 30 штук, в сумме не больше 800 кбайт все занимают) меньше 2 кбайт - стоит ли их кодировать через base64, чтобы на целых 4 запроса было меньше к серверу? И как дополнительные вопросы - код хтмл и цсс в 1000 строк каждый. Стоит ли minify css сделать (хотя б в одну строчку записать)?... Стали бы вы морочиться с чем-нибудь из этого? Стали бы вы морочиться при условии, что за 2 дня рабо…

    Asked by Zverushka,

    0 votes
    14 answers

  18. Градиент текст в вебкит - не совпадает заливка шрифта

    http://jsfiddle.net/wPP2b/ (смотреть в хроме) Собственно - как видите сверху скриншот из фотошопа - а снизу сам шрифт, но заливка выглядит более темной - хотя я все значения взяла из фотошоп - начальный и конечный цвет заливки, но выглядит совсем по-другому. Почему и как поправить? Пробовала подогнать цвета - да вот что-то никак, все какое-то темное. В принципе как вариант пробую добавить поверх красного текста слой с градиенто, но как-то не выходит сделатьк расный перелив.....

    Asked by Zverushka,

    0 votes
    14 answers

  19. Не получается подключить файл .js

    Вот в одной теме дали ответ на то как создать простейший спойлер http://htmlforum.ru/index.php?showtopic=43772&hl= во втором посте дали ответ на пример этого спойлера,вот он - http://jsfiddle.net/QAu6q/1/ но у себя я его воссоздать не смог так как появились проблемы с .js файлом(я думаю именно в этом проблема так как именно в этом я и не разбираюсь). У себя сделал я вот так: html: <html><head><link rel="stylesheet" type="text/css" href='style.css/></head><body><a' href="js.js">klik</a><div class="js">hide text</div></body></html>css: .js { display:none;}Создал в той же папке файл js.js в которо…

    Asked by pudge,

    0 votes
    14 answers

  20. Подключение своего шрифта

    Хочу на сайте использовать шрифт "aparaj", он вроде бы не лицензионный и нормально конвертируется. Но сам шрифт состоит из 4 частей - обычный, жирный, курсив и жирный курсив, то есть 4 файла шрифта. Шрифты конвертировал на onlinefontconverter.com Подключаю шрифт к сайту вот так: @font-face { font-family: Minion Pro; src: url("../style/minion_pro_or.eot?") format("eot"), url("../style/minion_pro_or.woff") format("woff"), url("../style/minion_pro_or.ttf") format("truetype"), url("../style/minion_pro_or.svg#svgFontName") format("svg");}Как мне подключить шрифт если он состоит из 4 частей? В примере использую шрифт "Minion Pro", он норма…

    Asked by alleclf,

    0 votes
    14 answers

  21. Проблема с выравниванием по вертикали в css

    2 элемента в одном диве должны быть расположены на одном уровне по горизонтали. Высота этого дива 50пкс,высота текста(span)50пкс,высота картинки справа от текста тоже 50. С картинкой то все ок,но вот текст не в центре по вертикали,а внизу,просто лежит и я не знаю как сделать что бы закрепить его в центре. Пробовал line-height:50px; на всех елементах,пробовал margin:auto 0px auto 20px; тоже не помогает...

    Asked by pudge,

    0 votes
    14 answers

  22. Масштабирование для iphone

    Ширина сайта 480px, а у iphone 320. Как правильно смасштабировать сайта для iphone?

    Asked by freialex,

    0 votes
    14 answers

  23. z-index

    Всем привет. Верстая данный макет столкнулся с проблемой, а именно — не получается выставить z-index Header'у задал свойство position: relative; z-index: 3, тени (header:after) — position: absolute; z-index 1. По идее header должен перекрывать часть тени, но этого не происходит. Что я делаю не так? Вот сама верстка: http://clck.ru/8wUq6

    Asked by Aleksandr.L,

    0 votes
    14 answers

  24. Футер стал резиновым. Как переверстать такой макет.

    Здравствуйте! Изначально макет имел фиксированный по высоте футер. Вот так выглядит сверстанная страница: _http://www.salon-kristyle.ru/ Теперь оказалось, что текста нужно значительно больше. Макет изменили так: Вот теперь вся в сомнениях, как сверстать так, чтобы футер всегда был внизу и не имел фиксированную высоту. Или, может быть, есть какой-то другой способ, чтобы не размещать основной текст в футере.

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

    0 votes
    14 answers

  25. Не работают вкладки

    Подскажите, пожалуйста, почему не работают вкладки? http://jsfiddle.net/dEAu2/1/ Здесь они нормально работают: http://elecronics.bl.ee/

    Asked by atatat,

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