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
-
Вопрос по ссылки
У меня такой вопрос: у меня на сайте, на каждой странице есть ссылки (они одинаковые на всех страницах) которые я часто обновляю, как можно сделать чтобы их можно было изменять в одном месте, а на всех страницах они сами обновлялись, т.е. что бы не приходилось вручную на каждой странице изменять. Заранее благодарен.
0 votes1 answer -
в ie6 не работает background
Есть картинка 556x166. Нужно ее повторить по горизонтали. Пишу background-image: (''); background-repeat: repeat-x; ie6 просто растягивает картинку по всей ширине а не повторяет. в других браузерах нормально
0 votes1 answer -
не корректное отображение в Opera
Всем привет! Помогите пожалуйста, при верстке одного из сайтов столкнулся с проблемой, в IE8 и Google Chrome поля Textarea отображаются корректно а в Opera они меньше по размерам как решить данную проблему? вот код: <textarea ROWS=1 COLS=40 style="margin-left:20px"></textarea> <br> <textarea ROWS=1 COLS=40 style="margin-left:20px"></textarea> <br> <textarea ROWS=6 COLS=40 wrap="soft" style="margin-left:20px"></textarea>
0 votes2 answers -
Отображение списка
Доброго времени суток. У меня возникла проблема необходимо сделать меню одним списком, только что бы оно отображалось примерно так: Проблема как раз состоит в том что блок меню ограничен по высоте и то что не влезет должно отобразится сбоку. Подскажите это вообще реализуемо?
0 votes2 answers -
Отступы
ставлю отступ margin-left:auto;margin-right:auto; в Опере все норм,а вот в FF не понимает этот код,как исправить? извините уже разобрался
0 votes1 answer -
Блок в блоке со смещением
Как сделать так, что бы второй блок находился в первом и что бы часть блока была смещена и скрыта на несколько пикселей.
0 votes2 answers -
background и IE
На сайте необходимо фоновое изображение растянуть по ширине экрана. Для этого использую: #header-panel { background: url(../images/style2/bg-top.jpg) 0 0 no-repeat; background-size: 100%; -moz-background-size:100%; -webkit-background-size:100%; -o-background-size:100%; -khtml-background-size:100% auto; } Но IE игнорирует и отображает картинку не растягивая. Подскажите, как разрешить эту проблему? Может есть специально для IE свойство или решение?
0 votes2 answers -
Как эффективнее решить проблему
Приветствую! Нужна помощь опытных верстальщиков. Недавно заинтересовался версткой с помощью CSS и встал в тупик. В общем ситуация такая: 1 - { [————--HEADER————] } 2 - { [div_border1][div][div_border2] } Блок div строго по центру с фиксированной длиной 1000 пикселей. Блоки div_border1 и div_border2 заполняют пустое пространство шаблоном шириной 1 пиксель. В блоках картинки с прозрачностью и тенью соответственно, т.к. будут еще элементы позади этих блоков. Пространства между блоками быть не должно. Элемент делается для так называемого "резинового сайта".
0 votes2 answers -
Повышение квалификации. Критика
Здравствуйте. Нужен разбор нижеследующего кода. Не ахти какая сложная вёрстка, нужно узнать что же я наверстал на самом деле . Данный код представлен как строгий xhtml 1.0, но я не вижу причин, по которым он не мог бы корректно отображаться в IE6 или как HTML 4-5 (естественно, придёться подкорректировать некоторые "лишние" мелочи например самозакрывающиеся тэги). Где можно толково почитать про вёрстку под CMS: Joomla, Wordpress и т.д. Со временем собираюсь выложить сюда шаблоны под них тоже. Ссылка: http://rat-worker.ucoz.ru Очень хочу сориентироваться. Спасибо.
0 votes3 answers -
Макет фотошопа и шрифты
Каким образом определяется какой размер шрифта нужно отверстывать? То есть я захожу в фотошоп, беру соответствующий инструмент, смотрю какой шрифт и ставлю такой же в css-файле. При этом размер шрифта я также смотрю в фотошопе, то есть если там стоит например 12pt, то я указываю font-size: 12pt; 1. Я делаю верно и соответственно шрифт в верстке будет такой же как и в оригинальном макете? 2. При верстке шрифт должен подбираться визуально?
0 votes1 answer -
Тэг width в таблице
Есть страница: http://magazin.wingstv.ru/product/strike-on-friends-fight-for-space/ Как видим, видео находится внизу. Есть задача разместить видео справа от текста. НО при добавлении столбца справа столбец с текстом суживается. На htmlbook написано: "В случае, когда это невозможно, например, в таблице находятся изображения, атрибут width будет проигнорирован, и новая ширина таблицы будет вычислена на основе ее содержимого." Как сделать, чтобы при размещении видео справа от текста ширина левой ячейки не менялась? Спасибо!
0 votes14 answers -
URL изображения
Привет всем! При вёрстке сайта я столкнулся с небольшой проблемой. Я привык добавлять изображения через css. Шапка сайта должна быть кликабельна, что мне не получается сделать. Отрывок из html кода: <div id="header_2"> <a href="http://feers1de.ru/"><img scr="/images/header_2.png"></a> </div> Отрывок из css кода: #header_2 { position: relative; width: 686px; height: 168px; } Размер шапки - 686x168px. Прошу помощи.
0 votes4 answers -
margin-top для p опускает div
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> <style> *{margin:0;padding:0;} .bl_1{ height:54px; width:403px; background:#000; font-size:27px; color:#fff; font-weight:bold; } .bl_1 p{ text-align:center; } .bl_2{ background:#ffd500; width:136px; height:49px; margin:3px 3px 2px 3px; color:#000; float:left;} .bl_2 p{text-align:center;margin-top:10px;} </style> </head> <body> <div class="bl_1"><div class="bl_2"><p>АВТО</p></div><p>ХИМЧИСТКА</p></div> </body…
0 votes1 answer -
Всплывающее окно просмотра
Кто подскажет простое всплывающее окно для просмотра фоток фотки разных размеров,и чтобы оно подстраивалось по пропорции но было не больше чем max-width, max-height, и меньше min
0 votes2 answers -
Сложная страница под разные разрешения с передвижением контента
Здравствуйте Коллеги, прошу о помощи. Заказ исполнить чат, всё сделали, по размеру экрана трансформируется, всё зашибись. Но есть одна проблема, приватная комната должна выежать наверх при нажатии на закрученую лесенку, вот как это должно работать: вот тут шаблон, можно поиграться с размерами. http://prostor.net/pubchat/ Получается что в первом случае двигать вверх вообще не надо, а во втором надо, причём процентов на 40%, что бы вылезла эта комната. При этом всё должно катиться плавно. Второй день сижу, голову сломал, можно ли это реализовать через CSS юзая jQuery для переката? Спасибо!
0 votes1 answer -
Условные коментарии
Подскажите плз почему IE8 и IE7 не подключает этот файл, который записан следующим образом: <!-- [if lte IE 8]> <link href="view/skin1/css_main_ie.css" rel="stylesheet" type="text/css" /><![endif]-->Если убрать символы комментариев и условия то файл подключается.
0 votes6 answers -
проблемы с менюшкой
при нажаие каталог ,тобиш menu item 15 ,ничего не происходит как бы я не обращалась к этой сcылке и через id и через li ul .что делать если забрать дисплей нон то вылетает только 3 уровень меню! все это на вордпрессе , менюшка из файр бага ,как есть так и скинула. <div id="container"> <div id="sidebar"><div class="menu-sample-hmenu-container"><ul id="menu-sample-hmenu" class="menu"><li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14"><a href="http://wpmon1/?page_id=10">Головна</a></li><li id="menu-item-15" class="menu-item menu-item-type-post_type menu-item-object-page curren…
0 votes5 answers -
Ссылка на сайте. Чтоб открывала вкладку.
Добрый день, бороздя просторы интернета нашёл такую интересную вещь. Тыкаю на ссылку мне открывается новая вкладка №2, а в кладка №1 меняет свой адрес на другой. тоесть вот так. БЫЛ НА test1.ru, а стала test2.ru. Как это сделать?
0 votes0 answers -
"Непослушная" кнопка
Вот какие дела! Кнопка не реагирует ни на какие методы её логического позиционирования! Она сдвигает свою "попу" с места только при самом грубом позиционировании (position:absolute). А относительно блока content ни в какую! Вот кусочек кода кнопки и текстовых полей
0 votes4 answers -
inpur range диапазон
Доброго времени суток. Подскажите, пожалуйста, как можно реализовать второй ползунок к input range, чтобы отображать диапазон значений, не используя плагины jquery. <input type="range" id="r1" oninput="fun1()" min="0" max="1000" step="10" value="0" > <input type="text" id="i1"> <script> function fun1() { var rng=document.getElementById('r1'); var i1=document.getElementById('i1'); i1.value=rng.value; } </script>
0 votes1 answer -
Как изменить полосу прокрутки браузера
Делаю тёмную тему для сайта. Заметил что светлая полоса прокрутки портит весь вид (на светлом шаблоне всё выглядит нормально). В гугле нашел несколько статей, но работает это как-то криво. Скажите пожалуйста, есть ли нормальное кроссбраузерное решение по изменению полосы прокрутки. Всё что мне надо - изменить цвет. Да, и, стоит ли из-за этого беспокоится ) Спасибо.
0 votes2 answers -
Векторная графика
Здравствуйте. Вопрос к практикующим верстальщикам. Учусь делать верстку, появился такой вопрос. Обязательно ли всю графику делать векторной из макета? Какую именно графику делать векторной или всю? Используете ли для этого платные сервисы? Спасибо!
0 votes3 answers -
Вопрос по верстке с psd
Всем привет. Пожалуйста расскажите как верстать большие макеты? У меня монитор 1024px в ширину, а макеты обычно от 1200 и шире. Я макеты в фотошопе уменьшал до 1024px (но это наверное не правильное). Слышал, что можно верстать в оригинале, но с полосой прокрутки (а это не удобно) и как его потом адаптировать под мой экран? Вообще расскажите как правильно, как вы это делаете?
0 votes3 answers -
Неравномерный градиент
С помощью градиента в качестве фона хочу подсвечивать колонки в макете. Чередуются красные полосы процентной ширины с зелеными полосами фиксированной. В теории все вроде бы просто, на практике ширина зеленых полос различна + присутствует размытость. Что я делаю не так? Демо
0 votes3 answers -
Загвоздка с css
Есть такая страничка <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test jQuery</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="ajax.js"></script> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ $("table.table_body > tbody > tr > td").css("vertical-align","top"); $("a").click(function(){$.get(this.href,function(data){ $("#parents").css("display","none").empty().append(data).fadeIn("slow"); })…
0 votes1 answer