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
29,542 questions in this forum
-
Поле слева
http://sforme.ru/forme/about/command/ Помогите, в опере нормально отображается, а в ie левая колонка расширяется! В чем проблема?
0 votes7 answers -
Создание горизонтальной галереи
Хочу сделать горизонтальную, "резиновую" фотогалерею. Но загвоздка в том, что все браузеры молодцом, а ИЕ под номером 6 так и норовит слой с параметром { overflow: hidden; } раздвинуть по всей ширине списка в котором содержатся фотографии. Вопрос: возможно-ли что-то добавить, убавить, чтобы ИЕ6 прекратил раздвигать окно или есть какие-то альтернативные пути? HTML: <div id="gallery"> <a class="left_arrow png_bg" onclick="return(false)" href="#"></a> <div id="clip"> <ul> <li><a href="#" class="img" style="background:url(files/gallery/1.jpg) top left no-repeat"><div class="pinta_zoom"></div></a></li&…
0 votes9 answers -
левая колонка вылазит по вертикали за div-контейнер
Здравствуйте, не могу избавиться от проблемы -- в верстке есть див-контейнер, две колонки, левая и правая. Высота контейнера определяется почему-то по правой колонке, соответственно, если левая колонка оказывается больше по высоте, то она тупо вылазит за контейнер и наезжает на футер. А если правая колонка больше -- то и сам контейнер нормально растягивается по высоте. Надеюсь на помощь :-) Выглядит это так примерно -- http://alataru.narod.ru/
0 votes4 answers -
Как правильно обнулять отступы перед началом верстки?
Пару раз видел на форуме подобные темы, решил наконец разобраться! Раньше делал * {margin: 0px; padding: 0px;} обьясните плз чайнику почему так делать нельзя! (не считая того что это не валидно), и как нужно правильно? спасибо
0 votes8 answers -
Прикрепить блок к левому нижнему краю. Как?
Всем привет! Возможно ли прикрепить блок к левому нижнему краю, чтобы его обтекал текст. Вроде такого свойства нету, но может кто встречался с данной проблемой. Вот, что есть: http://mafia-world.ru/verstka/float-bottom.html Блок (1) как бы прикреплен к левому верхнему краю, а надо к нижнему левому. Подскажите пожалуйста как такое реализовать, чтобы текст тоже при этом обтекал этот блок.
0 votes7 answers -
Проблема вёрстки резинового меню
Всем доброго времени суток! Решил попробовать сверстать дизайн, но появилась небольшая проблема при вёрстке меню. Меню у меня горизонтальное, шириной 70%. Для его центрирования сделал отступ слева 15%. Меню справа и слева по задумке должно иметь скругленные края, весь фон формата png для сохранения прозрачности. Следовательно фон должен состоять из 3 частей: фон общий, фон справа и фон слева. вот html код: <div id="menu_main"> <div id="menu"></div> <div id="menu-l"></div> <div id="menu-r"></div> </div> css: #menu_main{ float:left; margin-top: 75px; margin-left: 15%; width: 70%; height: 58px; min-width: 700px…
0 votes7 answers -
Граница
LunatiK Границу поставил,увидел,сделал в html нужный отступ,но ничего не произошло(Только граница изменила положение)
0 votes12 answers -
Как прописать ссылку к классу more-link
Класс у кнопки "more" присвоен "more-link"...как я понял... Как прописать в файле html в данном коде ссылку, чтобы "Далее" было кликабельным (переход на другую страницу)? Или это возможно только при помощи style.css? Код: <li class="grid_3"> <a href="javascript:void(0);" class="hover_img"> <span class="img_bord"><img src="images/img_bord.png" /></span> <img src="images/portfolio/6.jpg" alt="" /> <span class="portfolio_descr"> <p>Текст1</p> <span>Текст2</span> <span class="more_link" >Далее</span> </span> </a> </li>
0 votes18 answers -
как растянуть элемент по высоте родителя?
верстаю страницу табличной версткой и столкнулся с проблемой. В ячейку <td id="wrap" colspan="2" rowspan="2"> не могу вставить таблицу или див, так, что бы она (он) занимал всю высоту родителя (#wrap). http://jsfiddle.net/dennila2/Lt3L0jw6/ Объясните пожалуйста, как это сделать?
0 votes10 answers -
Табличная верстка
Доброго времени суток! Данная страница выводит результат из mysql в виде таблицы. Каждая строка является кнопкой, которая переводит пользователя на страницу редактирования строки. Проблема заключается в том, что я не могу сверстать ширину колонок. Укажите мне на мои ошибки. Заранее благодарен. <style> .serch { width: 160px; border: solid 1px #E5E5E5; padding: 5px; font-size: 33px; background: -webkit-gradient( linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF) ); background: -moz-linear-gradient( top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px ); -moz-box-shadow: 0px 0px 8px #f0f0f0; -webkit-box-shadow: 0px 0px 8px #f0f0f0; box-shadow: 0…
0 votes6 answers -
не растягивается таблица по вертикали, только в Опере и в IE
Есть таблица(основная) в ней форматируются все остальные элементы, слева есть ячейка, в ней позиционирование элементов осуществляется с помощью дивов. Когда дивы растягиваются ячейка тоже растягивается, таблица соответственно тоже(в теории, но на практике она растягивается только в FF). В Опере тянется только левая ячейка, а все что правее остается на месте. В IE правая часть тянется, но появляются отступы от низа таблицы и от верхней ячейки. Как сделать так чтобы таблица нормально тянулась вместе с ячейкой в Опере и IE.
0 votes1 answer -
В каждом браузере по разному
сабж Вот index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="main"> <p class="logoup"></p> <p class="textmain"></p> <p class="logodown"></p> </div> <div id="bar"> <p class="logo"></p> <p class="logo2"></p> <ul class=…
0 votes6 answers -
сойство float
Использовать ли свойство float для создания колонок или все таки это свойство предназначено для другого?
0 votes5 answers -
Открыть новый документ с нужного места
http://html-test.1gb.ru/001/index.html Как сделать, не получается..
0 votes6 answers -
DIV верстка / некоректное отображение в ИЕ6 и ИЕ7
Добрый день, давно планировал, теперь наконец нашел время для осуществления задуманного. А оно состоит в том, чтобы переделать свой сайт используя верстку без помощи таблиц... После прочтения множества всего мне удалось сделать небольшую заготовку, я ею доволен, но проблема в том, что страница соверненно неверно отображается в ИЕ6 и ИЕ7. В дугих браузерах (Firefox 3.5 и Opera 11) все выглядит так, как и было задуманно... Хотелось бы узнать, что нужно изменить, чтобы добиться корректного отображения в ИЕ6 и ИЕ7? Хотя бы хотелось услышать мнения, в чем может заключаться проблема? Код был проверен на валидность, по наивности думал, что это является гарантией корректного отоб…
0 votes16 answers -
Меню.
Привет всем! Вот такой вопрос по поводу меню.На кнопках есть 2 состояния. Как сделать этот коричневый фон на кнопках Каталог, Прайс-лист, Доставка/Оплата, Контакты понятно.А как сделать этот фон на кнопке Главная,он там скругленный?Кто как бы сделал?У меня есть идея только присвоить каждой ссылке,то есть тэгу <a> id, ну как бы каждая кнопка будет отдельной. Заранее спасибо.
0 votes6 answers -
Шапка сайта
Здравствуйте. Начал верстку с шапки. Проблема, типичная для новичка. У меня не получается наложить сам контент (кнопочки и прочее, как на скрине) Как сделать так, чтобы на саму шапку (повторяющийся элемент во всю длину монитора) наложить вот эти кнопочки и т.д., как будто это wrapper? Чтобы была рабочая зона. Заранее благодарю!
0 votes18 answers -
Таблица или блоками
Здравствуйте. Нужен совет как лучше сделать, таблицей или блоками -- Думаю сделать таблицей...
0 votes9 answers -
Работа с несколькими классами
Дан код: <style> a { display: inline-block; margin-left: 5px; } .loli { height: 75px; width: 100%; display: inline-block; background-color: #0099cc; left: 600px; } .loli ul { padding: 0; margin: 0; font-size: 0; overflow: hidden; text-align: center; } .loli ul li { display: inline-block; list-style: none; font-size: 36px; } .loli ul li a { color: #fff; text-decoration: none; height: 75px; line-height: 75px; padding: 0 15px; position: relative; z-index: 10; } .loli ul li a:hover { color: black; } .loli ul li a::before { content: …
0 votes5 answers -
Закругление углов средствами CSS без картинок
Проблема следующая: делал закругления углов средствами CSS без картинок. В FF и Opera выглядит так как задумывалось, а вот IE6 закругление как бы растягивает по высоте, соответственно вид далеко не тот, что нужно. Я так думаю что проблема в том что IE6 возможно не понимает height:1px. Я уже не знаю че с этим делать: с помощью font-size:1px удалось сузить по высоте сию красоту в IE6, но не до той степени, которой хотелось. Может кто-то уже сталкивался с подобным и может подсказать? Вот код: Стили (сорри за неоптимизированность): .v1 {height:1px; background-color:#fafdfe; margin:0 5px;font-size:1px;} .v1 div.l1 {display:block; height:1px; background-color:#eef9fd; margin:0…
0 votes5 answers -
Динамическое изменение размеров Flash ролика
подскажите пожалуйста, как можно выполнить следующее: есть страница-интро по большому счету это всего один flash ролик, как сделать так чтобы от изменения размера окна браузера изменялся и размер flash ролика?? (т.е. масштабирование ролика под размер окна браузера)
0 votes2 answers -
Онлайн аудиозапись
Привет всем вэб мастерам... У меня вот такой вопрос возник. Я хотел бы на сайте сделать аудиозапись. Чтобы можно было записать своё аудио сообщения прямо на сайте, затем чтобы оно автоматический сохранилось и появилось где его записывали... А у других была возможность его прослушать. Я в интернете излазил где только смог, ничего не нашёл... Подскажите вообще возможноли такое сделать, если возможно то как... Надеюсь мой вопрос понятен. Всем за ранее спасибо
0 votes3 answers -
можно ли открыть макет sketch в win
Доброго времени суток. Скажите возможно ли открыть sketch в виндовс? https://avocode.com/ - есть такая прога, она работает на винде но не работает плагин sketch, так как есть только для OS
0 votes4 answers -
4 вопроса по css
Здравствуйте, подскажите пожайлуста по трем вопросам: 1. Есть вот такой код: <table> <tr> <td style="" valign="bottom"><a href="index.php?register=yes" class="reg">Зарегестрироваться</a></td> <td><input value="Войти" type="submit" /></td> </tr> </table> Как все это сделать не таблицей, а блоком? Причем, естественно, нужно, чтобы надпись и кнопка находились на одном уровне. Это я к тому, что просто рядом можно разместить и так: <a href="index.php?register=yes" class="reg">Зарегестрироваться</a><input value="Войти" type="submit" /> но в Опере и ФФ надпись подымается к верху…
0 votes3 answers -
Выравнять в одной строке по левому краю и по правому краю
Привет, спецы! Как сделать текcn цена текст что-то цена текст опять цена_хм Как видите, текст выравнян в одной строке по разному, пробовал через <div> = не получается, т.к. делается перенос строки при новом диве, который мне не нужен. Делать на каждую строчку по таблице - не вариант, в общем как? и еще вопросик, как поставить знак табуляции в html?
0 votes4 answers