HTML Coding

29542 questions in this forum

1. практика верстки

   Народ, а где взять "материал" для верстки? Как вы начинали? Сам я в дизайне полный нуль, если сесть за изучения дизайна, не известно когда работать смогу начать. %)

   Asked by KeKe, October 30, 2008

   0 votes
   1 answer
2. верстка макета

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

   Asked by privat, March 17, 2009

   0 votes
   5 answers
3. отображение рисунка в ie

   Здравствуйте! Строю сайт пока на своем компьютере. В FF все нормально, в IE вместо первой картинки подпись из alt Код: <table align=left width=90%> <tr align=center> <td align=center colspan=3> <img src="zagolovok.jpg" border=0 alt="Компьютер педагога - музыканта" width=1024 height=189 align=center valign=top> </td> </tr> Что-то не так написано, или проблема с браузером, подскажите, пожалуйста!

   Asked by matana, March 22, 2009

   0 votes
   1 answer
4. Проблема с версткой div'ов

   Всем доброго времени суток. У меня возникла проблема при верстке сайта: Сайт построен следующим образом: Таблица с тремя колонками, боковые по 200 пикселей и центральная занимает оставшееся пространство. В каждую колонку включен div, в котором идент настройка всех отступов, шрифтов и тому подобного. В первой колонке находится меню, в центральной основной текст, ну а в третьей всякая дополнительная информация. Проблема заключается в следующем: в центральной колонке обычно находится много теста и мне нужно сделать так, чтобы боковые колонки по высоте подстраивались под нее, как в таблицах. А если она по высоте меньше боковых колонок, то чтобы она подстраивалась под них. К…

   Asked by aPioz, March 30, 2009

   0 votes
   8 answers
5. Слетает ширина столбца таблицы

   Добрый день. http://salecement.ru/ Правая колонка таблицы переодически меняет свою ширину. Т.е прописано 22%, но иногда при загрузке страницы она становиться явно больше....

   Asked by Frolov, March 14, 2011

   0 votes
   14 answers
6. Интервал между абзацами

   Подскажите, пожалуйста, как увеличить расстояние между абзацами? Сайт http://forwomans.ru/ Здесь нужно что-то добавить? html body { background: url(images/bg.gif); font-size: 13px; font-family: Tahoma, Georgia, Verdana, Times New Roman; line-height: 120%; } Всем заранее спасибо за помощь! Все спасибо!!! Не нужно на сайте нашла!!! Тему можно удалить, извините!

   Asked by Boginya, October 9, 2010

   0 votes
   0 answers
7. Кнопка

   Нужно что бы при нажатии на изображение <a href= ""> <img src= "img/button.bmp"> </a> активировалась функция function SetStat(){ location.href="afterreg.phtml?NickName=<?php echo $aNickName; ?>"; } Возможно ли реализовать такое? И каким образом?

   Asked by Soju, December 12, 2010

   0 votes
   8 answers
8. Размер шрифта

   В процессе резиновой вёрстки возник вопрос: Возможно ли,что бы при увеличении разрешения экрана увеличивался и текст? Если да, то каким образом это осуществить?

   Asked by GaDiV, March 26, 2011

   0 votes
   12 answers
