HTML Coding

29,542 questions in this forum

1. Вопросы новичка

   Всем привет! 1. Есть ли какие то стандарты по написании атрибутов в тегах и в CSS, например по алфавиту? 2. Чем отличаются классы и идентификаторы в CSS? Что и в каких случаях лучше использовать?

   Asked by Alexey1988rus, April 20, 2011

   0 votes
   24 answers
2. DIV: в центре по вертикали, независимо от разрешения экрана.

   По горизонтали это делается так: .center { width: 500px; height: 500px; background-color: #FFCC66; position: relative; margin: auto; } А как по вертикали? - что бы квадратик был по центру и при 800х600 и при 1920х1080. P.S. Кстати, почему-то у меня не работают проценты со свойством height - видимо по вертикали проценты не считаются?

   Asked by Kalisnik, May 6, 2011

   0 votes
   10 answers
3. Проблема с float'ом

   <div style="width:80%; min-height:500px; background:#CCCCCC; margin:0 auto; position:relative;"> <div style="width:100px; min-height:500px; background:red; float:left;"></div> <div style="width:70%; max-width:800px; min-height:300px; background:black; margin:0 auto; color:#FFFFFF;"></div> <div style="width:100px; min-height:500px; background:red; float:right;"></div><br clear="all" /> </div> Правый красный блок съезжает! Нужно что бы у красных было float:left; и float:right; соответственно, а черный центрировался между ними! Но что бы при растягивании каждого по высоте тянулся и серый блок в котором и находятся эти 3 б…

   Asked by Spidey, May 7, 2011

   0 votes
   3 answers
4. Как поднять шапку сайта

   есть промежуток сверху до хедера как убрать этот промежуток, что бы сразу начинался хедер? div.art-header-jpeg { margin: 1 auto; z-index: 0; top: 0; left: 0; width: 899px; height: 322px; background-image: url('../images/header.jpg'); background-repeat: no-repeat; background-position: center center; Прошу помощи

   Asked by amixxqwerty, May 7, 2011

   0 votes
   5 answers
5. Прошу помощи: видео youtube перекрывает картинку на сайте

   Здравствуйте. Суть проблемы: На сайте установлена lightgallery и видео с youtube. Когда нажимаешь на миниатюру картинки с галереи - она разворачивается в истинный размер, НО она находится ПОД видео с Ютуба. Скриншот во вложении. Мозилла всё видит хорошо, а вот Опера и Эксплорер - как на скриншоте. Как сделать, чтобы изображение было НАД видео? Огромное спасибо всем откликнувшимся.

   Asked by ssven, May 7, 2011

   0 votes
   1 answer
6. Вёрстка макета: с чего начать?

   Добрый день всем! Вобщем, решил сверстать самый простой макет, но я даже не знаю с чего начать. Может кто-то поделиться информацией? И ещё просьба, дайте мне самый простой макет, пожалуйста.

   Asked by Feers1de, May 7, 2011

   0 votes
   3 answers
7. Вопрос по overflow: scroll

   Нужно сделать как тут. Я имею ввиду именно это так скажем "внутреннее окошко". Там оно сделано на фреймах, хотелось бы блочными элементами сделать тоже самое. Попробовал с overflow: scroll, но скролится по вертикали. Смотреть Попробовал добавить float:left; для первого изображения, но ничего не изменилось. Смотреть с float:left Помогите пожалуйста

   Asked by Rustick, May 4, 2011

   0 votes
   8 answers
8. Не видит стилей в ИЕ и мозиле

   вот собственно код css, в опере и хроме все шикарно, однако в ие все содержимое футера как буд-то стилей и нет. Меню в шапке стоит на месте, что удивительно чую где-то накосячил, вот только ввиду не столь глубоких познаний не нахожу где * { margin: 0; padding: 0; } html { height: 100%; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } /* H…

   Asked by Очень, May 7, 2011

   0 votes
   20 answers
9. Помогите вытащить меню

   Здравствуйте, помогите найти такоеже меню, либо вроде такого, как на данном сайте: http://arenaservices.ru/ не могу найти, а так оно мне очень понравилось.

   Asked by b1ohazard, May 6, 2011

   0 votes
   6 answers
10. Резиновый фон для меню. Дайте совет...

    Ребят пожалуйста помогите. Вот честно юзал поиск, но не нашел подобной темы. Интересует мнение опытных верстальщиков. Ситуация следующая http://linkme.ufanet.ru/images/2e5e9e0e12db0195fe7d601beb4aa5bf.jpg набросал макет. Имеется три блока <div>. 1-header 2-menu 3-content в 1 все понятно. Логотип, телефон и т.п. Ширина фиксированная допустим 1000px margin:0 auto; 2-меню ! Блок шириной 100% Вот тут то моя проблема. Ломаю голову целый день не могу найти красивого решения проблемы, и некрасивого не нашел. Возможно все делается просто, но я не могу найти выход... Вроде и опыта не мало, но как коса на камень... Что тут требуется, а нужно сделать след. на картинке изоб…

    Asked by Rasel, May 6, 2011

    0 votes
    13 answers
11. Блок Посередине

    Вот мне надо сделать блок посередине, я прописал у него display: inline-block; теперь во всех браузерах он стоит посередине кроме эекспловера.А что мне сделать с экспловером?!

    Asked by new01, May 7, 2011

    0 votes
    4 answers
12. Меню

    Я новичок. Подскажите пожалуйста, как сделать так, чтобы меню раскрывалось после "клика" и оставалось открытым до повторного "клика".

    Asked by kuzy, May 5, 2011

    0 votes
    11 answers
13. Проблемы с IE

    Электронная Финляндия Проблемы с IE6, IE7. Левая колонка "едет". Нижнее меню в IE6 "едет". И еще куча мелких косяков с отступами. Буду благодарен, если подскажете как решить или дадите ссылки на описания похожих проблем с их решением. Первый раз столкнулся с такими проблемами, времени пока нет искать решение самому. Есличо - верстал не я. Я ток помогаю решить проблемы с кроссбраузерностью.

    Asked by andyarus, May 5, 2011

    0 votes
    6 answers
14. Заголовки и отступы между ними

    Пардон, за столь лузерский вопрос... Имеем такой пример кода... <h1>TEXT</h1> <h4>TEXT</h4> Между строками получается очень большой отступ... Как его убрать? Требуется написать именно через заголовки h1 и h4, притом, что отступ между строк должен быть, как будто используется тег <br>... TEXT <br> TEXT

    Asked by Asket, May 7, 2011

    0 votes
    3 answers
15. css

    скрипт вкладок css: /* tabs */ ul.tabs { margin: 0 0 0px; list-style: none; } * html ul.tabs {margin-bottom: 0;} ul.tabs li { float: left; } ul.tabs li a { display: block; color: #444; text-decoration: none; cursor: pointer; position: relative; } * html ul.tabs li a {float: left} *+html ul.tabs li a {float: left} ul.tabs li a:hover { } ul.tabs li.tab-current a { color: #444; } div.t2, div.t3 { display: none; } div.t1 {} div.t2, div.t3 { padding: 0 12px; } html: <div style="margin-left:30px; margin-top:0px;"> <ul class="tabs tabs1"> …

    Asked by shtilev, May 7, 2011

    0 votes
    9 answers
16. Верстка табов

    Может кто покажет нагугленое место? Я чего-то никак не могу найти. Подозреваю, что это непросто, по крайней мере сейчас не знаю как. задача следующая, табы, сделанные на вложенном списке. первый уровень - заголовки, сами табы. второй, собственно представление табов, их содержимое. пока пришел к единственному решению, но мне не очень нравится, измерять l с помощью JS и назначать для LI отриц. левый маргин. Иллюстрация

    Asked by Justnewone, April 21, 2011

    0 votes
    29 answers
17. Как прописать в ксс input только типа "text"?

    Сабж. Имеется невозможность прописать класс в текстовой строке. Да и мне это не нужно - ибо одни парметры на все инпуты текстового вида. Как это сделать? Всякого рода эксперименты к резутьтату не привели.

    Asked by 7ion, June 28, 2009

    0 votes
    5 answers
18. Ячейка как в экселе

    Здраствуйте,подскажите пожалуйста,возможно ли создание ячейки такой же как в экселе(т.е. можно писать много текста но он не будет отображаться весь,а только по размерам ячейки)?? заранее спасибо)))

    Asked by SweeT_BladE, May 6, 2011

    0 votes
    6 answers
