HTML Coding

29542 questions in this forum

1. Невалидный код ICQ , Skype, Yandex

   Кто подскажет как сделать страницу полностью валидной т.к. размещенные на странице ICQ , Skype, Yandex(ссылка на яндекс показывающая ТИЦ сайта). В Яндекс писал ответили, что амперсанд надо заменить, заменил потом опять код изменился на невалидный (ответили что не критическая ошибка). Самое плохо что на главной странице эти ошибки, тем более Яндекс дает сразу не одну ошибку, а по-моему две. Кто реально без флуда подскажет что необходимо делать, я думаю с подобными фактами встречаются все и кто как решает эту проблему. Спасибо. Тему пытался найти подобную, но не нашел. СПБ

   Asked by nic12, October 17, 2009

   0 votes
   23 answers
2. Размеры внешнего блока в зависимости от внутреннего

   Здравствуйте, есть такая проблема. Есть блок основного контента, в нем я делаю блок которым я хочу выровнять по центру то что будет в нем, в общем вот: <div class="mainContent"> <div class="Menu"> <div class="punkt1"></div> <div class="punkt2"></div> <div class="punkt3"></div> </div> </div> Блоки punkt располагаются горизонтально и в зависимости от того сколько их, блок Menu должен принимать их общую ширину и выравнивать их(margin:0 auto;) по центру блока mainContent. Но блок Menu растягивается на 100% по ширине и никак вообще по высоте(я не прописываю ничего, так по умолчанию), хотя в н…

   Asked by Dolce, April 6, 2013

   0 votes
   4 answers
3. position: fixed;

   Добрый день, необходимо сделать меню, которое плавает вдоль левого края контейнера, все бы ничего, но сайт адаптивный и когда окно браузера становится меньше основной ширины контейнера - с этим справляются @media, а как сделать чтобы позиция отсчитывалась от центра страницы или от контейнера, чтобы при больших и разных экранах меню оставалось на своем месте, возле контейнера? Буду благодарен за любую информацию. Нашел решение при помощи calc(); но, судя по заявленным данным о поддержке браузерами - не так много поддерживают эту функцию, может есть более правильное решение?

   Asked by wicked_kiD, April 3, 2013

   • position
   • fixed
   0 votes
   7 answers
4. Footer при margin:0 auto.

   Друзья, вот пишите что хотите можете меня отсылать по множеству тем, которые уже обсуждались здесь, но я вновь хочу поднять вопрос фиксирования Footer'a по нижнему краю страницы. Все решения которые есть на сайте работают только в случае если шаблон занимает всю ширину экрана, и в этом случае футер прижимается к нижнему краю и занимает всю ширину снизу. А кто как прижимает футер если шаблон с позиционированием по центру страницы? То есть центральный блок в котором вс? содержится имеет параметр {margin:0 auto;} и всегда центрируется по ширине? рассчитываю на вашу компетентность и профессионализм, а не выкрики что мол двести раз было и т.д.

   Asked by BobKadler, June 10, 2008

   0 votes
   19 answers
5. Сложный ролловер

   Ребята подскажите как создать средствами CSS ролловер, состоящий из текстовой ссылки и картинки (тоесть из двух елементов), при наведении курсора на ссылку или картинку картинка должна менятся на другую и ссылка тоже должна менять цвет. Возможно ли такое?

   Asked by Singer, July 20, 2009

   0 votes
   22 answers
6. Текст как у star wars

   Здравствуйте уважаемые, подскажите пожалуйста, возможно ли реализовать средствами html, css, js текст как вот на этой картинке: http://lexxcrazy.narod.ru/starwars.gif Наклон шрифта не нужен, это я могу сделать свой шрифт в принципе, с эффектом наклона, хотя наверняка есть такой, если поискать, но нужно создать что то вроде div блока в форме трапеции (либо не делать трапецию, а просто использовать центрирование, хотя это немного неподходящий вариант, так как хочется сделать именно трапецию, что бы текст был в формате text-align: justify) и что бы в каждой новой строке ниже font-size был на 2% меньше верхней строки например. Разумеется это всё надо как то запихнуть потом в …

   Asked by Nushaba, June 24, 2011

   0 votes
   12 answers
7. 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, July 5, 2007

   0 votes
   5 answers
