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
-
Оцените, пожалуйста, верстку
P.S. Уважаемые модераторы, удалите тему. Я ее не туда выложил. Смутила фраза про 30 сообщений.
0 votes0 answers -
Посоветуйте, что учить дальше?
Доброго времени суток. Я около 2х месяцев учусь верстке , сейчас знаю HTML+CSS, вполне могу сверстать статичный сайтик из 5-7ти страниц по макету. Так вот вопрос, что учить дальше? Js/jquery или можно продолжить изучением какой либо CMS? И если не трудно, посоветуйте какие нибудь онлайн уроки, а то везде пишут по разному и мне не понять, что лучше. Заранее благодарю за ответ.
0 votes9 answers -
Java script, событие на одинакоые элементы
Никак не могу понять как правильно нужно делать Допустим, есть 3 (или 10) кнопки-иконки, выполненные в блоках div, меняющие свой вид на другие картинки при наведении или нажимании мышки. На события onclick или onmouseover и т.д прикручиваются соответствующие события смены картинки +всякие свистелки Как нужно правильно оформить эти блоки див? id делать всем одинаковый или разный (или вообще можно без него обойтись), css стиль привязывать по id или по class, что одинаковое должно быть что разное. И потом, как оформить в java срабатывание функций, чтобы оно работало на всех иконках. Покажите, пожалуйста, на этом примере http://jsfiddle.net/6hu2W/10/ Тут событие работает то…
0 votes3 answers -
IE
Почему в ИЕ так криво отображается сайт, тестил в хроме, лисе и сафари, все нормально. Но вот в ИЕ. Читал что нужно указывать доктайп, правда ли, что это спасет и какой именно? И я не о кодировке. http://s017.radikal.ru/i402/1302/60/626dc97d0134.png
0 votes4 answers -
XML
Будет ли правильным,если после html и css я буду изучать язык правил разметки xml,если у меня в плане javascript и php?И как посоветуете продвигаться по этой технологии?
0 votes1 answer -
Помогите найти ошибку в горизонтальном меню
Здравствуйте! Помогите пожалуйста найти ошибку. Я первый раз пробую блочную вёрстку (учусь) и столкнулась с такой вот неприятностью. Меню не располагается по всей ширине блока, а уезжает куда-то вправо и упорно все манипуляции происходят там, т.е. когда меняю отступы и прочее, влево вообще не двигается. Вот часть html: <div id="header"> <div id="logo"><a href="/"><img src="img/logo.png" class="iePNG" alt="Зелёный сайт" width="248" height="235"/></a></div> <div id="logo2"><img src="img/logo.png" class="iePNG" alt="Зелёный сайт" width="248" height="235"/></div> <div id="gor-menu"> <ul> <li><a href="…
0 votes11 answers -
Как убрать отступы вверху страницы?
Не могу убрать отступы вверху страницы. Пробовал margin: 0 и padding:0 для всех элементов - не помогло. Помогите исправить. Код: <!DOCTYPE html> <html> <head> ?<title>Головна сторінка</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="Andrei Nemchenko" /> <meta name="keywords" content="Мій герой" /> <meta name="robots" content="all" /> <link rel="stylesheet" type="text/css" href="[url="http://localhost/myheroi/styles.css"]styles.css[/url]" /> <script type="text/javascript" src="[url="http://localhost/myheroi/scripts/clock.js"]scripts/clock.js[/url]">&…
0 votes7 answers -
Как добавить текст в определенное место?
Есть такой код к примеру: <style type="text/css"> .dv {width:300px; height:30px; border:solid 1px; margin:5px;} </style> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <script type="text/javascript"> var d = document.getElementsByClassName('dv'); var s = d.length; var i = 2; while (i <= s) { var dv = document.getElementsByClassName('dv')[i]; dv.style.color =…
0 votes4 answers -
"Погоня" за пикселями
Здавствуйте. Я только учусь, и у меня возник вопрос - насколько нужно гнатся за пикселями при верстке? На картинке http://savepic.ru/3947297.jpg макет который я пробую верстать с наложеный Perfect Pixel я понимаю что можно подогнать получше если присваивать отдельно классы или идентифокаторы (чего я желаю по-максимуму избежать), но нужно ли на практике это делать в ущерб коду? Поделитесь пожалуйста опытом.
0 votes5 answers -
DOCTYPE ломает CSS
Решил сверстать сайт, прописал блок, к нему тени через box-shadow, но тут забыл что не прописал доктайп. После записи <!DOCTYPE html> тени у блока пропали, а если его убрать, то работают. В чём загвоздка? Я в растерянности.
0 votes2 answers -
Вёрстка 3 блоков
Доброго времени суток! Имеется 3 горизонтальных блока Первый и последний имеет заданную ширину, второй - резиновую ( в процентах) Проблема: когда меняешь разрешение, то 3 блок налезает на второй, как это можно устранить? Пример к чему стремлюсь, главная страница майл . ру , а именно блок с новостями по середине, когда меняешь разрешение сужается именно он, остальные остаются на месте. Заранее благодарю.
0 votes5 answers -
Выравнивание текста
Привет. Столкнулся с такой проблемой. Текст выводиться не ровно, цифры ниже. Как выровнять? Подскажите.
0 votes5 answers -
margin-top(margin-bottom) в процентах от высоты родителя
Сама проблема отступов в процентах появилась из-за резиновой верстки. Все мы знаем о способах привязки футтера к низу, вот я пользуюсь таким способом: <body> <div id="wrapper"> <div id="head"></div> <div id="content" ></div> <div class="footer-push"></div> </div> <div id="footer" > </div><!-- footer --> </body> * { margin: 0; padding: 0; } html, body, #wrapper { height: 100%; width: 100%; } #wrapper{ margin-bottom: -100px; } #head { width: 100%; height: 100px; } #content { width: 100%; height: 400px; } .footer-push { width: 100%; height: 100px; } #footer { width: 100%; height: 100px; } Но…
0 votes1 answer -
таймер обратного отсчета
Подскажите пожалуйста, есть ли готовые таймеры на php к примеру, который бы начинал отсчет заного после обновления страницы? В инете много таймеров, но все делают отсчет до определенной даты...
0 votes1 answer -
CSS3 и HTML5 стоит ли заморачиватся новичку?
Здравствуйте. Две недели изучаю изучаю верстку, а именно html 4.1 и css 2.1. Но в процесе выяснил, что эти версии вроде как устарели, или не устарели? вообще не пойму. Вроде пишут что html 5 примут только 2022, но в тоже время он присутствует во всех новых шпаргалках и так далее. Тоже самое css3. Посоветуйте учить их или нет на этом этапе?
0 votes3 answers -
простая активная кнопка...
подскажите почему данаая конструкция не работает в опере: css : .vhod a{ display:block; background:url(http://jaguar-pw.clan.su/knopki/vhod/go.png) no-repeat; width:120px; height:24px; font-size:30px; color:#FFFF66; text-align:center; text-decoration:none; } .vhod a:hover{ display:block; background-position: 0 -24px; } .vhod a:active{ display:block; background-position: 0 -48px; } html: <li class="vhod"> <a href="$LOGIN_LINK$" class="vhod"></a> </li> и какие пути решения...?
0 votes2 answers -
Высота float-элемента в 100% в FF и Chrome
Мда )) Уже начал сходить с ума, пытаясь понять логику, по которой float-элемент игнорирует height и min-height в процентах. Оказалось дело в Firefox. Допустим, у нас есть float-блок, который находится в родителе. И нам нужно, чтобы даже при отсутствии контента (или малом количестве) у плавающего была бы какая-то минимальная заданная высота. Как бы логично и удобно использовать min-height, который берется от родителя. Но FF все обламывает. Понятно, что такую модель можно реализовать и по-другому. Но вопрос в том, что есть ли способ, не меняя подход, научить FF видеть эту высоту? Перед нажатием на "отправить" проверил в Хроме. Та же проблема. Тогда это уже интереснее. Кто м…
0 votes7 answers -
Картинки списком внутри дива
Приветствую уважаемое сообщество! Я новичок в сайтостроении. Прошу помощи. Пытаюсь расположить картинки списком слева направо внутри div_а. Нужно вот что примерно: У меня почему-то фон дива только у заголовка. <div id="content"> <h1>Заголовок</h1> <ul id="shop"> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="sho…
0 votes4 answers -
Построчный перенос пунктов меню
Впервые попала на проект с серьезным адаптивным дизайном, и спросить на проекте не у кого. Задача: обычное меню. При больших разрешениях выводится в одну строку, каждый пункт меню однострочный. При среднем размере экрана каждый из пунктов меню должен стать двухстрочным (т.е. не пункты переносятся на вторую строку, а каждый пункт сам по себе в 2 строки начинает располагаться). Вот набросала костяк: http://jsfiddle.net/8cSLF/ Немного игралась с white-space - не вышло. По идее, можно указать ширину для каждого пункта меню, и тогда текст автоматически будет переноситься в его границах, но все пункты разные, и эта идея кажется какой-то "костыльной". Вспомнила, что есть таблицы…
0 votes4 answers -
Вапрос по css конструкциям
Здравствуйте! Сразу прошу прощения если данная тема уже обсуждалось на форуме. Поиском пользовался не нашел ответа. И честно говоря даже не представляю как задать вопрос правильно. Проблема в следующем, есть следующие css конструкции: .my_class [color=#ff0000]>[/color] a { различные свойства}[/indent] [indent=1]#my_id:cheked [color=#ff0000]~[/color] .my_class_2{ свойства}[/indent] [indent=1]#my_id: [color=#ff0000]+[/color] a { свойства} скажите что делают ">" "~" "+" данные символы в этих конструкциях или направте где про них можно почитать.
0 votes4 answers -
0 votes1 answer
-
Как убрать элемент, но не его содержание
Есть кусочек странички <div class="wrap"> <div class="one"> <div class="in"></div> <div class="in2"></div> </div> <div class="two"> <div class="in"></div> <div class="in2"></div> </div> <div class="three"> <div class="in"></div> <div class="in2"></div> </div> </div> через jquery я хочу скрыть элементы one, two и three $(".wrap div").css("display", "none"); но вместе с этими элементами скрываются также in и in2, а этого не нужно. Как скрыть только .wrap div и не давать in и in2 такого же оформления?
0 votes1 answer -
Галерея slimbox2, наиправильнейший вариант
Нужен совет и критика: Есть галерея - "slimbox2". Бралась готовым кодом с какого то сайта, структура кода примерна такая: <ссылка><картинка></ссылка> + стили для ссылки и для картинки + файлы явы Получилась сетка примерно по 150на130 картинок. У меня возникла необходимость разбавить секции фотографий, текстом. Сделал блок со своими стилями, который в нужном месте вставлял меж фоток. И тут начался бардак. Возникла идея сделать галерею на базе списка, где уже основные параметры назначить ячейки, а в нее вставлять по необходимости рисунок или текст. Вот стало интересно - яве все равно откуда брать ссылку на увеличенное (исходное) изображение, из ссылки кото…
0 votes7 answers -
Фиксированный градиент при масштабировании страницы
Сделал фон градиентом, но вот незадача - градиент ползает при масштабировании страницы и горизонтальной прокрутке. Решения вижу два, но не знаю как реализовать ни одно из них. Необходимо решение как спрятать скролл вызываемый нажатием на колесико мыши (у меня так) или как фиксировать градиент после масштабирования страницы, чтобы тот не ерзал.
0 votes0 answers -
Проблема со шрифтом Arial
Подскажите как установить шрифт Arial Regular ? selection-studio.ru/wp - вот там снизу Теги и Антресоль
0 votes10 answers