9. Как работает такой стиль?

   Подскажите плиз, как работает этот стиль? что означает запись вида "div.dashicon a {" или "div.di_network a {" ? @charset "utf-8"; @media all { div.dashicon { float: left; } div.dashicon a { background-image: url(icons/default.png); background-repeat: no-repeat; background-position: top; display: block; width: 70px; padding-top: 70px; color: #000000; text-decoration: none; text-align: center; margin: 2em; font-weight: bold; } div.di_network a { background-image: url(icons/network.png); } div.di_luci a { background-image: url(icons/desktop.png); }

   Asked by neiro, April 19, 2011

   0 votes
   4 answers
10. CSS, псевдокласс :hover

    Возник вопрос относительно css псевдокласса :hover нужно, чтобы при наведении мыши на один элемент менялся стиль другого элемента, причём последний не является дочерним и располагается в другом месте html - кода пример: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> #a { color:#0F0; } #a:hover { color: #000; } #p { color: #C00; display:none; } #a:hover #p { color: #C0F; display:block; } …

    Asked by val005, August 15, 2011

    0 votes
    7 answers
11. <li> — отступ

    Нужно убрать отступ который показан на рисунке ниже. Собственно сам код: .Menu { background: #222120; border-left: solid 1px #4d4b48; border-right: solid 1px #4d4b48; border-bottom: solid 1px #4d4b48; padding: 5px; width: 200px; margin: 0px; } Пробывал вставлять float:left, но толку нету, только ломает дизайн. Красной рамкой отмечен отступ

    Asked by Twilight_Sparkle, November 22, 2011

    0 votes
    5 answers
12. нужна помощь со скриптом формы обратной связи

    На сайте есть форма обратной связи <form id="contact-form" action="post.php" method="post" enctype="multipart/form-data"> <fieldset> <label><span class="text-form">Имя:</span><input name="name" type="text" /></label> <label><span class="text-form">Email:</span><input name="email" type="text" /></label> <label><span class="text-form">Телефон:</span><input name="tel" type="text" /></label> <div class="wrapper"><div class="text-form">Сообщение:</div><textar…

    Asked by itspider, March 19, 2013

    0 votes
    5 answers
13. Тень и бордер

    Свертсал данную кнопку так: http://jsfiddle.net/37aeb/ Не могу добится чтобы была тень как на картинке, и в ИЕ8 вообще не так как на картинке. тенб вроде сделал box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3) inset; а вот с ИЕ8 и не понятно

    Asked by okunev2, December 6, 2013

    0 votes
    10 answers
14. Моя первая верстка

    Доброе. Решил я всё таки перестать спрашивать на форумах "Как научиться верстать?" а просто взял и попробовал. Вот что из этого получилось: Макет: Верстка(демо): http://goodproject.tk/verstka/ Код: HTML: http://2paste.in/rfvg CSS: http://2paste.in/pbgc Сразу скажу, что верстку делал далеко не точную, я знаю что она фейспалмовая, ибо большинство элементов не вырезаны (иконки например, из за чего текст и иконки выглядит криво (разная высота)) + верхнее меню состоит из отдельных элементов а не из "ul" и "li" поэтому большинство элементов тут тупо наложены цельным бэкграундом, а не по отдельности, как это правильно, что бы не терять ещё несколько часов на вырезание, …

    Asked by GoodProject, October 31, 2014

    0 votes
    7 answers
15. Несколько CSS с разными @Media запросами к одному HTML

    Требуется что бы в зависимости от разного разрешения экрана менялись элементы на сайте, при этом я пытался привязать несколько CSS к одному HTML: <!DOCTYPE html> <html><head><title>Black Hog Games</title><meta charset="utf-8"> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1024x600.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1024x768.css" /> Документы привязались и все шло хорошо, пока не потребовалось межу ними переключаться: При проверке возникала путаница - включался не тот CSS, а самый пер…

    Asked by Maus, March 2, 2015

    • @Media
    • CSS
    • HTML
    • Несколько CSS
    0 votes
    5 answers
16. Помогите пожалуйста розобратся с эти м макетом

    Не могу понять как сделать такой ховер?

    Asked by misinkevych.alina, May 6, 2019

    0 votes
    4 answers
17. вверху слоя отступ, а как заставить его забирать часть окна внизу?

    К примеру: #d {position:absolute;left:0;top:239px;[b]width:245px[/b];height:350px;background:url(f/2.gif)} <div id=d> <div><a href="link1.html">1</a></div> <div><a href="link2.html">2</a></div> <div><a href="link3.html">3</a></div> </div> как отсюда видно высота у слоя 245 пикселей, а как тогда сделать чтобы див был на всю высоту окна кроме top:239px ? заранее благодарен

    Asked by mix_htmlbook.ru, August 29, 2007

    0 votes
    2 answers
18. Вопрос по размеру текста в комбо-боксах

    Вот что написано здесь Вопрос: какой размер текста браузер установит в этом случае для комбо-боксов ('select")? Практически я наблюдал, что размер довольно крупный.

    Asked by Борис Бердичевский, January 28, 2008

    0 votes
    3 answers
19. Списки

    Подскажите кто-нибудь please, можно-ли как-то отцентровать маркеры списка по высоте строки если они сделаны рисунком?

    Asked by Dimon-rus66, May 13, 2008

    0 votes
    2 answers
20. При изменении длины слова, вся задумка портится...css :hover

    В общем задумал я такую менюшку, чтобы при наведении на ссылку, стрелочки по бокам этой ссылки смыкались... http://img522.imageshack.us/my.php?image=menuwx5.jpg http://img141.imageshack.us/my.php?image=menuhoverqr5.jpg Но как видно из второй картинки, при изменении длины слова, эти стрелочки ливо заезжают на слово, либо куда то убегают... так вот хотелось бы узнать, можно ли как то с помощью css и html сделать, чтобы при изменении длины слова эти стрелочки были всегда на одном и том же расстоянии от слова? css: <style type="text/css"> html, body {margin:0px; padding:0px; background-color:#dbfafb;} #head {background-image:url("img/head.jpg"); width:710px; height:102…

    Asked by bubl, November 21, 2008

    0 votes
    4 answers
21. Картинка открывается под флэш роликом подскажите решение...

    Всем доброго время суток. Описание проблемы картинка открывается под флэш анимацией что можно сделать? вот ссылка _http://www.foto-oazis.com.ua/fotooboi_20b.html П.С. Это мой первый сайт написанный с помощью div'ов так что сильно не пужайтесь увиденному изврату ) П.С. Впринцепе если кто та даст ссылку на подобную анимацию написанную на javascript тоже буду оч признателен...

    Asked by Leoben, June 25, 2009

    0 votes
    8 answers
22. в качестве основной картинки положить фото?

    Хочу в качестве основной картинки (фон) положить фото, при чем мне нужно, что бы это фото при открытии сайта в браузере отображалось целиком без белых полос фона или каких либо полос прокрутки. То есть без прокрутки – везде только это фото. И как задать этой фото резиновость что бы она растягивалась на весь экран на любом экране. Хочу уточнить ПРИ БЛОЧНОЙ ВЕРСТКЕ. Я задала звездочке * { margin: 0px; padding: 0px; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;} Вроде пока отображается на весь экран, но экраны то у всех разные, и мне нужно что бы на любом экране отображалось на весь экран. Стоит …

    Asked by Elna, May 2, 2010

    0 votes
    5 answers
23. наложение слоев

    есть код <div class="progressBar"> <div class="percentCount" style="width:50%">50%</div> </div> стили: .progressBar { border: 1px solid #e5e5e5; } .percentCount { background:green; text-align:center; width: 0%; position: relative; height: 20px; } этот код делает так что 50% располагается посередине заполненной части, как сделать чтобы он был по середине всей полоски? спасибо.

    Asked by vvsh, November 11, 2010

    0 votes
    4 answers
24. Вставка социальных кнопок на сайт джумла 1,5

    Всем добрый день. Только пожалуйста не смейтесь с моих познаний. Проблема №1 Имеется сайт http://ciferkom.ru Я на него пытаюсь установить кнопки соц сетей. Кнопки поделится от яндекса (блоком) я поставил. Теперь хочу поставить кнопки голосования. Если Вы зайдете в любую статью на моем сайте, вы увидите, что под кнопкой (блоком яндекса), Я расположил кнопку "+1" от гугла и кнопку "мне нравится" от вконтакте. Вопрос: кнопка в контакте находится под кнопкой гугла. Как их поставить рядом. Код кнопок выглядит так: <!-- Google+1 --> <br> <g:plusone></g:plusone> <!-- Vkontakte --> <div id="vk_like"></div> <script type="text/javascr…

    Asked by serg450453, July 18, 2011

    0 votes
    6 answers
25. Проблема, когда ширина монитора меньше ширины макета

    Здравствуйте. Верстаю макет сайта. У самого монитор в ширину 1024px. Размер макета в ширину 1200px. Для таких мониторов, как у меня должна появляться горизонтальная полоса прокрутки. Она появляется. Но в от в чем проблема. Есть общий блок footer. header { background: url('../img/header_bg.jpg') no-repeat center top; min-height: 1241px; margin: auto; overflow: visible; width: auto; } который служит просто подкладкой и в котором есть фоновое изображение. Его ширина 1 920px. Оно отображается, приведу скрин: Но когда прокручу вправо: фоновое изображение тупо обрезается. Если менять масштаб, то обрезанная область появляется. overflow: visible; не пом…

    Asked by Edward, December 8, 2013

    0 votes
    13 answers