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
-
Layers
У меня наверное очень дурацкий вопрос... Училась всему сама, поэтому толком спросить не у кого. Решила поработать со слоями. Вроде многое понимаю, но там народ использует css, что я только пытаюсь усвоить. Вопрос у меня такой: мне нужно сделать так, что-бы слои сообщались между собой, например слой с меню и слой с основным содержанием, что-бы работали ссылки, и что-б в слой не вставлять фрэйм, а открывать страницы полностью в слое. _____________________ P.S. Если можно подкинуть линки как это можно сделать без слоев, было бы тоже не плохо. Но кажется это как-то можно сделать в php..
0 votes12 answers -
Как правильно создавать адаптивную карту изображения?
Столкнулся с довольно простой задачей. Есть картинка с планом здания, там есть комнаты, они не все квадратные, некоторые неправильной формы. Соответственно нужно при наведение на некоторую комнату затенить область. На выбор были Canvas, SVG и Map, я решил использовать SVG. Все оказалось весьма просто, нарисовать через path комнаты, добавить на :hover затенение и отлично, однако возникла проблема. Стало необходимо ресайзить SVG не только с нарисованными областями, но и с картинкой на background. Вот пример http://codepen.io/anon/pen/WvXqOd
0 votes7 answers -
Не получается правильно задать слои
Почему слои нехотят быть на своих местах, все съезжает? Это сама страница: <body> <div id="headmenu" > Голова </div> <div id="mainmenu" > Цент </div> <div id="rightmenul" > Правая колонка </div> <div id="leftmenu" > Левая колонка </div> <div id="footmenu" > Нижняя </div> </body> Из этого видно, что хочу разделить страницу на 5 частей: Вот css, как делил: html, body{ margin:0; padding:0; } #headmenu{ position:top; height:70px; background-color:#AAAAA0; width:100%; } #leftmenu{ width:200px; float:left; position:relative; background-color:#AAAA00; } #mainmenu{background…
0 votes5 answers -
Окно всплива с ссилки
Подскажите пожалуйста хтмл код для всплива окна как на скрине... !!! Чтобы когда нажимаешь на ссылку то было окно в котором была оддельня информация и чтобы ее тоже можно было переделать в хтмл (тоисть например сделать другим цветом текст ... или там ссылку поместить и т.д. ) ну надеюсь вы поняли!!! )) Заранее спасибо!!! Скрин здесь!!!
0 votes5 answers -
CSS + SVG animation
1) Как реализовать, чтобы при наведении мышки начиналась анимация svg, без дубиката картинки (когда одна половина статическая, а другая движется, а css только сдвигает картинку). Хотелось бы напрямую. 2) Как реализовать, чтоб анимация была подвязана к положению курсора мыши (слева подвожу - одна анимация, справа подвожу - другая анимация) На сколько я понял в svg есть привязка анимации к css - не разобрался пока. Прошу помощи у тех кто разобрался.
0 votes1 answer -
Некоректно отображаеться содержимое в браузерах
Всем привет. Писал сайтик и сразу тестил его на хроме. В хроме все красиво и ровно, но во всех остальных браузерах наблюдаються нарушение либо стилей, либо отдельных елементов. Подскажите в кком месте искать проблему.
0 votes15 answers -
Вставка *.svg на страницу
Друзья, вот такая проблема. Нужно в ссылку впихнуть файл *.svg. Делаю это с помощью <img>. Но в лисе вообще ничего нет, а в Chrome картинка, обозначающяя, что картинка не смогла интерпритироваться. Как можно выкрутиться из этой ситуации. Варианты с JS принимаются. Спасибо!
0 votes5 answers -
И снова кнопки!
Проблема состоит в следующем: на страничке есть форма,на форме кнопка ОК , так воть на эту кнопку необходимо повесить 2 функции. Это функция обновления странички и функция которая будет выполнять определенные действия с данными из полей формы. Внимание вопрос! Что нужно прописать в action формы что бы выполнялись оба действия последовательно, сначала считать и обработать и только потом обновить, как сделать это отдельно я представляю (то есть то что нужно прописать в action для каждого пункта в отдельности), а вот вместе нет.
0 votes3 answers -
Народ, помогите.
Есть текст из множества абзацев, их количество не известно. Текст должен отображаться в колонках шириной в 15-20em. Количество колонок не известно, в зависимости от разрешения экрана. Текст идет сверху вниз, т.е. внизу предложение началось, вверху следующей колонки закончилось. В общем, как в газете. При этом, ничего фиксированного, все должно формироваться в зависимости от разрешения и количества абзацев. Может кто видел такое? Или есть идеи... Подскажите пожалуйста.
0 votes6 answers -
Масштабирование текста и "отражённые символы"
Приветствую, господа. Решил объединить вопросы, чтобы не засорять место. 1. Не подскажете, возможно ли с помощью CSS запретить Safari и IE масштабировать текст (хотелось бы, чтобы не менялся размер текста на панели слева, т. е. как-то "выключить" эту опцию в IE - "размер шрифта")? Вот ссылка на сайт: http://www.turba-philosophorum.narod.ru/ 2. Можно ли как-нибудь заставить символы отображаться "зеркально"? Например, чтобы И выглядела как N? Заранее спасибо.
0 votes3 answers -
Возможно ли к одному тегу применить несколько классов.
Например: <td class="black" class="big"> и следовательно css: .black { background-color: #000; } .big { width: 300px; height: 300px;
0 votes5 answers -
Рамки для текста
Проблема кроется здесь http://bartsva.narod.ru/ А хотелось бы чтобы выглядело как здесь http://bartsva.narod.ru/index2.html только с текстом (здесь будет текст) из первого варианта Помогите!?
0 votes3 answers -
Как создать тени для Мозилы
Есть одна проблема. Я впринципе програмист но никак не дизайнер. Но вот друг попросил,написать для него сайт, пустяковое дело что касается движка. Но вот с оформлением определенные траблы. Я хочу чтоб все мои таблицы (гриды) отбрасывали тень. Для IE решается чрез соотвественный фильтр (кому интересно MSDN можно найти). Но вот для мозилы никак не получается. Я пробывал создать тень в Photoshop CS3 слайсами и запихнуть в талицу. Примерно так: <table id="Table_01" border="0" cellpadding="0" cellspacing="0" style="position:absolute; left: 468px; width: 299px; top: 283px; height: 264px;" > <tr> <td id="" style="width:100px; height:100px; background-color:Gree…
0 votes3 answers -
<td> --> <div>
такой случай: надо сделать несколько блоков один под другим (ну это понятно - второй и следующие relative) дизайн резиновый и блоки плавают жесткой конструкцией как угодно над всем остальным, только первый должен быть привязан к ячейке (код div-ов написан в этой ячейке) долго уже бьюсь. подскажите пожалуйста.
0 votes8 answers -
таблица и display:inline
Добрый день! Подскажите, что не так. Есть код: <html> <head> <title>4</title> <style> table { display: inline; } table, td, th { border: 1px solid #BBB; border-collapse: collapse; } </style> </head> <body> <table> <tr> <th>123</th> <th>123</th> <th>123</th> </tr> <tr> <td>112342341234</td> <td>12348907-238947</td> <td>1234123412342341234</td> </tr> </table> </body> </html> В опере и ФФ поверх таблицы отображается какая-то рамка. Опытным путем выяснил, что это пагубное влия…
0 votes5 answers -
Расширяющиеся поле для ввода
Возможно ли сделать поле для ввода не фиксированной высоты, а переменной: так, чтобы вначале была только одна строчка, но как только текст начал писаться с новой строки, то поле для ввода само увеличивало высоту на величину строки, а при удалении символов свою длину уменьшало?
0 votes14 answers -
Вывод div с другой страницы
Здравствуйте! Помогите пожалуйста разобраться. Необходимо чтобы при наведении курсора на ссылку появлялся DIV находящийся на другой странице, что я попытался сделать при помощи следующего скрипта: onmouseover="document.getElementById('opis').style.display='block'" onmouseout="document.getElementById('opis').style.display='none'"При помещении кода на одну страницу всё работает. http://codepen.io/anon/pen/reNZMb Но при размещении div на другой странице он не выводится. index.html: <!DOCTYPE html><body><object data="link0.svg" type="image/svg+xml" width="190" height="190" style="position: absolute; opacity: 1; z-index: 110!important; ; top: 355px; left: 518…
0 votes0 answers -
DIV, table и гугль!
объясните почему? говорят что хтмл разметку нельзя использовать полностью из DIV должны присутствовать table ит.д.(гугл проще воспринимает table), почему? http://korrespondent.net/ состоит полностью из div
0 votes10 answers -
Хочу сверстать мой первый шаблон!
Уважаемые форумчани, хочу сверстать свой первый шаблон! Не дадите ли вы какой нибудь простенький макетик для меня :-) Заранее спасибо!
0 votes21 answers -
input type=checkbox" checked="checked" на мобильных
Доброе утро! На сайте http://www.znichshop.ru/ есть Расширенный поиск. Проблема заключается в том, что на некоторых планшетах и телефонах не отмечается галочка в чекбоксах (при выборе разделов), а на всех проверенных устройствах, после появления галочки название поля падает под само поле. В чем данная проблема?
0 votes6 answers -
периодическое обновление страницы
Помогите пожалуйста, как сделать, чтобы страница автоматически периодически обновлялась с интервалом n секунд?
0 votes3 answers -
"Наложение" при верстке в Мозилле
Уважаемые коллеги, братья, сестры и товарищи! Прошу помощи вот в таком вопросе. Верстаю я страничку (в битриксе, поэтому в текстах проскальзывает лишнее) со следующего рода содержанием: блок 1 - большая такая "плашка" с тенью и скругленными углами. После нее идет таблица, в первую ячейку которой вставлена подложка. В Опере и ИЕ все ладушки, блок один идет себе спокойно, за ним таблица. В Огнелисе таблица наехала на блок 1, код которого я привела ниже. Честно, не ожидала такой реакции, по сему немного растеряна и ошибок не вижу. Подскажите, люди добрые, как с этим мракобесием бороться. ЦСС <style/css> .roundRectBlock { position: relative; left:100px; top: 20p…
0 votes5 answers -
Шрифт цифр в OL
Можно ли как-нибудь изменить шрифт маркёров-цифр в элементах списка OL, чтобы остальной текст был по-прежнему нормального размера? В частности, сделать цифры верхним индексом.
0 votes1 answer -
натянуть div на таблицу
Обновляю данные в таблице через ajax запрос, таблица содержит ссылки, нужно запретить пользователю всякие манипуляции с ней, пока ждем ответа с сервера, думал сделать по аналогии с диалоговыми окнами, когда на всю страницу вешается полупрозрачный div, запрещающий доступ к таблице, помогите пожалуйста.
0 votes10 answers -
Представление совместимости в IE
Понимаю, что тема в каком-то смысле затасканная, но все-таки... Короче, к теме. Написал сайт, в лисе и опере всё ок. В ИЕ в отсутствие Доктайпа лажа, добавил Доктайп стало всё нормально. НО! Зашел позже с другого компа в ИЕ и увидел опять лажу. Оказалось, что в настройках браузера стоит галочка "Представление совместимости". Получается, если эта галочка стоит, даже Доктайп не помогает. В связи с этим 2 вопроса: 1.почему не действует в таком случае доктайп (ведь это прямое указание, в соответствие с каким стандартом представлять результат на странице)? 2.как с этим бороться? Человек, которому я делал сайт, об особенностях настроек слышать ничего не хочет, считая, что в люб…
0 votes5 answers