HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Помогите с версткой
Здравствуйте ребята. Помогите мне пожалуйста с версткой. Меня интересует вопрос не как сверстать а как лучше это сделать. Как Вы видите мне нужно сделать три блока div определенной ширины в один ряд. На границе главного блока и трех маленьких не обращайте внимание, они будут как-бы убраны и не видны и то-есть эти три блока прилягут друг к другу. Вот каким образом их лучше всего расположить? Первому и второму блоку задавать float: left? Или только первому блоку, а второму float: right и как в таких случаях поступить с margin? А лучше сразу скажите каким способом и как лучше сделать. Спасибо за внимание. С уважением, Артём
0 votes3 answers -
блоки внутри таблиц
У нас верстальщик в компании делает на сайте одну большую таблицу а в ячейках уже например идут блоки - например блок для меню, блок подвал и т.д. Скажите есть ли смысл заморачиваться там с блоками - ведь большая таблица убирает их преимуещства. Ведь у таблицы надо ждать закрывающийся table
0 votes3 answers -
Баг с background-position в FF 9.0.1
<html> <head></head> <style> .bug { background: url("loading.png") repeat 10000px 100000px; height: 800px; width: 800px; } .normal { background: url("loading.png") repeat 10000px 10000px; height: 800px; width: 800px; } </style> <body> <div class="bug"> </div> <div class="normal"> </div> </body> <html> картинка "loading.png": Так вот, в FF 9 в нижнем диве все нормально, картинка в background отображается, а в верхнем- нет. В чем проблема, как решить? Во всех остальных браузерах проблемы такой нету.
0 votes4 answers -
Проблема: Аппаратное ускорение в firefox 12 и шрифт Arial.
Здравствуйте, верстаю шаблон используя версию CSS 2.1 и html 4.01 Transitional. Стоят браузеры chrome 19, opera 12, IE Explorer 8, Firefox 12. Верстать начал недавно где-то месяц назад. Сверстал уже 2 шаблона. Использую reset.css Эрика Мейера. Вопрос: В firefox 12 (другие не тестировал), по умолчанию включено аппаратное ускорение, при этом в таблице прописал: font-family: Arial, sans-serif; Во всех браузерах нормально, но в firefox текст в тегах <p> занимает на одну строку больше (и вид шрифта при этом кажется немного жирнее), все попробовал изменять, а именно: Line-height, letter-spacing,word-spacing, font-weight. Ничего не помогло. Как только отключаю аппаратное …
0 votes0 answers -
Скрыть контент от поисковика
Здравствуйте. Руководствуясь данной статьей решил на Джумле сделать то же самое. На выходе же ничего не выводится. Вопрос такой: Кто-то делал таким способом? И вообще что порекомендовать можете? Очень, очень нужно Спасибо
0 votes3 answers -
Помогите доработать шаблон до симпатии Joomla 1.5
Помогите пожалуйста! Весь измучался!! css /********************************* GENERAL NASTROYKA CSS **************************************/ html { height: 100%; } * { margin: 0; padding: 0; } body { font-family: Tahoma, Arial, Verdana, sans-serif; background-color: #DFEFF5; font-size: 14px; min-height: 100%; padding: 0 10px 10px 10px; } p { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px; } a { color: #4D4946; outline: none; text-decoration: none; } a:hover { color: #FF0000; outline: none; text-decoration: underline; } /*********************************************************************************…
0 votes0 answers -
Косяк в IE
Как убрать этот косяк? Так отображается только в IE
0 votes3 answers -
Разные отступы в браузерах
Проблему решил сам. Всем спасибо.
0 votes0 answers -
Менюшка на css
<ul id="menu"> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li></ul>Есть меню стандартного вида. Подскажите можно ли сделать без использовнаия javascript чтобы при нав…
0 votes3 answers -
Ссылки и бордеры
здравствуйте, подскажите пожалуйста. Есть задача сверстать меню списком. У меню есть фон (красный), высота его 50пх. При наведении мышкой у ссылки должен меняться фон (черный). Вопросы: 1. Как мне выровнить ссылки по высоте блока? Т.е. на эти 50пх, чтобы ссылки не были сверху или снизу, по середине. 2. Когда задаю a:hover другой фон, то фон меняется только непосредственно у текста (т.е. не на все 50пх меняется фон) 3. У каждого li списка должен быть border с права, полоска, вытянутая на все 50пх. Но она вытягивается только на высоту ссылок (текста). как увеличить ее? помогите пожалуйста, в каком направлении мне двигаться? спасибо!
0 votes6 answers -
Обтекание картинки текстом
Подскажите как сделать чтобы на странице http://team-master.ru/stroitelstvo-v-podmoskove текст был всегда внизу, а не так http://joxi.ru/QMPPU4wyTJDDLiQL-zk
0 votes2 answers -
Наследие тэгов в IE9
<div id="con"><h1>Не работает в IE9</h1></div>#Con h1 { font-family: Verdana; font-size: 18px; background-color: #33aaeb; padding: 10px 20px; color: #000000;}Не работает в IE, в остальных браузерах норм. В чем проблема?
0 votes1 answer -
Как сделать Border как в инстаграмме?
Чтобы эффект такой красивый был?
0 votes2 answers -
непонятно почему невидимы ссылки
Всем привет, Нужно перенести часть html-кода из одной страницы в другую. Но обнаружил, что ссылки под блоком "Popular Cities:" не тотображаюся в браузере http://s017.radikal.ru/i412/1507/2c/5926b556089d.png При этом firebug отображает эти ссылки светло-серым как недостувпные/невидимые. Не пойму, почему ссылки не видимы? У них нет тегов "invisible","diabled", "display:none". Я поубирал все классы и все id, чтобы исключить ссылки на файлы стилей...
0 votes3 answers -
Как сделать отступ
Ребятки,нужно сделать немного отступ (интервал) между этими изображениями,но чета не получается сверстать мне,подскажите пожалуйста. Вот скрин: Вот код) <div id="social" style="position: fixed; z-index: 9999; margin-bottom: 10px; overflow: hidden; left: 0px; top: 200px; width:auto; height:auto;"> <p><img src="wp-content\themes\maidenhair\images\wifi.png" alt="wifi"></p> <a href="http://vk.com/333" <p><img src="wp-content\themes\maidenhair\images\vk.png" alt="vk"></p> <a href="https://www.facebook.com/312" <p><img src="wp-content\themes\maidenhair\images\facebook.png" alt="facebook">&l…
0 votes2 answers -
Text-align-last
Здравствуйте. Во первых спасибо Максиму за прекрасную статью про равномерное выравнивание инлайн блоков по горизонтали. Пользуюсь регулярно и мне стыдно что пока не перешел на флексбоксы:-) Проблема возникла около месяца назад при обновлении браузеров. Если стоит text-align-last для ul, то все что есть внутри тоже ровняются последней строкой justify. Теперь приходится указывать для внутренних элементов text-align-last чтобы контент нормально показывал. Раньше обходились только с указыванием text-align для li, теперь не катит такое. Вопрос, отныне так и должно быть? Что произошло с браузерами, они были или стали умнее?:-)
0 votes1 answer -
Форма обратной связи с загрузкой файла
Здравствуйте. Такой вопрос: делаю себе сайт, простой, с помощью Adobe Muse. Остановился на вопросе о том, как к форме прикрепить окошко Добавить файл для отправки . Стандартными решениями того не сделать, и начал я разбираться в коде. Прочитал, что то делается обработчиком .php или jquery. ладно, с этим тоже разберемся. но главная загвоздка в том, КУДА будут отправляться эти файлы? просто ко мне будут приходить файлы прим 1 Гб фотографии, если на хостинг мой в папку files например, то тогда нужно заранее позаботиться о большом виртуальном дисковом пространстве, если же сразу на е-меил, то уже лучше, гигов 15-20 будет на первое время. но даже если и на е-меил, то сразу в…
0 votes0 answers -
Нужен ли Sass
Здравствуйте, изучил технику SASS, всё удобно и разные библиотеки радуют но, стоит ли всегда работать только с этой техникой? заглядывая лишь изредка в исходный .css
0 votes3 answers -
Браузеры показывают сайт не так, как задумывалось, вечная тема
svetlova.org.ua/demos/index.html- при разрешении монитора 2048х1152 сайт нормально , т.е. в высоту и пропорционально в ширину показывает только ИЕ7. Опера, хром, мозилла оставляют много белого внизу (между блоками новостей и нижней строкой. Что можно сделать, чтобы сайт был виден нормально во всех браузерах. Оперу нужно маштабировать до 120%, чтобы получить вид как в ИЕ. опера
0 votes2 answers -
Проблема с кавычками
Скриншот Верстка 1. Как сделать такие же кавычки как на скриншоте? Шрифты и размер как в макете. Кавычки ставлю где цифра 2. 2. Не получается фразу где кавычки так же сделать. Пробывал прописать float: left для левой кавычки и для цитаты. Получилось так. Это реально похоже на кавычки, но на макете они на одном уровне, а если я начинаю марджинами двигать там косячит все конкрентно. Или может проще кавычки картинками вставить?
0 votes2 answers -
Кнопки "В контакте", "Facebook" и тд.
Подскажите, как установить кнопки на сайт?
0 votes4 answers -
Проблема с большим выпадающим меню
http://egida-si.ru/ в левом выпадающем меню при наведении на 26 пункт меню скрывается ((( в чем проблема?
0 votes2 answers -
0 votes3 answers
-
Помогите с таблицей (hover-выделение)
Добрый день, у меня есть таблица <div class='border'> <table class="row1"> <tbody> <tr class="header"> <th>1</th> <th>2</th> <th>3</th> <th>4</th> <th>5</th> </tr> <tr class="list"> <td class="list">1</td> <td class="list">2]</td> <td class="list">3</td> <td class="list">4</td> …
0 votes6 answers -
Псевдокласс :focus
почему :focus не срабатывает при клике мыше по кнопке <input type='button' />
0 votes3 answers