8. Как оформить полосу прокрутки в overflow

   Собственно как оформить в цветовой гамме полосу прокрутки? .box { overflow: scroll; width: 450px; height: 200px; padding: 3px; border: 1px solid rgb(20,20,20); }

   Asked by okunev2, July 5, 2007

   0 votes
   11 answers
9. Два слоя в строчке. Один фиксированный, другой нет.

   Есть два слоя, один выровнен как float: left , другой right . Который справа, должен быть фиксированн, например 300px, а тот что слева должен растягиваться до правого слоя. Как растянуть левый слой? Если ставить width: 100% , то слои переносятся на разные строчки.

   Asked by 100kd, December 6, 2007

   0 votes
   9 answers
10. Как нарезать сайт?

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

    Asked by BRK, May 8, 2008

    0 votes
    4 answers
11. Позиционирование блоков div

    Всем привет! Такой вопрос. Ниже я выложил код, хочу, чтобы блоки leftdown и centerdown распологались под leftmiddle и centermiddle соответственно, однако ничего не получается, со свойством position я уже возился, разные параметры ставил, однако никак не получается из за того что блоки leftmiddle и centermiddle эластичные. Кто нибудь знает, вообще возможно такое сделать, что я хочу? Может подскажете какое нибудь свойство которое регулирует это действие. Памагите!!! <style type="text/css"> BODY{ background-color:; background-image:url(); background-repeat:repeat-y; margin:0; width:1024px; } .main{ width:1024px; margin:0px; } …

    Asked by DDX, June 8, 2010

    0 votes
    20 answers
12. Помогите со слоями

    Всем привет! Начинаю осваивать css и html в общем,почитал эту статью,разобрался,вопросов нет,точнее есть одна проблема,как тоже самое реализовать с резиновым дизайном,примерно как на скрине: зы по-моему не в тот раздел запостил,сори,перенесити в *Для начинающих*

    Asked by ote4ek, February 7, 2009

    0 votes
    20 answers
13. Стилизация атрибута Value

    С популяризацией использования CSS3 кнопок возник вопрос. Насколько гибко стилизуется данный атрибут, как в логике работы различных браузеров он выравнивается, описано ли это в спецификации и что к нему можно применить. Информация которую собрал достаточно туманна.

    Asked by Svatov, December 21, 2011

    0 votes
    13 answers
14. Верстать сайт полностью на таблицах- хорошо или плохо?

    Доброго...времени суток! На днях столкнулся с таким вопросом, что лучше- верстать основу сайта на таблицах или на слоях? Да и не знаете ли, таблицы сильнее грузят сайт?

    Asked by Glebr, June 5, 2009

    0 votes
    13 answers
15. Позиционирование ссылки на картнике

    Друзья! Я уже отчаялся решить проблему. Задача такая. На разных частях рисунка скажем 700*600 px нужно разместить 5 ссылок. Для меня позиционирование осложняется тем, что текст нужно выравнивать строго слева, т.е. ссылка не одну строку, а в несколько. Если бы не выравнивание текста слева, я решал задачу следующим образом: В CSS прописывал стили (укажу только для одной ссылки для простоты) #layer1 { position: relative; top: -600px; left: 185px; color: #ffa500; font-size:15px; z-index: 1; Слой прописываю так: <div align="center"><img src="image.jpg"></div> <div align="center" id="layer1"><a href="#">Слой - первый</a></div> Так,…

    Asked by walek, December 6, 2007

    0 votes
    25 answers
16. Как отцентровать содержимое по вертикали?

    Никак не могу отцентровать содержимое по вертикали. Можно превратить <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, April 26, 2010

    0 votes
    1 answer
17. Лучшая сетка или фреймворк для адаптивного дизайна

    Готовлюсь верстать первый адаптивный корпоративный сайт. Знаю о Бутстрап (он не во всем гибкий) и о других сетках. Но хотелось бы получить совет от верстальщика, у которого есть большой опыт в верстке именно адаптивных сайтов, какую сетку или фреймворк лучше выбрать (гибкий в применении и легкий в кастомизации) и как правильно начать работу в построении такого сайта (рассчитать количество колонок, расстояний между ними и пр.). Спасибо за любой совет!

    Asked by troll31, August 1, 2013

    0 votes
    33 answers
