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
29,542 questions in this forum
-
Картинка в скрытом DIVе
Осмелюсь задать еще один вопрос. Вот такая задачка <script type="text/javascript"> <!-- function Function_1(div){ for (i=0; i<99; i++){ document.all.tags("div").item(i).style.display="none"; } document.all.tags("div").item(div).style.display="block"; } --> </script> <a href="#" onClick="Function_1(0), document.pic1.src='pic1.gif'">1-я ссылка</a> * * * <a href="#" onClick="Function_1(99), document.pic100.src='pic100.gif'">100-я ссылка</a> <div style="display:none">Текст 1 <img src="" name="pic1"/></div> * * * <div style="display:none">Текст 100 <img src="" name="pic100"/></div> Вобщем мне ну…
0 votes0 answers -
how to really preload an image before content?
in fact how to achieve this sequence: 1) user requests index.html, style css 2) preloading image.jpg 3) loading and displaying content in <body></body> these things didn't work for me: <script LANGUAGE="JavaScript"> Image1= new Image(498,527) Image1.src = "body_bg-contacts.jpg" </SCRIPT> and #preload img { height: 0; width: 0; border-width: 0; position: absolute; bottom: 0; left: 0; z-index: -30; } <div id="preload"><img style="visibility:hidden;position:absolute;top:-1000px;left:-1000px;" src="images/body_bg-res.jpg" /></div> When I used the above or similar I still had smaller images and buttons loading before my main body_bg-co…
0 votes2 answers -
Выделение ссылки
Приветсвую всех! Прошу вашей помощи, совета. Не могу найти способ как сделать выделение ссылок. К примеру нажали на контакты и ссылка контакты выделена. Вот пример сайта _http://thematicmedia.ru - в коде не могу разобраться Подобной темы на форуме не нашел, извеняюсь если была.
0 votes1 answer -
menu + ie6
http://smotrusuda.narod.ru/ в ie7 ie8 отображается одинаково, а вот в ie6 меню отображается вертикально, как это исправить? Как мне кажится из-за этого и не центрируется он. если нет то как его тогда центрировать.
0 votes3 answers -
Что почитать по созданию макетов?
Сначала использовал готовые макеты и на них верстал элементы. Потом читал моменты по верстке, например отрицательные поля. Сейчас с определенных пор решил сам делать макеты и верстку с нуля. Но постоянно что-то не состыкуется... Что-то не так... Наверняка должна быть какая-то мини справка, шпаргалка для создания макетов для сайта. Выделил для себя верстку в 2 этапа: 1) макет – подсвечиваю куски страницы. 2) верстка элементов. Правильно ли я определился? Все таки что почитать чтобы наконец уверенно делать макеты, в том числе всякие сложные, многоуровневые? Заранее спасибо!!!
0 votes1 answer -
Как применять Xml-формат
Здравствуйте всем! Пожалуйста помогите разобраться, как при помощи XML - кода транспортировать данные со стороннего сайта на свой. Куда его вставлять, нужно ли базу данных создавать? Допустим мне нужно данные игрового сайта вставить на страницу своего сайта, не пойму как это сделать. Заранее благодарна .
0 votes2 answers -
Размер шрифта
Приветствую. Подскажите, если в стилях для тега html задан размер шрифта 75%, от какого абсолютного значения считается этот процент? html{ font-size: 75%; font-family: Arial, Verdana, sans-serif; } и вообще, объясните, как новичку, что предпочтительнее - проценты или пикселы и по какой причине? заранее спасибо!
0 votes3 answers -
Центровать текст в блоке, который содержит другой элемент
<div style="text-align: center;"> <form style="float: left;" method="link" action="#"><input type="submit" value="Кнопка"></form><a href="#">Заголовок</a> </div> привет! хочу чтобы заголовок был по центру дива, но кнопка его отодвигает в право, и кажется, что заголовок не по центру. помогите найти простое решение данной проблемы.
0 votes6 answers -
Положение элементов на странице
Есть сайт pohodkin.ru,в ИЕ 7 "Подбор снаряжения" и "Вход" находятся кто где хочет,в Опере и Сафари например всё нормал,что делать что б в ИЕ было всё нормал??
0 votes3 answers -
Onmouseout При Зажатой Лкм
Хочу чтобы при зажатии кнопки мыши изменялся стиль блока, а при отпускании возвращался обратно. Казалось бы все просто onMouseDown и onMouseUp. Но если зажать лкм и уйти с блока, то возвращения к прежнему состоянию не происходит, и onMouseOut не работает. Как сделать чтобы событие onMouseOut отрабатывало даже для зажатой лкм? P.S. *лкм - левая кнопка мыши. Вот мой код. <script type="text/javascript"> function changebutton(id, state) { var obj=document.getElementById(id).style; if (state == 'down') obj.background = "url('/img/button_pressed.png')"; if (state == 'up') obj.background = "url('/img/button_passive.png')"; if (state == 'out') obj.bac…
0 votes1 answer -
не правильно работают слои
Помогите пожалуйста. Мучаюсь со слоями. У меня есть html <!-- ./skins/tpl/catalogue/unit.tpl begin --> <link type="text/css" rel="stylesheet" href="style.css" /> <div id="unit"> <div id="unit_pic"> </div> <div id="unit_name"> 123 </div> <div id="unit_description"> dfhxnj fkj fykfgj dtjegzdgsd sg sdg hs f hry wdsrh erhv </div> <div id="unit_cost"> cost </div> </div> <!-- ./skins/tpl/catalogue/unit.tpl end --> И есть CSS #unit { height: 100px; width: 500px; border:1px solid; background-color: #FFCC99; } #unit_pic { height: 94px; wi…
0 votes9 answers -
Содержимое блока
Такой вопрос возник. Допустим я делаю блок, а внутри него будет находится заголовок, абзац, картинка ну и т.п. <div class="block"> <h1>Заголовок</h1> <img src="image.png"> <p>Текст абзаца</p> </div> Естественно мне нужно будет двигать содержимое. Как будет лучше и правильнее, двигать паддингом блок "block" Или создать дополнительную обертку для содержимого блока <div class="block"> <div class="obertka"> <h1>Заголовок</h1> <img src="image.png"> <p>Текст абзаца</p> </div> </div> и двигать уже маргином блок "obertka"
0 votes7 answers -
Перемещение фокуса
Имеется код вида: <form action="" method="post"> <input type="text" /> <a href="#">создать аккаунт</a> <input type="password" /> <a href="#">вспомнить пароль</a> </form> Условие: Фокус на первом инпуте (text)/ Проблема: При нажатии на «Tab» фокус, по крайней мере в Хроме, перемещается на ссылку «создать аккаунт», а не на input с type="password". Как такая проблема решается? P.S. Поиск мне не помог (ну или я просто не умею его готовить).
0 votes5 answers -
Проблема с максимальной шириной сайта.
Я новичок.Мой первый и единственный сайт: http://aboutme2.h16.ru/ Не могу избавится от колеса прокрутки страницы по горизонтали! Помогите...Если найдете еще ошибки , укажите мне на них.
0 votes6 answers -
зазор между инлайновыми элементами
подскажите пожалуйста почему на этой странице между .logo и h1 есть зазор? то есть при перемещении курсора по горизонтали, на которой находятся эти элементы, курсор в некоторый момент меняет свой тип если можно, подскажите как решить проблему
0 votes3 answers -
Автоуменьшение горизонтального меню
Здравствуйте, есть горизонтальное меню оформленное через CSS, вроде бы как надо сделано, но при уменьшении окна последний блок меню сползает вниз, а хотелось бы чтобы меню уменьшалось всего навсего, нет конечно оно уменьшается, но всё равно как-бы не успевает. вот url демо-сайта: http://trebolka.16mb.com/ попробуйте уменьшить окно и будет видно как один пункт меню перейдёт ниже вот CSS код: #mainmenu { width: 100%; } #mainmenu ul { list-style: none; display: table; padding: 5px 0px; margin: 0px auto; } #mainmenu li { list-style: none; display: block; float: left; margin: 0px 1px; } #mainmenu li a { display: block; float: left; height: 66px; color: #fff; tex…
0 votes4 answers -
Выбор цвета для ссылок в для псевдо класса hover
Подскажите пожалуйста, какими методами пользуетесь при выборе цвета для ссылок в состоянии hover
0 votes4 answers -
Проблема с каруселью
Добрый день! Может кто сможет помочь с моей проблемой, на Word Press поставил стандартную карусель из Bootstrapa, всегда она работала просто идеально, а сейчас начался какой-то бред, слайды идут непонять как (первый идет нормально, второй пустой, потом выползает обрезанный и расширяется до нормального состояния, и все это приводит к прыганию контента) Пытался что-нибудь проверить с помощью Firebug, но он мне показал что какая-то ерунда со слоями, вроде навожу мышку на слой с текстом, а фаербаг показывает что ему кажется этот слой ниже...Никогда такого не было. В принципе на картинке видны обе проблемы Может кто с этим встречался? Или примерно знает как исправить?
0 votes7 answers -
Вопрос по галерее nextgen gallery
Добрый день. В этом альбоме http://www.btn.kiev.ua/galereya/nggallery/nelzya/oshibki-v-stroitelstve/ нужно вставить внизу всех фото ( между фото и социальными кнопками ) описание галереи. Подскажите как это сделать?
0 votes4 answers -
Меню со стрелкой навигации
Необходимо сверствать вот такое меню: Само меню более-менее сверствать удалось, но не знаю как быть со стрелкой, где, куда и каким образом её разместить? Если бы она была внутри блока можно было при помощи background: url() no-repeat bottom; но bottom оставит её лишь внутли блока, а нужно вынести наружу. #topmenu { height: 32px; background: #050505; } #topmenu ul { float: left; padding: 0px 0px 0px 86px; } #topmenu ul li { float: left; display: block; line-height: 30px; } #topmenu ul li a { height: 32px; display: block; text-decoration: none; text-transform: uppercase; text-align:center; padding: 0 16px; } #topmenu ul li a:hover, #topmenu ul li a.select { he…
0 votes2 answers -
Position:absolute и скроллбар
Здравствуйте. http://jsfiddle.net/ovwtsab7/ По ссылке вы можете увидеть схематическое меню сайта (красный блок) и два блока (синих) с фоновыми изображениями для декорации меню. При уменьшении окна браузера синие блоки должны уезжать за пределы видимости, как и происходит с левым блоком. Проблема заключается в правом блоке, из за которого появляется горизонтальный скрол. Подскажите, как добиться такого же результата, как и с левым блоком.
0 votes3 answers -
Как сверстать такую схемку
Не подскажет ли кто - как сверстать такую вот схемку без использования картинок на чистом css ? Пусть даже фигурки будут прямоугольные без загибов....
0 votes7 answers -
Календарик
Всем привет, подскажите есть ли такой календарик на js http://take.ms/d7bJyi чтобы можно было входные данные задавать чтобы выделять даты на календаре.
0 votes3 answers -
Как сверстать такой блок?
Всем доброго времени суток! Нужно сверстать вот такой блок. Не могу понять как правильно сделать подобную рамку. Пробовал через border-image - рамка отображается только слева и справа от блока. Закругления по углам так же не работают, ну и как сделать стрелочку тоже не знаю. Пробовал и так и сяк. Помогите пожалуйста. Заранее спасибо!
0 votes2 answers -
Переменные input
Как сложить переменные, которые в таблице вставлены в <input>. Какой тег, или скрипт нужно использовать что бы получилась формула? Спасибо.
0 votes2 answers