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
-
Проблема с font-stretch
Доброе время суток! Буду очень благодарна за помощь. В .psd макете шрифт Microsoft Sans Serif , который в фотошопе растянут, в стилях я прописала тот же шрифт, тот же размер, а растянуть я хотела с помощью font-stretch, но не все браузеры понимают это свойство, к тому же работает не для всех шрифтов, Заказчик говорит что шрифт отличается, естественно, но я не знаю как решить эту проблему. Заранее спасибо.
0 votes10 answers -
table vs div+scc
Потратил день, сверстал страницу div+css. {top page} {left}{body} {bottom page} Ужаснулся замысловатости глюков на разных браузерах. Переделал с position:absolute на float:left. Поразился громоздкости кода. Потратил полчаса все убрал и передела на таблицу. Вид тот же. Глюков нет. Все изящно. Хочу узнать, что за дань моде заставляет говорить про некошерность верстки таблицами?
0 votes34 answers -
оконтовка букв
День добрый! кто знает возможно ли сделать тексту оконтовку, так сказать border для самих букв?
0 votes10 answers -
Какой должен быть код для скачки pdf файлов?
Здравствуйте. Задача: на сайте лежат файлы pdf. Как сделать так, чтобы при обращении к ним они скачивались на локальный компьютер, а не открывались в браузере? Запихнуть в архив - не решение проблемы, нужно, чтобы скачивался именно сам pdf-файл. Вообще такое возможно? Спасибо!
0 votes12 answers -
Можно ли вернуть в поток абсолютный блок?
есть 4 блока 0 - relative; 1 - static 2 - absolute (спозиционирован относительно 0 ) 3 - static 2 блок по высоте значительно превышает блок относительно которого он спозиционирован ( блок №0) Вопрос следующий: можно ли сделать так, что бы при случае если блок №2 будет превышать высоту блока №1, не залазил на блок №3, а смещал его в вниз собственно вот:
0 votes8 answers -
как упростить процесс создания сайта, или переменные в html. need help
во-первых, приветствую! это мой первый постинг на этом форуме. htmlbook - очень полезный для меня ресурс, и, я думаю, не только для меня, за что спасибо! но вот меня интересует такой вопрос, на который я здесь ответа не наш?л (может, просто плохо искал): как сделать эээ... переменные? не знаю даже как правильно называются такие вещи.. В общем, сайт простой, только html и css, каркас из одних таблиц. и вот пока сайт делаешь, меняются то одни, то другие детали, и приходится каждую страницу переделывать индивидуально, хотя элемент один и тот же. интересует следующее: можно ли сделать (в таблице) какое-то "нечто", которое при обработке страницы будет отображаться нужным значе…
0 votes10 answers -
Неполная обводка ячейки
В html я полный чайник. Возник такой вопрос: как сделать "неполную" обводку ячейки в таблице. Мне нужно чтобы "основа" ячейки №2 была без линии, а то получается что линия с таблицы №1 и линия с ячейки №2 склеились и как бы 2 пикселя.
0 votes12 answers -
Изображение по ширине ячейки
Привет ! Хочу сделать тянущуюся градиентную рамку в таблице. Думаю использовать простое градиентное изображение в jpg, которое должно растягиваться по ширине ячейки. Общая картина такая: _________________________________ |Угол|Градиентное изображение|Угол| ——————————————————- |——|—————————————-|——| |——|—————-Картинка———--|——| |——|—————————————-|——| |——|—————————————-|——| ——————————————————- Если вставить другую Картинку, то градиентное изображение должно растянуться соответствующе автоматически. Подскажите как можно растягивать градиентное изображение по длине ячейки, или во всяком случае чтобы так смотрелось?
0 votes16 answers -
Тег <code>
Столкнулась впервые с тегом <code> по долгу службы, заодно и с интересной проблемой. Если тэгом этим обернуть, например, кусок из яваскрипта, или css класс - все чудненько отображается как положено - пользователь видит код, а не результат его работы. НО. Иногда будет необходимость показать пользователю, например, кусок страницы с тэгами HTML. И тут тег <code> не помагает Т_Т Код отрабатывается, а не показывается. Банально такая строчка обрабатывается, а не выводится текстом: <code> Text</code> Гугл что то промычал в примерах, но примеры тоже по-чему то обработались, а не показались текстом 0_о (скрипт Hello World =_=) Разъясните, плз, как с ним об…
0 votes12 answers -
Как сделать такие же тени в css, как и на макете в PS
Здравствуйте! Имеется блок, у которого заданы вот такие параметры: Подскажите, пожалуйста, как сделать точно в css? Пробовала вырезать сам блок с тенями без бэкграунда - получается абсолютно не такой цвет как нужно: Должно быть так: А получается вот так:
0 votes7 answers -
Высший пилотаж CSS
Доброго дня, Уважаемые! Наткнулся случайно на немецком сайте http://www.yaml.de на интересные вещи. Сразу скажу, некоторые я увидел впервые. (рекомендую скачать примеры с их же сайта (вс? бесплатно) Download YAML ) А вот то до чего у меня не доходит или я просто шокирован таким применением...: (куски из разных мест) body { background: #4d87c7 url("../../../images/bg_blue.gif") repeat-x top left fixed; padding: 10px 0; } */ !компактно #page_margins { min-width: 740px; max-width: 80em; margin: 0 auto; border: 0px #889 solid; } */mini-width - даже не видел в применении... #topnav { color: #aaa; background: transparent; } */ прозрачный? как? #nav_main ul li#current s…
0 votes12 answers -
Резиновый блок
Здравствуйте. Я затрудняюсь на создании резинового блока. дело в том, что я делаю два резиновых блока, присоединённых друг за другом. если в файле стилей я прописываю 50% на каждый, то при смене разрешения они искривляются и искажаются, в зависимости от количества слов в тексте в них. Если у кого есть опыт, скажите, как сделать два резиновых блока. высоту можно сделать фиксированной 200px. <div>Блок 1</div<div>Блок 2</div
0 votes6 answers -
Задача: подключить css для выбранного <div>
День добрый други ! Общий вид задачи таков: Допустим есть 3 дива по порядку голова, боди, футер. Как подключить css файл так, чтоб его правила распространялись, например, только на Боди ?? Вроде как вариант - в сам боди вставить include. Но тогда стили зацепят и футер. Каскадные стили тоже не вариант (типа в самом CSS перед каждым свойством дописать .боди) - предположим что ЦСС менять нельзя. Есть ли варианты решения данной задачи ? ==================== И собственно, частные случай этой же задачи: Надо подключить bootstrap так, чтоб его стили работали только в определенном диве, а в других дивай этой же страницы он ничего не затрагивал (в частности он подм…
0 votes5 answers -
Пробел между картинками
Есть две картинки, нам надо их разместить вертикально одна под другой. Ничего сложного, используем следующий код. <p><img src="sample.gif" alt="1"><br> <img src="sample.gif" alt="2"></p> Так вот, при строгом доктайпе между картинками будет промежуток, при переходном доктайпе промежутка не будет. Проверял в Opera 9.2, Safari 3.1, FF 2. Один IE6 игнорирует доктайп и отображает без пробелов в любом случае. Никак не могу понять логику, при чем же здесь доктайп, однозначно влияет на line-height, которое меняется. Хотя казалось бы не должно. У кого какие соображения?
0 votes3 answers -
древовидная структура ссылок
Всем привет! Люди плз помогите как в html можно реализовать дерево ссылок. Тость что б в правой части окна было как в винде дерево (при нажатии на + открывалось все что прописано или лутьше все что в нем находится). Возможно ли это вообще?
0 votes4 answers -
Скрипт для Select'a
Вроде все просто но что то ни как не соображу имеется Select1 <select name="select1" onclick="selectValue(this.form)"> <option value="">Выберите значение</option> <option value="Уровень1">Уровень1</option> <option value="Уровень2">Уровень2</option> </select> и Select2 <select name="select2"> <option value="">Выберано значение</option> <option value="Выбрали2">Выбрали1</option> <option value="Выбрали2">Выбрали2</option> </select> Вот приметный код селектов Задача: при выборе у select1 значения "Уровень2", select2 должен перескочить …
0 votes32 answers -
PS - не работате crop на определенном psd
На других макетах все ок. А на этом - настройки кропа заблокированы.... И не работает кроп. Хотел выделить и вырезать изображение. Не получаеццо. Вместо того чтобы вырезать изображение, оно перемещается, при активированном инструменте "crop" Может этот psd защищен от копирования и тп. В чем может быть проблема?
0 votes8 answers -
Проблема с input кнопками на backgrounde
Переписываю дизайн сайта на divы. Имеется блок div, фоном которого является картинка. Но вот при размещении кнопок на нём фон за этими кнопками не отображается. Вот исходный код для блока, его кнопок и стили <div class='blocks'> <div> <img src='{THEME}/images/vote.png' width='195' height='70' alt='Голосование' /> </div> <div class='background'> {vote} </div> <div> <img src='{THEME}/images/nizleft.png' width='195' height='14' alt='' /> </div> </div> Содержимое блока(кнопки) <div style='padding-left:35px;'> <br /> <b>{title}</b> </div> <br /> <…
0 votes17 answers -
Не работает INSERT INTO
Друзья помогите пожалуйста с проблемой сам не пойму в чем она. Есть запрос mysql_query(" INSERT INTO blog (title, text) VALUES ('$title', '$text') "); он должен записать в бд его (phpmyadmin) но в чем весь сок он не записывает ошибок не выдает. В чем проблема? Для большего понятия я прикрепил 2 ссылки с кодами. Сам проект у меня на локалке (OpenServer).Спасибо! http://pastebin.com/YzfVjuk2 http://pastebin.com/jSdfWXYw
0 votes9 answers -
Принудительная отмена стиля
Здравствуйте. Подскажите пожалуйста, как можно принудительно отменить стиль таблицы, действующий для всего сайта. Имеется тема на wordpress. Там есть стиль (зебра), он распространяется на все таблицы, создаваемые на страницах. Но мне нужно просто вертикально выстроить картинки, решил применить табличку, чтобы было красиво, но они поочередно выделяются белым/серым фоном.
0 votes14 answers -
div фон
Подскажите пожалуйста ! Есть контейнер в нём все дивы в цсс пытаюсь сделать так,что бы у див лефт картинка была растянута и что бы это по ИЕ 7 подходило , но никак не получается...кто подскажет ??? #left{ background:url(i/170.jpg) center no-repeat; /*background: url(i/170.jpg) no-repeat;*/ /*background-color: #0ff;*/ background-size: 100% 100%; /*расстягиваем картинку под див*/ /*border: 1px solid #000000;*/ width: 70%; height: 400px; float: left; /*обтекание блока по правой стороне другим блоком*/ } <div id="container"><!--CONTAINTER STARTS--> <div id="header">header</div> <div id="…
0 votes42 answers -
Анимация открытия двери
Пытаюсь на основе этой темы сделать анимацию открытия двери при нажатии на нее. В общем, вот мои попытки. Никак не могу найти ошибку. Помогите, пожалуйста.
0 votes3 answers -
маштабирование
Как настроить сайт под маштабирование? Когда отдаляешь страницу , все элементы смешиваются , вот код, заодно можете сказать все ли в порядке с кодом? Или где-то дыряво написано <!DOCTYPE html> <html lang="ru"> <head> <title>Ethereal - Начать играть</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="assets/images/favicon.png"> <link rel="stylesheet" href="assets/css/StartTheGame.css"> <link rel="stylesheet" href="assets/css/Fonts.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:…
0 votes0 answers -
Ударение над буквами
Знаю, что есть ´ (акут) - вычитал на википедии. И там же увидел как его юзают. Захотелось попробовать, но когда я пишу догово´р, то получаю такую строку - договоґр. Возникает вопрос, а как делают на википедии, что ударение над буквой стоит? Посмотрел html - никакими тегами ударение не обрамлено, значит ни скриптом, ни стилями оно не сдвигается. Может в шрифте дело (хотя вроде там обычный Ариал юзают)? Кто-нибудь делал такое? О, случайно в сети наткнулся на решение оказывается есть в юникоде ́ (combining acute). И писать его надо перед буквой, типа докум́ент. Если кому интересно, то вот. Еще пишут, что не все шрифты его поддерживают нормально, но популярные (Arial, Trebuch…
0 votes4 answers -
Смещается горизонтальное меню вниз в Opere
Сделал шапку и горизонтальное меню. Во всех броузерах (Ghrome,IE,Ffox) отображается как и задумывалось ровно, а в opere смещается вниз во всех броузерах кроме oпeры: в опере: html-код: <body> <div id="header-null"> <div id="header"> <div id="rosa"> <h1>Розы</h1> <span>искуственные</span> </div> </div> <div id="navigation"> <div id="mymenu"> <a href="#">Главная</a> <a href="#">Цветы</a> <a href="#">Контакты</a> </div> </div> …
0 votes28 answers