18. Кликабельный 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, November 20, 2011

    0 votes
    5 answers
19. отсутпы - padding margin

    Столкнулся при верстке с такой проблемой: я использую в css глобальный сброс: * {padding:0;margin:0} для того, чтобы быть уверенным в отображении всех элементов. Однако, для того, чтобы при помощи визуалного редактора можно было беспрепятственно пользоваться редактированием контента, мне необходимо отказаться от данного исключения для тега table. Может кто-нибудь знает, как этого можно добиться?

    Asked by XXXVII, June 21, 2007

    0 votes
    13 answers
20. Див не фиксируется в эксплорерах...

    Всем привет Может у кого возникнет свежая идея, дело вот в чем. Вот страничка (стили и код в одном)... во всех браузерах нормально.. ну а в эсплорерах как обычно... проблема в высоте дива (прибавляет автоматически) и правый див (righcol) поднимает наверх, хотя должен быть на 70 px ниже ... Вот сам код, если у кого есть вариант, буду благодарна.. . я что=то тут застряла.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru"> <head> <title> </title> <meta http-equiv="content-type" content="text/html; charset=windows-…

    Asked by shokeri, April 15, 2008

    0 votes
    29 answers
21. Как убрать отступ в меню на CSS?

    Доброго времени суток, имеется горизонтальное меню на CSS. HTML <div id="menu"> <ul> <li><a href="">Главная</a></li> <li><a href="">Главная</a></li> <li><a href="">Главная</a></li> <li><a href="">Главная</a></li> </ul> </div> CSS /* Menu ———————————————--*/ #menu { height: 40px; list-style: none; background-color: #000000; } #menu li { display: inline-block; float: left; } #menu li a { display: block; line-height: 40px; color: #EEEEEE; padding-left: 10px; padding-right: 10px; } #menu a:hover { background-color: #CCCCCC ; text-shadow: 2px 2px 1px #…

    Asked by Ang, August 14, 2013

    0 votes
    6 answers
22. Как стать хорошим верстальщиком?

    Доброе. В общем занимаюсь потихоньку версткой, но не зарабатываю на этом. Мне это очень и очень нравится, поэтому в будущем, я хотел бы зарабатывать своим любимым делом. Сейчас, ну и вообще, на протяжении года у меня можно сказать депрессия что-ли. Не знаю как выбрать правильный путь. Времени у меня просто навалом, я нигде не учусь. Так, задрачиваю в игры, подрабатываю кое-где. Но деньги нужны всем, а игры надоедают. Но работать на обычных работах я не хочу, это точно не по мне. Максимум пошёл бы куда нибудь на роль "верстальщика" за какие нибудь тысяч 20.. Чисто для практики, и получения опыта. Но, для этого нужны хорошие знания всех видов вёрстки, но я не умею верстат…

    Asked by GoodProject, October 17, 2014

    • Верска
    • Html
    • Css
    • верстальщик
    • JavaScript
    • Помощь новичку
    • Совет для новичка
    • Как стать верстальщиком
    0 votes
    21 answers
23. Прижать блок к низу ячейки

    Здравствуйте! Есть готовый макет, и в ячейке таблицы нужно поместить блок, который бы был прижат в нижний левый угол. Привожу упрощенный код, настоящий остался на работе. Нужно, чтобы при уменьшении ширины страницы (ячейки таблицы) нижний блок следовал за текстом, но при увеличении, когда тескт в ячейке поднимается вверх, нижний блок был прижат к нижней границе ячейки. Пробовал с 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, June 6, 2009

    0 votes
    6 answers
24. автоматическая расстановка переносов при "...justify"?

    подскажите пожалуйста есть ли возможность программно проставлять переносы для текста??? Просто в некоторых случаях "justify" делает большие пробелы в тексте. Заранее спасибо

    Asked by glivera, January 22, 2009

    0 votes
    7 answers
25. Простая галерея

    Доброе утро! Нашел очень простую для установки галерею http://ruseller.com/lessons.php?rub_id=32&id=389 Все настроил как хотел!. Кроме того, что не знаю как сделать так что бы при открытии фотки к ней внизу была подпись.... К каждой фотке своя подпись

    Asked by wert-one, April 1, 2014

    • галерея
    0 votes
    2 answers