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
-
выравнивание по центру
Как сделать, чтоб основная страница была по центру, то есть поля правое и левое были одинаковы, и при уменьшении масштаба страница была по центру окна браузера? http://truebooks.ru/
0 votes7 answers -
Помогите закруглить углы.
Использую плагин для jQuery, который выводит подсказку, когда курсор подводиться к ссылке. Так вот у этой подсказки углы закруглены с помощью свойств moz-border, работает это только в Mozilla Firefox, а Opera и Internet Explorer, это свойство воспринимать не хотят. В этом заключается вся проблема. Кто знает, как сделать закруглённые углы в данной ситуации? То есть свойство class наверное использовать нельзя, потому как его просто некуда применить, внутри ссылки, в title просто не получиться никакой стиль задать. CSS: p#vtip { display: none; font-family:Arial, Helvetica, sans-serif; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; …
0 votes1 answer -
<table> и Opera
Доброе утро всем! Помогите пожалуста... Вложеная таблица (вложена в ячейку другой таблицы) убегает вниз, но почему то только в Opere, в IE нормально всё. Почему так, как можно исправить? Вроде все перепробовал, всякие align, valign ((
0 votes6 answers -
Выравнивание ячеек в таблице.
Добрый день. Имеется таблица <table width="500px" > <tr> <td width="250px"></td> <td width="250px"></td> <td width="250px"></td> <td width="250px"></td> </tr> </table> С заданной-фиксированной шириной, в ней находятся ячейки у которых так же фикс ширина, к примеру у табл - 500, а у ячеек 250. Необходимо чтобы в одной строке было не более 2-х ячеек (<td width="250px"></td>). Это нужно для - скрипт вытаскивает из бд картинки и вставляет их в ячейки: <table width="500px" > <tr> <?php while(..в табл есть изображения..) {<td width="250px">....</td>} ?> </tr&…
0 votes9 answers -
CSS or Img
Добрый вечер Уважаемые! Интересует вопрос по концепции вёрстки. Как Вы считаете, например тот же градиент лучше верстать с помощью картинки или задавать css3 & filter(ie) Или border-radius, что лучше, перечислять все вендорные свойства или просто создать 4 доп блока и позиционировать их внутри родителя(всегда так делаю)
0 votes19 answers -
0 votes7 answers
-
Скошенный угол перед блоком
Здравствуйте! Подскажите, пожалуйста, как правильно сверстать блок меню, который изображен на картинке. Вот ссылка на верстку меню - http://jsfiddle.net/t2363/ Заранее благодарю за помощь!
0 votes7 answers -
Проблема - точки между буквами
Добрый день, столкнулась с проблемой верстки части макета (найден в сети). В меню точки поставила через list-style-image, а вот как поставить точки в заголовке между буквами - без понятия. 1 вариант - вставить весь заголовок картинкой. 2 вариант - сделать так же, как и в меню - каждую букву обернуть в li + list-style-image. может есть еще какой-то вариант, о котором я не знаю?
0 votes5 answers -
Баг при hover-эффекте
Несколько раз уже с таким сталкивалась, почему он возникает и как с этим бороться пока не удалось выяснить. При наведении на кнопку, появляется что-то вроде левого бордера, хотя его там никогда не было. Наблюдается это только в хроме. На скрине кнопки сделаны дивами, еще видела такое с ссылками. В данном примере баг появлялся при задании кнопкам марджин по горизонтали - auto. То есть при центрировании. Может кто-то знаешь, что это такое и как бороться?
0 votes4 answers -
Основные моменты адаптивной верстки
Начинаю делать адаптивный сайт, начал изучать данную тему глубже и встали несколько вопросов, очевидных ответов на которые не нашел: 1) как лучше подключать media queries- внутри основного css файла, или подключать через <link>? 2) какой подход лучше использовать - от mobile first или наоборот? 3) минимально под какие разрешения надо делать отдельные стили?
0 votes9 answers -
Фиксированное положение кнопок в мобильной версии сайта
Доброго времени суток! В мобильной версии есть кнопки переключения между слайдами (страницами), но они постоянно по середине страницы. Как сделать что-бы кнопки были фиксированы по середине экрана? Т.е. страницу мотаем кнопки постоянно по середине и видны? Сайт
0 votes3 answers -
Как растянуть боковое меню по высоте между шапкой и подвалом?
Требуется следующая конструкция: Сверху шапка - height:50px; Футер всегда внизу - height:50px; По центру боковое левое меню с border-right:1px solid black; width:200px; и контент. Верстка "резиновая". Надо растянуть левое меню на всю высоту оставшуюся между шапкой и подвалом даже если контента мало. Притом если убрать левое меню, контент растянется на всю ширину экрана, если убрать шапку, то середина должна сместиться на освободившееся место. Если бы не было разделителя border-right , то не было бы необходимости растягивать левое меню. Подскажите пожалуйста способ .
0 votes0 answers -
Не работает в IE. Можно ли исправить?
Здравствуйте. Запускаю сайт на WP. Очень понравилась тема iNoereN (http://www.inoeren.com/), хотел ее использовать для создания блога, но... В правом верхнем углу в сайдебаре есть переключающийся блок, который не хочет работать в "любимом" браузере IE. Подскажите пожалуйста, возможно ли это исправить?
0 votes2 answers -
Проблемы с резиновой блочной шапкой
Здравствуйте, делаю шапку для сайта хотел сделать на div , а не табличную, но не получается что-то, может кто-то может подсказать Шапка имеет вид все блоки по горизонту 1div(ширина фиксирована) 2div(ширина фиксирована) 3div(ширина тянучка) 4div(ширина фиксирована) У меня получилось реализовать только объединив 3div и 4div, и поставив 4div в правом углу 3div Хотел спросить можно как-то реализовать что б "3div" отдельно был тянучкой ?
0 votes4 answers -
Лист гипер-ссылок и маркеры
При наведении курсора на лист ссылок должна появлятся в качестве маркера картинка. Как это сделать чистым CSS в IE и Opere одновременно? li:hover {list-style-image: url(2.jpg);} - это работает только в опере =(
0 votes4 answers -
Страница тормозит при скролинге, если её растянуть
Всем привет. Столкнулся со следующей проблемой - есть готовый сайт(ссылка ниже), мне надо было просто добавлять фотографии. Вот линк на страницу с проблемой(хотя эта проблема возникает с каждой страницей на этом сайте, которую я изменяю) - http://www.elena-company.de/ru/custom.html Как только я растягиваю эту странице немного вниз(фоны и т.д.), то она начинает тормозить при скролинге(особенно хорошо это видно в фаерфоксе с включённой опцией "smooth scrolling". Тоесть проблемы начинаются сразу после растягивания. Что я делаю не так? Изначально страница выглядела так - http://www.elena-company.de/ru/custom_good.html Как Вы можете заметить - скролинг не тормозит Очень над…
0 votes8 answers -
Отключить вопрос "сохранить изменения или нет" фотошоп
Когда открыто 20 файлов и я их всех закрываю ctrl+w, на каждый есть вопрос "Save changes to the document?". Нельзя ли это отключить? В Preferences -> File Handling этого не нашел. В конце концов может это в виндовс можно отключить? Лично я всегда жму ctrl+s, если делал изменения, склерозом не страдаю. Хоть в редакторе, хоть где угодно. П.С. тему создаю в проблемах верстки, потому что это действительно проблема верстки, когда по 30 файлов так надо закрывать.
0 votes1 answer -
Изображение выходит за пределы, включается прокрутка страницы
Здравствуйте. Только недавно начал заниматься вёрсткой, столкнулся со следующей проблемой: Имеется сайт, дизайн центрированный (фиксированный), в футере изображён паркетный пол. По задумке, при маленьком разрешении экрана пользователя, слева и справа пол должен быть обрезан (по красной лини на приложенном изображении), а при большом, соответственно, должен быть виден весь пол. Вроде, задача несложная =/ Однако, слева у меня всё нормально, а правое изображение отображается полностью и в связи с этим включается горизонтальная прокрутка страницы. У меня div'ы отдельные для шапки, меню, контента и футера. В блоке футера вложены ещё div'ы с изображениями-кусками пола и им п…
0 votes12 answers -
Как отобразить кнопку в Google Chrome?
Дело в том, что в мозиле отображается всё нормально а в гуле нет. Помогите решить проблему? Код кнопки: <div class="cont2" align="center"> <input id="wm-pay-button" class="pay-button" type="submit" value="Отправить" alt="Осуществить платеж с Webmoney!" name="wmsubmit"> </div> Css .pay-button { -moz-box-sizing: border-box; background: -moz-linear-gradient(center top , #00B4F5 0%, #0096D2 100%) repeat scroll 0 0 transparent; border: 0 none; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 2px 4px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 100, 145, 0.5); color: #FFFFFF; display: inline; font-size: 15px; height: 30px; li…
0 votes7 answers -
Проблема с версткой
Помогите решить проблему в блочной верстке, после того как в левой колонке сделал выпадающее меню не могу вставить центральный див и подвал. Задаю размеры , в результате эти блоки не появляются вообще <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript" src="scripts/cufon-yui.js"></script> <script type="text/javascript" src="scripts/konkord.font.js"></script> <script type="text/j…
0 votes2 answers -
Валидация HTML5
Валидатор считает данный код не валидным <a href="javascript://" onclick="rp(203,1)" style="text-decoration:none">из-за "javascript://". Чем можно заменить? Якорь перебрасывает наверх страницы(
0 votes6 answers -
Тень у элемента
Всем доброго времени суток. Мой вопрос о тени элемента(как не странно). Тень бывает разной, ну например как у этой кнопки: Может не очень видно здесь, но у нее несколько теней разной степени прозрачности и это не размытие(а даже если и оно, не суть важно), ведь тени могут быть разнообразные, да и эмпирическим путем подбирать пол часа тень на кнопку даже если тень простая, не очень верно мне кажется. Есть ли инструмент который позволяет быстро из картинки например строить тень в css, или если нету, то как этот процесс ускорить? Или может быть проще просто кнопку сделать картинкой?
0 votes5 answers -
Задать свой курсор в contenteditable
В Internet Explorer при наведении на элемент находящийся внутри contenteditable нельзя задать свой курсор. Вопрос: как задать свой? https://jsfiddle.net/3pdyhj8s/
0 votes2 answers -
position: absolute; и position: relative; для мобильной версии сайта
Добрый день! Жаль что у вас тут темы не удаляются, потому что когда писала, нашла у себя ошибку, а сейчас тему удалить не могу. Но сейчас не об этом. Есть не анимированный слайдер <div class="slider"> <div class="slider_site"> <img src="/images/slider_1.jpg" alt="DSC0604-min.jpg" border="0" class="img_slider"/> </div> <div class="slider_line"> </div> <div class="txt_left"> <h1 class="slider_h">АВТОМАТИЗАЦИЯ<br> КНС</h1> <div class="button"> <a href="#" class="button_a">Подробнее</a> </div&…
0 votes3 answers -
Прозрачность PNG и IE7
Значит столкнулся я с такой трудностью: мне нужна полупрозрачная кнопочка, для этого я понятное дело использовал PNG формат. Но есть еще одна беда. Кроме того что кнопочка прозрачная сама по себе, я меняю ее прозрачность с помощью стиля(filter:progid:DXImageTransform.Microsoft.Alpha(и т.д. и т.п.) и именно изза етого 7 експлорер выдает баги, а именно: под пнг картинкой появляется черный фон, после чего любые намеки на прозрачность пропадают. прописывание background:transparent мне не помогло. так же я думал сделать два дива, один из них задает первоначальную прозрачность, а второй уже будет менять просзрачность относительно первоночальной, но в моем случае это не возможно…
0 votes3 answers