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
-
Div в div'e(взаимная зависимость размера)
Здравствуйте! Столкнулся с такой проблемой при вёрстке. Есть 4 дива: <div id="content"> <div id="left"> </div> <div id="main"> <div id="menu"></div> </div> <div id="right"></div> </div> В диве main хранится контент, у него установлена min-height:600px. Когда контент превышает размер, main, как и следовало ожидать, растягивается по вертикали, а вот остальные остаются такого же размера. Как сделать, что бы все они растягивались, включая content. Заранее благодарю!
0 votes1 answer -
iFrame работает только в IE
<iframe class="two" id="two" src="2.html"> Hello, World!</iframe> В 2.html содержимое тоже <p>Hello, World!</p>. Тестировал в FF и IE, и о чудо! Работает только в IE. В FireFox почему то ничего не отображается (обычно все наоборот ). FireBug в FF показывает содержымое iFrame таковым: <html><head></head><body></body></html>
0 votes0 answers -
Заголовок сайта на WP
Необходимо, чтобы заголовок браузера главной странице не дублировался по всем страницам Например, http://www.btn.kiev.ua/o-kompanii/ <title>Технический надзор за строительством. Сопровождение строительства | Технадзор в строительстве | БЮРО ТЕХНИЧЕСКОГО НАДЗОРА</title> ( то что красным выделил это не надо ) Необходимо, чтобы в title отображалось только та информация, которая прописана на той или иной странице в соответсвующем поле. Например http://www.btn.kiev.ua/o-kompanii/ Технический надзор за строительством. Сопровождение строительства У меня установлен плагин All in One SEO и в настройках этой странице http://www.btn.kiev.ua/o-kompanii/ написано в заг…
0 votes1 answer -
Проблема с кроссбраузерностью
Здравствуйте, вот столкнулся с проблемой отображения сайта в разных браузерах. Ссылка - вот сайт тык В Google Chrome все отображается как нужно, в общем изначально дизайн делался под Chrome. Не давно от пользователей поступили жалобы, ну я решил просмотреть через другие браузера сайт и я разочаровался. В Opera, Mozilla, IE 9 сайт отображается некорректно ни так как надо, а надо как в Google Chrome. Пробывал многое, но никак исправить не получалось, пробывал доктайп ставить но сайт становился только хуже, в общем проблема то не большая в основном только на главной такой косяк, кто может дайте советы что изменить на что и как сделать кроссбраузерность, спасибо
0 votes2 answers -
Подскажите плагин
Здравствуйте! Подскажите адаптивный плагин всплывающего окна, который можно стилизировать (сверху фото\видео снизу описание, дата, место и тп). Нужно что-то типа такого, как на сайте - http://www.youxithemes.com/live_previews/bzstudio/ в Our Work по клику на миниатюру. На том сайте используется OmniWindow, но я не разобрался как и что с ним делать. Могу использовать его, если подскажите как его использовать и прикрутить. Спасибо
0 votes0 answers -
Проблема со слайдером
Проблема со слайдером, искал уже долго, нужен слайдер, который будет переключать текстовый контент. В интернете нашел только тяжелые слайдера, с эффектами и т.д. Было бы все намного проще если бы что-то понимал в jquery javascript. /Еще ниразу не подключал слайдера/
0 votes2 answers -
Сделать макет самому за 2 недели
Привет. Нужно поднять сайт с нуля для диплома. Ломаю голову как это сделать по проще, но чтобы вынести стартовые знания для начала. Просто с блокнотом очень долго и муторно. Из вариантов только дримьюер, Extensoft Artisteer или WYSIWYG Web Builder! Последние 2 менее мне знакомы. У Artisteer можно сразу в джумлу лить шаблон, а у WYSIWYG Web Builder боле понятный интерфейс. С другой стороны нужна ли эта джумла для сайта-визитки максимум на 15 страниц. Что-то подсказывает что нет. Я понимаю, что такой подход в корне не верен. Нужно начинать с блокнотика. Но у меня всего пару недель, а еще надо подготовить сам диплом в виде текста на 25 стр. Дайте справку, кула лу…
0 votes1 answer -
Текст шире ячейки
Народ, подскажите как сделать так чтобы текст вылезал за границы ячейки, т.е. нужно изобразить следующее http://gyazo.com/57f7c267be08e36c938a25f291f471c7 Ширина всего столбца по пунктирной линии, а слово питание в верхней ячейки шире всего столбца.
0 votes1 answer -
Многоколоночный вывод контента
Есть задача - организовать многоколоночный вывод контента на страницу. Контент - условно посты в блоге. У постов, естественно, различные: - изображения ( thumbnail'ы ) - количество символов в заголовке Дополнительное условие - работает AJAX-подгрузка постов. Первая мысль - сделать на masonry.js - сразу-же сложности: - масонри необходимо повторно инициализировать для контейнера - масонри перестраивает посты в одному богу известном порядке Мысль вторая - флексбокс (сейчас буду ее тестить, если кто-то сейчас предложит решение или направит в нужную сторону будет круто, если нет - обновлю топик) Мысль третья - column-count - но он у нас выводит элементы сначала заполняя 1-…
0 votes0 answers -
Проблема с подключением шрифтов @font-face
Помогите пожалуйста разобраться, в чем дело. Подключаю шрифт таким образом: @font-face { font-family: HelveticaNeue; src: local('HelveticaNeue'), url('HelveticaNeue.ttf'); } body { font-family: HelveticaNeue; font-size: 45px; } На чужом компьютере все работает, а на моем нет. Подскажите пожалуйста, из-за чего это может быть, и как решить данную проблему?
0 votes0 answers -
Позиционирование блоков
все понял тему можно удалять
0 votes1 answer -
HTML 5 верстка и футер в низу
Собственно тема уже не раз поднималась но все таки есть не понятные моменты - а именно как это можно сделать без лишних блоков и абсолютного позиционирования? Пока сделал как приведено ниже, но хотелось бы чистый html5 код без лишних #wrapper и .clear HTML: <body> <div id="wrapper"> <!-- —————-- Header —————————-- !--> <header> <h1> Шапка страницы </h1> </header> <div id="content"> <section class="s1"> </section> </div> <div class="clear"></div> </div> <!-- —————-- Footer —————————-- !--> <footer> © </footer> </body> </html> CSS: @imp…
0 votes0 answers -
Помогите пожалуйста, проблема с верхним индексом
Такая ситуация: <div class="proekti"> <p> <a href=""> Дома до 200 м<sup>2</sup> </a> </p> </div Где стоит верхний индекс, линия подчеркивания сверху. В IE последнем все нормально, в хроме беда((( Никто не сталкивался с такой ситуацией? Помогите чем можете)) Кому не понятно вот картиночка: http://savepic.org/3276629.htm
0 votes1 answer -
google plus не отображается в FF иногда
Google plus не отображается в FF иногда Вот например как на сайте http://allo.ua/ru/products/internet-planshety/apple-ipad-air-wi-fi-4g-32gb-gray-md792.html Что можно сделать верстальшику?
0 votes1 answer -
Проблемы с кроссбраузерностью
Здравствуйте! Помогите, пожалуйста, исправить различные проблемы с кроссбраузерностью. Вот моя работа: http://son.topdetal.com.ua/mobi , в FF работает хорошо. А вот проблемы: 1. В хроме открытие страниц скриптом (здесь и далее под словом страница подразумевается то, что открывается по клику на пункты меню) работает через раз, в сафари скрипт вообще не работает. 2. Кнопка "contact" имеет неустойчивое поведение при :hover. 3. после закрытия страницы она, в закрытом состоянии, теряет свойство display:none; http://prntscr.com/9c7sqf и перекрывает другие элементы. 4. на узком разрешении, когда высота контента больше высоты экрана страница растягивается только на высот…
0 votes0 answers -
нечеткое изображение
посоветуйте пожалуйста способ, которым можно решить мою проблему. верстаю вот такой макет. страничка. пытаюсь при помощи piexelPerfect подогнать блок с формой, который находится в левой колонке. глаза сломал. изменял настроики монитора, не сильно помогло. возможно, принципиально другой способ существует для подобных ситуаций... вообще говоря подогнать то со временем можно. но хотелось бы более эффективно тратить время
0 votes3 answers -
Статья на главной странице
Помогите вывести статью на главную. Я вставил такой код <p align="center">текст</p></body></html> При этом статья отображается на всех страницах, а мне нужно только на главной.
0 votes2 answers -
проблема с z-index
Проблема такая, верстаю страницу, все вроде нормально, но в блоке с слайдером .latest-post_wrapp фоновый цвет навигации по слайдеру должен заступать за фото. Но, Если в #photos > li больше z-index чем в #thumbs, то навигация делается неактивной, то есть #photos > li его "закрывает", я решил проблему (смотреть по ссылке), но думаю, что это не лучший вариант. Что можете посоветовать по этой проблеме? Ссылка на страницу : http://mihayliack98.url.ph/duplexProb/
0 votes1 answer -
Создание мини галереи
Собственно, нужно создать такую форму. Вся сложность заключается в том, что бы сделать часть с картинками - что бы при нажатии на мини копию картинки внизу, чуть выше показывался ее больший формат. В принципе я понимаю, что задача не из невозможных, но кривость моих рук не позволяет ее выполнить. прошу помочь)
0 votes1 answer -
0 votes0 answers
-
Помогите, пожалуйста, с версткой!
Верстаю первый сайт, некоторые вещи не получаются( Здравствуйте, вот начал верстать первый сайт и возникают проблемы, которые забирают много времени. Вот например: нужно разместить лого в шапке. Нужно сделать отступи логотипа от краев шапки, а получается от краев сайта. Html: <div id="header"> <div id="logo" img src="img/logo.jpg"></div> Css: #logo{ width:105px; height:105px; position:absolute; top:30px; right:30px; }
0 votes1 answer -
Подключение
Здравствуйте, возник такой вопрос , где правильно подключать php файлы в начале между <head></head> , или перед DOCTYPE ?
0 votes1 answer -
0 votes0 answers
-
проблема высоты изображения IE7
div{width:80%;height:100px; border:1px solid red; background:red;} img { min-width: 100%; height:60px; } </style> </head> <body> <div id="boo"> <img src="1.gif" /> </div> В ие7 высота изображения больше чем height:60px;.Как решить проблему?OVerflow:hidden для родителя не предлагать.
0 votes0 answers -
Меню слоем налазит на другой
как видите меню налазит на другой слой и не хочет ровняться по центру. вот его css: наверное z-index, с которым я не могу справиться? по центру тегами <center>, <div align="center"> тоже не ровняется.
0 votes0 answers