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
-
Скролинг fixed позиции, с закрытием другого блока
Здравствуйте! Подскажите, пожалуйста, как при скролинге страничке, сделать, что бы div2 вставал на место div1 (т.е. уходил верх)? При скролинге в топ - блоки возвращались на свою позицию. Спасибо! Код на http://cssdeck.com/labs/i1jxnjzh <html> <title>hello word</title> <style> body{ margin:0px; padding:0px; } .div1 { width: 100%; text-align: center; background-color: #e1e1e1; height: 40px; line-height: 40px; } .div2 { width: 100%; text-align: center; background-color: #888888; position: fixed; height: 30px; line-height: 30px; } .div3 { margin-top: 30px; } </style> <head> </head> <body> <div class="div1"> hello, hide …
0 votes4 answers -
Прокрутка страницы до якоря
На сайте есть фиксированное меню. Как сделать, плавную прокрутку до якоря? А точнее, до НАЧАЛА якоря? Часть блока уходит под меню. Если блоку задать padding-top, то получиться большой отступ... И еще: подскажите, пожалуйста, почему в IE сайт расползается...Что не так?
0 votes7 answers -
помогите разобраться с transition
Всем здравствуйте. Прошу помощи, ни как не пойму как осуществить чтобы блок с текстом опускался при наведении на .top (сейчас он начинает двигаться при наведении на .overlay а если навести ниже на черный фон то магия заканчивается) Может принципиально не тем свойством пользуюсь? или просто не так его применяю? ни как не разберусь. Вот код http://codepen.io/mikhail09/pen/OMvOae
0 votes4 answers -
Помощь со "Скролируемом Меню" на html
Здравствуйте, у меня такая проблема. Я хотел сделать скролируемое меню с ссылками на ресурс. Написал команду, и т.д. Выучил только теги html, к CSS (или как там) даже не прикасался. Так как сделать скролируемое меню с ссылками, если это вообще возможно. Объясните пожалуйста.
0 votes1 answer -
Якорь в iframe
Возникла проблема. На странице реализован обычный якорь типа <a name="top"></a> //// <a href="#top">NEXT</a> Но при вставке этой страницы, на другом сайте через iframe якоря перестают работать... Возможно ли как-то решить проблему?
0 votes0 answers -
Проблема с выравниванием
вобщем, суть такая. Есть страница, на которой таблица из трех ячеек: первая и третья заданы явно (точнее фиксированно), а вторая, которая по идее по центру страницы должна быть, определяет свою ширину по остратку от максимальной ширины экрана. В этой центральной ячейке (самой ячейке присвоено text-align: center;) есть таблица, у которой ширина задана фиксированно (причем ширина внутренней таблицы меньше ширины центральной ячейки), скажем, 400px. У внутренней таблицы указан параметр align="center" и в браузерах iE и Opera эта таблица, как и должно, выравнивается по центру второй (центральной) ячейки основной таблицы. А вот в Mozill'е почему-то прижимается к левому краю...…
0 votes9 answers -
Таблица в 1px
Здравствуйте, помогите плиз) в нэте как-то все другое нахожу) мне нужно, чтобы таблицу с попощью CSS и HTML из || || || сделать border в 1px | | |
0 votes8 answers -
Замена значков форума.
Добрый день форумчане. Помогите решить проблему. Есть форум (from-kpi.com.ua). Форум на phpbb, на phpbbguru мне подсказали все что касается движка, а тут остался чистый html и css. Если зайти на форум в первом разделе, вы увидите картинку, а чуть ниже еще картинку. Мне нужно сделать так: кусок кода ответсвенный за это вот: <li class="row"> <dl class="icon" style="background-image: url(<span class="forum-image">{forumrow.FORUM_IMAGE}</span>); background-repeat: no-repeat;"> <dt title="{forumrow.FORUM_FOLDER_IMG_ALT}"> <!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED --><!-- <a class="feed-icon-forum" title="{L_FEED} …
0 votes7 answers -
Двойная рамка
Есть пустой div фиксированного размера с фоновой заливкой. Вокруг него надо сделать две рамки, допустим, красного и синего цвета. Можно ли обойтись только одним div в этом случае и без after и before?
0 votes14 answers -
Как к изображению можно добавить мал. картинку в верхний правый угол?
Дорого дня. Как к изображению можно добавить мал. картинку в верхний правый угол? Еще такой вопрос терзает, как лучше прописывать путь к картинке в таком виде <img src="image/1.png" /> или же <img src="http://site.ru/image/1.png" />
0 votes4 answers -
Спрятать текст на картинке меню
Делаю меню, которое должно быть картинкой, на картинки нарисованный текст. Само меню, ссылки - текстовые. Поместил картинку, а на ней текст ссылок. Теперь задача спрятать этот текст, чтобы был виден только текст, который на картинке. Цветом не получится, картинка разноцветная, задать 1px - видно. Как делать в таких случаях? МОжет быть можно сделать так, чтобы картинка была над текстом, наверху? Чтобы текст под ней прятался.
0 votes8 answers -
Верстка меню
День добрый! Есть вот такое вот меню: А как его сверстать правильно и практичнее всего будет - нет идей. Сложность - в загнутых уголках по бокам. Или тупо вставить все это дело картинкой? Но правильно ли это будет, и плюс ко всему нужно ведь, чтобы этот уголок потом тянулся в зависимости от размера монитора на всю ширину. Что посоветуете?
0 votes9 answers -
Как сделать плавно заканчивающуюся тень (картинка внутри)
Сейчас у меня она отображается так: вот код если что: box-shadow: 0px 0 30px rgba(0, 0, 0, 0.3); А нужно вот так: Толи есть свойство о котором я не знаю, чтоб добиться этого, толи это только картинкой можно сделать... Кто знает как это сделать?
0 votes8 answers -
Chrome и Enternet explorer
Всем доброго времени суток! столкнулся вот с такой вот проблемой: на моем свеже-сморганенном сайте http://lvguide.lv/ получаются разные отступы блока content в chrome i IE, когда воял сие произведение пользовался только хромом, результат в котором меня полностью и с радостью устраивает, а вот в IE и MOZILA оступ от блока в низ пропадает. Не посоветуете ли где начать искать ошибку или как это вылечить ? Спасибо!
0 votes8 answers -
начать изучение php
День добрый Лирический отступ - сейчас нахожусь в поиске работы, обьективно оценивая свои знания и умения, гожусь на практиканта/ junior-a, тобишь начальный уровень. Активно изучаю HTML/CSS, есть опыт написания и внедрения простеньких js скриптов, прикручивания на страницу jQuery- слайдеров, галерей, отправки данных, полученных из формы на почту, с помощью php. Собственно здесь и начинается проблема - практически во всех вакансиях, учитывая размер моего города, требуются не только знания html/css, но и знания php. требуемый уровень - разный, но повторюсь, практически везде он нужен. Я же с php знаком сугубо на начальном этапе - когда изучал движки Wordpress и Joomla - ин…
0 votes6 answers -
Обучение верстки
Здравствуйте. Если вы учите верстку только, то можете добавляться в скайп, будет не скучно. У нас есть небольшая компания людей,изучающая совместно. Кому интересно - дам адрес скайпа.) Можно и профи, для закрепления знаний. мои знания - html css. учу js - только начала
0 votes6 answers -
iframe очищает остаток страницы
Добрый день! Возникла следующая проблема: стоит мне вставить iframe с видео с ютуба, как все элементы, идущие после этого iframe'а, попросту удаляются и вообще не отображаются на странице, в коде элемента их просто нет, как будто на iframe'е заканчивается документ. Первое видео корректно отображается, остальные же даже не появляются. Пробовал в разные места вставлять это видео, все тот же результат - после него страница становится полностью пустой. <div id="video_layer"> <button class="swipe_right" onclick="swipeRightVideoGallery();"><</button> <button class="swipe_left" onclick…
0 votes2 answers -
Позиционирование CSS
Здравствуйте. Не могли бы вы мне помочь, появилась такая неразрешимая проблема : Внутри одного div я хочу расположить рядом два слова. Прич?м, у них есть отступ сверху, например 10px, у первого слова слева - 5px, между первым и вторым словом: 10px. Пытаюсь сделать так, но получается ерунда: height:30px; padding-bottom: 0px;">wwwwww fffff Т.к. стоит div, слова получаются на разных строчках. Если я начинаю использовать float, то они отображаются на одной строке, но одно слово уходит влево, другое вправо. А мне надо, чтобы они оба были рядом слева.
0 votes3 answers -
Input разного размера. Как это исправить?
Всем привет. В опере как всегда порядок, а IE поле для ввода пароля короче чем поле для ввода e-mail HTML: <form action="" method="post"> <input type="hidden" name="previous_action" value="" /> <input type="hidden" name="previous_list" value="" /> <input type="hidden" name="referer" value="" /> <input type="hidden" name="list" value="" /> <input type="hidden" name="action" value="login" /> <div class="login_passw_sl" for="email_login">e-mail</div> <input class="input_mail_passw_sl" type="text" name="email" id="email_login" size="18" value="" /><br /> <div class="login_passw_sl" for="pas…
0 votes1 answer -
css + js = вывод контента
Собственно задача стояла такая: Сделать три элемента в ряд, при наведении на каждый ниже показывать соответствующий контент. Перелопатил много чего, готового что-то не нашел, остановился на этом скрипте - http://www.dynamicdrive.com/dynamicindex17...ntentslider.htm И собственно из него сделал то, что нужно вот только один нюанс - div c контентом никак не хочет менять свою высоту... как только не пробовал - только статическая высота получается... Может кто видел подходящее решение? Или как быть с этим?
0 votes8 answers -
Артефакты на анимации
В swishmax 4 создал небольшую .swf анимашку банер (стикер с акцией, что мусор за 2700р справа в блоке). Работаю в Linux и у меня в хромиуме, фаерфоксе и опере все пучком. А вот с других компьютеров, где виндовс стоит на анимации какие-то непонятные белые артефакты появляются. http://argamakspb.ru Вот код: <p style="text-align: center; "><object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" data="http://argamakspb.ru/sites/all/themes/pixture_reloaded/images/sticker.swf" height="232" id="dasha-project" width="230"><param name="movie" value="http://argamakspb.ru/sites/all/themes/pixture_reloaded/images/sticker.swf"><param name="qua…
0 votes4 answers -
Не могу вставить бхслайдер - слайды сходят с ума
Пытаюсь создать самый простой слайдер на основе бхслайдера. В каталоге самый первый айтем - кнопка заказать - во всплывающем окне вкладка - фотографии. Почему-то картинки ужимаются в 5 раз и выстраиваются в одну строку (. Уже час бьюсь - не понимаю в чем проблема! http://zverushka.bl.ee Я так посмотрю, если окошко браузера ресайзнуть - слайдер становится нормальным, но почему при загрузке такое все кривое? Может потому что окно изначально скрыто? Надо на открытии слайдер активировать? Вопрос только как получить хоть какой-нибудь ссылку на объект из всплыающего окна? afterLoad fancybox callback передает куррент - но я не могу из него получить ссылку на всплывающее окн…
0 votes10 answers -
Подскажите слайдер с control и scroll одновременно
Здравствуйте. Подскажите, может кто знает готовый слайдер с подобным функционалом. Чтоб были и элементы листания по одному слайду и обычный скролл которым можно потихоньку двигать. Как вариант может хотя бы скролл, который двигает по целому слайду и перемешается на большее делении сразу.
0 votes2 answers -
Нужен совет новичку
Всех приветствую, третий день изучаю сайтотворение, очень весело))) Вот есть заказик, это я собрал за 24 часа, очень интересный процесс туча матов))) http://cssdeck.com/labs/kxkm7fxs Кое-что сам, основа не моя, но измененная самостоятельно, брал все бесплатное))) разобрался почти со всем, но 1. Как мне сделать чтобы текст допустим в шапке исчезал вместе с нажатием кнопки "начать тест" 2. Как мне залить на фон нормальную фотку, нашел сайты с бесплатными красивыми фото и большие, но не могу пока сообразить как сделать фоном, получаются маленькие картинки. При масштабировании качество никакое?))) 2. Как мне залить его на вордпресс клиенту…
0 votes21 answers -
Как собрать 3 строки в одну?
Имеется форум phpbb 2. И строка, расползшаяся на 3, хотя по бокам места полно. "Имя", "Пароль" и формы для них на первой строке, галка на второй, кнопка "Вход" на третей. Не пойму что менять надо, чтоб сделать все это в одну строку. Dreamweaver CS3 думает, что все нормально. Вот код. {L_AUTO_LOGIN} Так есть: http://mehalch.narod.ru/phpbb/42.gif (1,1 КБ) А так должно быть: http://mehalch.narod.ru/phpbb/43.gif (841 Б) Спасибо.
0 votes3 answers