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
-
Галерея Wordpress
Задумка такая, чтобы простой обыватель, не знакомый с кодом html мог через админку wordpress добавлять изображения на страницу, но чтобы они при этом открывались как через какой-нибудь lightbox, т.е. красивенько так. Есть ли возможность это сделать, т.е. чтобы не в ручную прописывать rel для каждой ссылки-изображения, а чтобы это делалось само автоматом. С фильтрами я не знаком, но может есть такой плагин, который позволяет загружать изображения и добавлять им это свойство?
0 votes8 answers -
Как расположить один блок поверх другого?
Люди добрые, помогите разобраться. Я хочу один блок рассположить над другим что бы второй полностью закрывал первый, а родитель растягивался или сжимался автоматом в зависимости от того виден в данный момент второй или нет. У меня есть решение, через float и margin, которое работает в Firefox: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <div style="float:right;margin:0px;padding:0px;width:auto !important;position: relative !important;border:1px solid black;background-color:#f9f9f9"> <div style="display:block;float:left;width:100%"> Оглавление №1</div> <!-- hack for firefox and chrome -->…
0 votes0 answers -
Меню с углами
Как кроссбраузерно сверстать такое вот меню? Тут больше интересуют углы. Если кроссбраузерно, то картинкой, правильно? А как именно - понять не могу.
0 votes6 answers -
Помогите с проблемой, появляется пунктирная линия под картинкой.
Я новичок, сейчас делаю сайт, собственно вот он: _http://personaastro.ru и проблема в отображении на главной странице активных ссылок в виде картинок. Под этими картинками в некоторых браузерах, а именно в firefox и opera, появляется пунктирная линия. По другим форумам мне не могут дать ответ, советуют параметны img src выставить 0 и none, уже выставляли и в коде css, и на странице, не помогает.. вот текущий скрипт: <acronym title="/ov-tod.html" style="/aries.png" width="Телец"> <a href="/tel-tod.html"><img src="taurus.png" width="Близнецы"> <a href="/bli-tod.html"><img src="/gemini.png" width="Рак"> <a href="/rak-tod.html"><img src…
0 votes9 answers -
Отображение текста по наведению (без скрипта)
хочу добавить функцию отображения текста по наведению без скрипта, с помощью свойства visibility (http://htmlbook.ru/css/visibility), но довести не могу. Затык в том, что текст наложен на хитрую блочную картинку-ссылку, которая также меняет отображение при наведении. Видимо, вместе они начинают каким-то образом конфликтовать... Тестовая страница (блок - Резка керамогранита): http://www.mastermozaik.ru/index/0-45 Упрощенный код (без тайтлов, альтов...): <div class="good400" style="background:url('/Goods/DSCN0594-400-02.jpg');"> <a href="/index/0-16" class="goods400"><div class="goodtext">Отображаемый текст</div></a> </div> css: .goo…
0 votes4 answers -
Непонятный отступ с margin-top?
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/index.css" rel="stylesheet" type="text/css"> <meta name="keywords" content=""> <meta name="description" content=""> <title>Лесничество"Русский Лес"</title> </head> <body> <div id="header"> <div id="vc"> </div> </div> <div id="podl_content"> <div id="content"> <div class="ukaz"> <h2>Информация о филиале</h2> </div> <div id="footer"> </div> </div> </div> <br /&…
0 votes1 answer -
Первая верстка (ошибки)
Всем доброй ночи ! Изучать html и css начал недавно , посмотрел кучу видео уроков , прочитал несколько книжек . И наконец решился приступить к практике . Сверстал наконец свой первый сайт ( html + css без скриптов ) использовал вёрстку столбцами (позаимствовал тб) . Плюс , корявенько сделал слайдер на ксс (в ходе проверки прошу не учитывать ошибки в слайдере), не подключил шрифты . Прошу вас проверить макет на наличие ошибок , и указать хотя бы парочку серьёзных . Очень интересна данная сфера деятельности , хочу дальше развиваться в ней . Большое спасибо ! http : // webfile . ru/23477224f7c6c89fa2df0f2098c6eb95 https://d13yacurqjgara.cloudfront.net/users/504740/…
0 votes10 answers -
url в виде /path/param вместо /path?par=param в form submit
Добрый день! Возникла необходимость сделать как в заголовке. т.е. сейчас есть форма, два селекта. При нажатии на кнопку вызывается url вида /path?par=param&par2=param2 где param и param2 берутся из селектов с именем par и par2 соответственно. Надо сделать /path/par/param/par2/param вместо этого, чтобы соответствовать api сервера, или path/param/param2 - тоже сработает. Это вообще возможно сделать без JS? должно работать при noscript. Заранее спасибо, и простите, если вопрос дебильный - новичок я...
0 votes5 answers -
Сделать для Лендинг пейдж Бег граунд
Злраствуйте пишу в html body> <header id="header" class="header"> <div class="conteiner"> </div> </header> в css .conteiner{ width: 1170px; margin: auto; } .header{ background-image: url(/img/SouthSeasView3.png) no-repeat center top ; background-size:cover; } и у меня картинка не появляется. в чем может быть проблема? спасибо
0 votes2 answers -
Автоотступ перед div в Mozilla
Здравствуйте, У меня возникла такая проблема: Mozilla вставляет над дивом отступ размером 13 пикселей. Опера и ИЕ этого не делают. Если сделать в td valign=bottom, проблема сохраняется, отступ тогда будет снизу. У таблицы указаны cellPadding и cellSpacing равные нулю. <td width="200" bgcolor="#cccccc" valign="top" style="font: 0; padding: 0"> <div style="position: relative; top: 0; left: 0; margin: 0; padding: 0; background-color: #eeeeee"> <p>menucontent</p> </div> </td> В результате в Mozilla в td над серым дивом кусок высотой в 13px цвета #cccccc. Своими силами решить проблему не удается. Помогите, пожалуйста.
0 votes2 answers -
Проможетки между слоями при postion:absolute
Вопрос заключается в следующем: как разеделить слои при абсолютном позиционировании?, не прибегая к раздаче индивидуальных координтат каждому, что замедлит рендеринг. При обычном позиционировании я просто делал пустой слой с нужным мне height. Когда я вствляю такой же слой посередине 2-х слоёв, которые находятся в одном общем слое с postion:absolute, высота пустого слоя увеличивается, но он ожидаемо распологается на странице «сам по себе» поверх, начинаясь с тех же координтат, что и оба слоя находящихся внутри общего, никак не меняя расстояния между верхним и нижнем слоем. P.S. Модератор, пожалуйста исправь в названии темы слово «Проможетки».
0 votes2 answers -
Помогите с формой..
Пожалуйста, помогите создать такую же форму. А то я не могу разобраться с ней((( Заранее всем благодарен. ( смотрел примеры разные, ничего не получилось((( И куда свой е майл вписывать не пойму(( Помогите..
0 votes3 answers -
опять 2 колонки
Столкнулся с проблемкой... вроде обычный двухколончатый макет, но не знаю как сделать так, чтобы колонки были одной высоты, которая бы зависела от наполнения... т.е. 2 колонки вели себя как колонки таблицы и могли растягивать вниз общую нижнюю границу... В моем коде граница может растягиваться только в зависимости от наполнения правой колонки, а вот если в левой колонке больше контента, то он за границу лезет... Может есть у кого-то мысли или делал кто-то... Таблицей сделать можно легко, но хочется css и дивы <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">…
0 votes2 answers -
Резиновая верстка
Ребята подскажите!!! Можно ли сверстать страницу резиновой ??? Макет
0 votes3 answers -
Элемент padding в FireFox3
Добрый день! Всех с последним днём зимы! Вот тут возникла кракозябра, парился всю ночь, но ничего не вышло, суть такова: Пишу шаблон для SMF, и начал создавать меню. Суть идеи такова - при наведении на пункт меню задний план меняется. Реализовать решил в <ul> Вышло примерно так: <div id="main_menu"> <ul class="clearfix"> <li id="button_home" class="active"> <a title="home" href="http://localhost/rc1/index.php"> <span><em>Начало</em></span> </a> </li> <li id="button_help"> <a title="help" href="http://localhost/rc1/index.php?action=help"> <span>Помощь</…
0 votes3 answers -
float
Вобщем, необходимо используя дивы и float сделать шесть див - голову, контейнер, лево, право, центр, футер Вот примерно схема _______________________________________________________________________ | header | |______________________________________________________________________| ______________________________________________________________________ | __________________________________________________________________ | | | left | center | right | | | |____|___________…
0 votes4 answers -
Крах страницы из-за ошибки в CSS
в общем ситуация такая, есть сайт, верстку я делал сам, все работало как часы, HTML+CSS+JS(jQuery), тут заказчик захотел представить сайт в немного другом цвете, я поменял цвета, вроде все ок, но почему то из-за того что я поменял что-то в CSSке у меня все формы и кнопки на сайте не нажимаются, ссылки даже при наведении никак не реагируют, но выделяются как текст, есть флешка с кнопами на ней тоже ноль эмоций, будто события заблокировались, при этом ни оперовский драгонфлай ни файрфоксовский файрбаг никаких претензиий к странице не выдвигают, отключаю инклуд CSS в страницу, все работает ок, включаю опять эти глюки, в jQuery только однажды меняю у объектов классы, но в пре…
0 votes4 answers -
Выравнивание в списке
Ребят, вот собственно проблема, не пойму в чем дело: это css этого списка: ul.producers { width: 112px; display: block; margin-left: 21px; } ul.producers a { color: #59778c; font: normal 12px Arial; text-decoration: none; padding-left: 16px; } ul.producers a:hover { text-decoration: underline; } ul.producers li { margin-bottom: 8px; background: url('./images/gt2.gif') 0px 5px no-repeat; } Как сделать чтобы везде выглядело как в ИЕ8 и Опере?
0 votes2 answers -
помогите с меню!
такок вот срочное дело, есть меню, как сделать в нём что-бы в разделе показывался actice link, в подразделе подсвечивался выбраный hover и как сделать чтобы при наведение на последний пункт содержимое не вываливалось из блока. HTML: <ul id="cssmenu"> <li><a href="#" id="hz1">Главная</a> </li> <li><a href="#" id="hz2">Компания</a> <ul> <li style="width:450px;> <a href="#"></a> <a href="#">История компании</a> <a href="#">Административный менеджмент</a> <a href="#">Технический менеджмент</a> </li> </ul> </li&…
0 votes4 answers -
Не одинаковое отображение кнопок
Положение кнопок отображается по разному в IE7, в остльных браузерах норм. стили inputov одинаковые, они просто идентичны кроме параметров. вот фото http://i054.radikal.ru/1012/7e/57e5c277bb63.jpg в чем может быть трабл?
0 votes3 answers -
IE7, 8 Растягивает жесткий макет на всю ширину окна. Как это победить?
Доброго всем времени суток! Подскажите пожалуйста, почему IE7, 8, растягивает жесткий макет на всю ширину своего окна, тогда как в опере или фф, все нормально и остается место для фона слева и справа? Каркас жесткий 1000px. Верстаю первый макет на divах, может чего не так изначально?
0 votes10 answers -
Как сделать div с одной стороны...
Как сделать div с одной стороны с закругленными уголками, а с другой нет? Мне нужен эффект "торчащего из-за окна браузера" блока... Вот скрин если нужно... На нем видно блок, который торчит из-за левого окна браузера... Как мне так сделать?
0 votes5 answers -
Отключить скроллинг
Кратко расскажу для чего мне это надо: У меня есть модальное окно (сделано с OrangeBox) При открытии этого окна, я не хочу чтобы работал скроллинг (как например в facebook при открытии фото в ленте) Для этого я даю body overflow:hidden. Все работает, но верстка ломается. Т.е. если до исчезновения скролла ширина документа было скажем 500px, то после того как убирается 490px. В итоге контейнер смещается туда сюда при открытии и закрытии модального окна. Как решить данную проблему.
0 votes2 answers -
img в div блоке
Доброго времени суток! Подскажите, пожалуйста, как разместить изображение в таком блоке: <div class="box"> <h2 class="title title-box">Меню раздела</h2> <div class="box-content">Текст</div> </div> .box { margin: 10px; border: 2px solid #BBB; width: 210px; height:100%; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background-color:#fafafa; box-shadow: 0 0 5px #e4e5e7; } h2.title-box { border-bottom: 2px solid #BBB; height: 40px; background: url(фон) repeat-x; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-toprigh…
0 votes12 answers -
IE крайне некорректно отображает содержимое.
Вот сайт. Открыть его в нормальном браузере и в осле - две разные вещи. Во-первых, плывет шапка. Во-вторых, бекграунд элементов списка чудом исчез. Да и вроде все, но эти два портят всю картину дизайна. Я уже вдоль и поперек облазил код с помощью средства для разработчиков в осле, но ничего подозрительного не нашел. P.S.: табличную верстку пришлось использовать только из-за поджимающих сроков... Поймите, пожалуйста
0 votes7 answers