19. размещение кода баннера на сайте для партнера

    Здравствуйте, подскажите, пожалуйста, как разместить код баннера для партнеров на своем сайте, что бы его могли копироватьи размещать на другие сайты?

    Asked by Darisha, May 6, 2011

    0 votes
    1 answer
20. якоря

    Будьте осторожны со стилями для ссылок. Обратите внимание на то, что классический якорь (<a name="anchor">) реагирует на псевдо классы :hover и :active. Чтобы исключить это, используйте в качестве якоря идентификаторы элементов, или немного более заумный синтаксис:link:hover, :link:active. [Dave Shea] Примеры мне подкиньте плиз что это за...

    Asked by bot87, May 5, 2011

    0 votes
    4 answers
21. И еще по iframe

    Есть страница. С ксс. Есть div в который я вставляю iframe. Как сделать так что бы опустить фрейм например на 50px ниже чем фон самого div? Что бы например играть фреймом в пределах фона (который задан в div). Вот то что у меня выходит. А хотелось бы подвинуть немного в право и вниз (вставляю чат). ps: hspace, vspace, marginheight и marginwidth - не работают =(((( ps2: Вставляю так: <div id="show"> <iframe src="chat1/index.php" width="940" height="350" align="center" frameborder="no" scrolling="no" > Твой браузер не поддерживает плавающие фреймы! </iframe></div> Спасибо за помощь!

    Asked by Sproot, May 6, 2011

    0 votes
    10 answers
22. Форма отправки сообщения

    Есть форма отправки сообщения с сайта,но там все поля являются не обязательными для заполнения.Как сделать чтобы поля были обязательными? звёздочки проставить и т.д.? вот код: <div id="mailform"> <b>Заполняйте пожалуйста все поля!</b><br> <br> <b>Ваш email :</b><br/> <input type="edit" name="email" value=""/><br/> <b>Ваше имя :</b><br/> <input type="edit" name="name" value=""/><br/> <b>Контактный телефон :</b><br/> <input type="edit" name="tel" value=""/><br/> <b>Сообщение :</b><br/> <textarea cols="25" rows="5" name="tex…

    Asked by stardel, May 6, 2011

    0 votes
    4 answers
23. Обводка полeй логинa и парoля в Опeрe

    Здравствуйте. В опере есть такая весч как обводка полей для магистра поролей(в новых версиях - жезл), и те поля от которых опера помнит пару логин-пароль она обводит желтым цветом. Подскажите, возможно ли как нибудь убрать это через css принудительно? outline:none !important; - непомогло. Вот как это дибильно выглядит: а хотелось бы вот так:

    Asked by tiHo, May 6, 2011

    0 votes
    13 answers
24. CSS position: absolute Vs relative

    Код CSS: .base { width: 900px; background-color: red; position: relative; margin: auto; } .left { width: 150px; height: 500px; position: absolute; background-color: green; left: 20px; top: 200px; } Код HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <title>Test</title> <link rel="stylesheet" type="text/css" href="myCSS.css" /> </head> <body> <div class="base"> <div class="left"></div> </div> </body> </html> Вопрос: Почему я вижу зеле…

    Asked by Kalisnik, May 6, 2011

    0 votes
    9 answers
25. Мозилла-зум

    Привет! с кроссбраузерностью знаком пока не очень! Появилась такая проблема...главная страница сайта почему то зумится по отношению к другим...и только в Мозилле...в остальных всё норм, да и остальные страницы в Мозилле норм в чем может быть дело? спасибо

    Asked by andys, May 6, 2011

    0 votes
    5 answers