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
-
IE6 проверка
Здравствуйте, уважаемые форумчани. У меня стоит ubuntu 11.04 и я понятия не имею как мне проверить свой сайт, кроме как глюченным wine IE6, которому я не верю. Вопрос стоит в том что я совершенно не смог найти ссылку, которую множество раз встречал здесь - проверки с помощью какой-то программы на валидность, толи сайта. Прошу - дайте мне ссылку.
0 votes6 answers -
Интересный вопрос про javascript
Увидел на сайте интересную картинку в теге head <!-- <script type="text/javascript" src="/js/modernizr.custom.12270.js"></script> <link rel="stylesheet" type="text/css" href="/css/all.css" media="all" /> <script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="/js/jquery.disable.text.select.js"></script> <script type="text/javascript" src="/js/complex-popup.js"></script> <script type="text/javascript" src="/js/call-order.js"></script> <script type="text/javascript" src="/js/manager-order.js"></script> <script type="text/javascript…
0 votes6 answers -
Формы. Атрибут accesskey
Почему у меня не работают сочетания клавишь ALT + B и ALT + H??? и какие замечания вы мне сделаете по коду?? <meta charset="utf-8"> <h2>Регистрация пользователя</h2> <p>Пожалуйста заполните все поля, чтобы зарегистрироваться на сайте:</p> <form> <fieldset> <legend accesskey="u">О <u>В</u>ас(ALT + </legend> <table> <tr> <td><label for="Uname">Имя пользователя</label></td> <td><input type="text" id="Uname" name="txtUserName"/></td> </tr> <tr> <td><label for="Pwd">Пароль</label></td> <td><input type="pa…
0 votes1 answer -
Ширина input
Есть элемент input на странице обвернутый в div: <div id="main-image"> <input id="fileupload" type="file" name="fileUpload[]" data-url="/file/upload-image"> </div> Со стилями для всего этого добра: #main-image { border: 1px dashed #b3b3b3; width: 280px; height: 200px; } #fileupload { position: relative; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; height: 100%; width: 100%; } Потом выбраный файл хендлится при помощи jquery file upload. Вопрос. У меня область в котором я попадаю на инпут значительно больше, хотя через…
0 votes3 answers -
Как правильно реализовать?
Здравствуйте! Подскажите пожалуйста как правильно реализовать подобное? Ширина блока 100%, сверху линия, а между ней должен быть текст по центру. Мне приходит на ум, что текст можно абсолютно спозиционировать. А как бы вы сделали? P.S желтым просто текст закрасил.
0 votes2 answers -
Что за эффект?
Всем привет! Подскажите, как можно сделать такой вот эффект: http://joxi.ru/n2YY0kKcwb5526- левая картинка без ховера, правая с ховером. Может, кто делал подобное, кажется, что не трудно, но нормальных идей нет=( Заранее, спасибо!
0 votes3 answers -
Заголовок с горизонтальной линией по центру
Всем привет) Есть заголовок, по центру горизонтальная линия. Пока он помещается в одну строку - всё хорошо, проблемы с длинным заголовком: http://jsfiddle.net/d7u6Lcf8/ Согласно дизайна должно быть так: http://clip2net.com/s/3khqHjc Ребят, подскажите, реально ли так сверстать или это мечты дизайнера?
0 votes5 answers -
неправильная реакция браузера Mozilla Firefox на media query
В шапке у меня прописан вьюпорт <meta name="viewport" content="width=device-width, initial-scale=1">в css у меня прописано свойство body{ background: coral;}@media screen and (min-width: 480px){ body{ background: green; }}Но, смена фона происходит не на 480 пикселе, а на 463px. В хроме все в порядке. Может кто сталкивался, подскажите в чем причина? я хочу, чтобы изменения происходили четко после 480px
0 votes1 answer -
Flexbox вместо masonry?
Привет! Есть галерея в конце страницы, построенная на masonry https://www.farmadental.ru/doctors/balayan Подозреваю, что на флексе сделать такое вполне реально, более того, нашел пример, демонстрирующий прекрасный результат Но для флекса по колонкам нужна ограниченная высота контейнера, которая в моем случае всегда разная, т.к. количество и размер элементов всегда разные. Реально ли как-то добиться этого без использования JS ?
0 votes1 answer -
неопознанные типа-теги
<a href="java script:void(0)" onclick="popupShowText(Первое окошко: Этот текст должен появиться во <i>всплывающем окне</i> и определен прямо на <b>месте вызова</b>.</p>')" class="popup">здесь</a> поясните, пожалуйста, наличие знако рядом с &?
0 votes1 answer -
Моргание блока при наведении в IE
Имеем меню, на mootools в ie проблема, моргает текст в блоке меню... присваиваю по onmouseover visibility = visible во всех браузерах ок, кроме IE Как решить проблему для IE? Пример
0 votes0 answers -
Глюк в ie 6.0 Голову уже сломал.
Вот собственно адрес глючной страницы http://web64com.hostfabrica.ru/kvartiry-posutochno/22/ Со всеми браузерами ОК, а ИЕ 6.0 издевается - то отобразит текст, то спрячет. На остальных страницах сайта подобные издевательства не замечены.
0 votes2 answers -
body background
Взял обычный фон <style>body {background: url(images/fon.jpg) no-repeat top;} } </style> Можно ли и как наложить на него картинку, чтобы она тоже находилась по центру экрана, например вверху (картинка то накладывается, да многократно)
0 votes1 answer -
как облегчить работу браузеру?
В каком случае браузер меньше напрягается? Допустим есть десять блоков которые оформлены одинаково, мы все привыкли(я по крайней мере) задавать этим блокам один класс и уже его стилизовать в CSS. Да нам так проще и CSS файл получается меньше. Но как лучше для браузера, как ему легче отрисовывать блоки, когда у них один класс и они оформлены одним правилом CSS или когда каждый блок имеет индивидуальное правило. В частности интересуют IE7/8 и их особенности. Может где то можно почитать на эту тему?
0 votes6 answers -
Как подвесить картинку над контентом?
Есть: <span><img>text</span> Задача: Надо сделать так что бы img оказалась сверху text, те не занимала место на странице а выводилась поверх текста используя тольок CSS для img. Пример: https://catlair.net/index.asp?&Body=Bod...Page&edit=2 Как карандашики сделать висящими над контентом?
0 votes2 answers -
Проблема с float
привет всем) я чайник в верстке, учусь. Хотя, думал, с флоатом справлюсь... Суть проста. Есть два блока, по 50% ширины каждый. Ставлю каждому float: left; width: 50%; (бордер для наглядности проблемы) результат причем происходит все так. Есть класс .block, для которого стоят только отступы. Так как они одинаковые для всех. .block { margin-bottom: 30px;} Ну и классы .w50p {width: 50%;} .floatleft {float: left;} Прописываю <div class="block w50p float">бла бла</div> <div class="block w50p float">бла бла</div> ЕСЛИ прописать дополнительно .block {margin-bottom: 30px; float: left;} То блоки становятся ровно, зато лезут другие косяки, связанные с от…
0 votes4 answers -
Вопрос по макету
Скриншот Как называются эти синии линии? Для чего они нужны? Что можно прочитать про них? По какому запросу искать статьи, чтобы понять что такое и для чего оно нужно?
0 votes2 answers -
Позиционирование (z-index)
Приветствую! Просьба подсказать, какие свойства нужно добавить элементу div id="recall_form на сайте nravitsa-nosi.ru, чтобы форма обратного звонка находилась поверх всех остальных слоев?
0 votes3 answers -
Верстка "слайдера"
Как сверстать блок с шириной 100% окна браузера, в котором есть несколько других дочерних блоков, принимающих его ширину? Из всех дочерних блоков виден только один. Это нужно для того, чтобы, например, при нажатии на кнопку дочерний блок сдвигался вбок, и стал виден второй блок.
0 votes3 answers -
Вырпавнивание текста в формах
<form action="NEWDOC.php" method="POST" name="New"> <p><label>email: <input type="text" name="email" maxlength="35" id="email"/></label></p> <p><input type="submit" value="Отправить"/></p> </form> Как сделать чтобы email находился на одной линии с input'om а не по центру!?
0 votes10 answers -
Не указывание протокола для ресурсов
Нашёл от гугла такую рекомендацию. В ней рекомендуется для URL ресурсов не указывать протокол, а делать примерно так: background: url(//example.com/image1.gif). Польза от этого в том, что тогда изображение будет доступно всегда, какой бы протокол для страниц не использовался: http или https. На самом сайте google.ru такая методика кстати и используется. Что думаете об этой технике? Нужна ли она и когда эффективна?
0 votes2 answers -
спрайты CSS
Не могу настроить спрайт для фонового изображения. Скажите возможно ли это если у меня фоновое изображение повторяться по вертикали и по горизонтали так как оно маленькое то есть не во всю страницу сайта. Вот код CSS. body { margin-top: -3px; background: url("./images/logo.png") #F3F4F4 fixed; }
0 votes4 answers -
На что ориентироваться
Доброго времени суток! Я, можно сказать, начинающий верстальщик и хочу определиться, как верстать правильнее и нужнее. Многие говорят, что до сих пор, стоит верстать под ie6 и всех его предшественников. Но взяв статистику рунета, явно видно, что доля браузеров IE6 составляет всего 0,5%. Когда другие браузеры составляют намного большую значимость. http://www.liveinternet.ru/stat/ru/browsers.html - вот статистика. Что же делать? Под IE8 верстать, я согласен, это не составляет огромного труда. Но IE6 - это АУТ!!!
0 votes4 answers -
Отображение блока div поверх flash-анимации
Доброго времени суток! Помогите решить проблему: На странице есть iframe, который подключает файл с флеш-роликом: <iframe src="../../360_240х400.swf" width="240" height="400" frameborder="no"></iframe> И есть див, выезжающий сбоку экрана (форма обратной связи и все дела). Вот этот див, когда он выезжает, оказывается под флеш-анимацией. Причем, только в Хроме. Подскажите, в чем может быть косяк и как его устранить? Заранее спасибо!
0 votes1 answer -
Почему не работает border collapse?
Почему-то у меню http://www.zhitlegko.myjino.ru/ не работает collapse, и бордер получается двойной. В чем могут быть причины?
0 votes2 answers