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
-
рандомный фон из предложенных
Необходимо сделать так, чтобы имг выбирался рандомно из предложенного массива. Сейчас это выглядит совсем криво: <img src="bg/.png" id="main-bg"/> <script> var bg = ['bg/1.png', 'bg/2.png', 'bg/3.png', 'bg/4.png', 'bg/5.png', 'bg/6.png'], n while(n == undefined){ n = Math.round(Math.random()*7) if(n==0||n==7) n = undefined } document.getElementById('main-bg').src = bg[--n] </script> раздражает то, что пока скрипт грузится проходит полсекунды и заметно, как браузер сначала грузит пустую область (bg/.png - специально положил битую ссылку), а потом - нужную картинку на ее место. Это критично, т.к. положение остального содержимого страницы зависит от н…
0 votes4 answers -
Прокрутка фрейма
Скажите как сделать так что бы фрейм не заезжал при прокрутки под другие фреймы,а прокручивался вместе со страницей.Вот сейчас от так(под шапкой),а мне нужно что бы прокрутка была не на фрейме на на всей странице Вот код страници <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <frameset rows=23%,* border=0> <frame name="zagolovok" src="zagolovok.html" noresize scrolling=no> <frameset cols=20%,100% bordercolor=0> <frame name="зміст" src="зміст.html" noresize> <frame name="головна" noresize src="Головна.html">o </frameset> </html>
0 votes4 answers -
Проблемы с высотами таблиц
Ребята, обнаружил недавно, что сайт разъезжается по вертикали в разных браузерах. http://www.rumax.ru/ Обратите внимание, что в Firefox футер не достает до низа. А в IE лучше, но в центральной части какое то белое пространство широкое какое-то. Буду очень благодарен помощи и советам.
0 votes3 answers -
Проблема в шапке с разрешением 800x600
Здраствуйте друзья возникла следующая проблема сверстал шапку и на разрешенеии 800x600 правая часть наезжает на левую, при табличной верстке все хорошо! код html шапки <div id="header"> <div id="header_left"> </div> <div id="header_right"> </div> </div> <div id="header_menu"> <div id="header_menu_main"> </div> </div> css шапки #header { width:100%; height:327px; background:url(header/maket_bg.jpg) repeat-x top center; } #header_left { float:left; width:47%; height:327px; background:url(header/maket_01.jpg) no-repeat left; } #header_right { float:right; width:53%; height:327px; background:url(header…
0 votes7 answers -
Какие есть идеи? - верстка слайдера
Использую этот слайдер: http://www.devsaran.com/theme/dark_elegant/ видим на нем эффект Fade и красную шторку с текстом. Все замечательно...шторка эта приверстана к слайдеру отдельно, т.е. это не полноценные картинки в слайдере, на которых она красная нарисована вместе с текстом. В слайдере я поменял эффект на Slide. Цель: оставить шторку эту на месте, чтобы она не двигалась, а из под нее выезжали картинки. Сейчас с эффектом slide картинки выезжают вместе со шторкой. У кого какие идеи как это реализовать? Думал мож попробовать сделать контейнер, фоном ему справа задать эту шторку и запихать в него слайдера, но слайдер будет перекрывать фон. Желательно конечно еще кнопки п…
0 votes6 answers -
Скрипт, если не загрузился с сервера.
У меня стоит загрузка жейквери с гугла. Но вот недавно отрубился интернет и тут я увидела, что вот этот скрипт // Загружена ли библиотекаwindow.jQuery || document.write('<script type="text/javascript" src="js/jquery-1.9.1.min.js"><\/script>');Совсем-то и не работает . Точнее, он подключает скрипт локально, но он делает это после других скриптов (перед концом боди), поэтому другие скрипты выдают ошибку - мол, а мы не знаем, что это за функции такие $ - итп. Вопрос - как сделать, чтобы все заработало?
0 votes13 answers -
горизонтальная линия через заголовок
помогите пожалуйста решить проблему на страничке требовалось встроить заголовок, слева и справа от которого проходит горизонтальная линия. я сверстал его так. но если контент-менеджер увеличит количество букв в заголовке, то заголовок может поломаться или занять по горизонтали места больше, чем задумал дизайнер подскажите пожалуйста правильный способ вёрстки подобного заголовка ps другими словами. сейчас длина блока .h1 - 813px. нужно чтобы при изменении количества букв, эта длина не изменялась
0 votes8 answers -
Условыне комментарии для IE 9
Всем доброго времени суток! Есть страничка. Условные комментарии в IE9 создают какой-то отступ сверху. Как это исправить ?
0 votes7 answers -
Обратная анимация
Здравствуйте. Сделал анимацию при наведении мыши двух блоков. Не могу додуматься как сделать обратный плавный эффект при убирании курсора. https://jsfiddle.net/ynbfn515/ может надо было с переходами это сделать?
0 votes1 answer -
img в div по центру
Долго бился получил такой код: <div style="background: black;width:100%;height:100%;margin: auto; text-align: center;position: absolute;"> <img align="top" src="/images/video.jpg" width="700" height="394" alt="Video" style="width:100%;height: auto;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;" /> </div> выглядит так но на телефоне растягивает?
0 votes4 answers -
Как сделать чтобы кнопки были на одной линии Listen, Watch, Read
https://vasyldubno.github.io/project1/#blog https://github.com/vasyldubno/project1
0 votes1 answer -
Спрятанный текст в DIV или Table
Здравствуйте Надо зделать так чтоб половина куска текста была спрятана. Пример есть <div style="width: 50"> с длинным текстом и надо чтоб текст помешался столько сколько по параметрам ширины а остальной текст скрывался.
0 votes2 answers -
Ребят, помогите с CSS+Flash Menu Labs
В общем проблема такая.Сделал меню во Flash Menu Labs.Есть специпальный див поднавигационную панель высотой 35, но менюлька выдвигается и выстотой становится 100.И весь див под навигацию тоже растягивается на 100.Рисунок который служит как background растягивается в три ряда.Я гуглил, яндекса пытал.Вроде бы нашел решение...Написал стилях : position: relative; z-index: 100; Радовался как ребенок. Но не тут то было.У меня IE8, но когда зашел с IE6 то сильно расстроился.Проблема не решилась. Можете что-нибудь подсказать? Для наглядности выложил его на хостинг, посмотрите через IE6. Заранее огромное спасибо за здравые мысли и предложения. http://gmt.h18.ru
0 votes0 answers -
специфичное поведение height css attribute
Добрый день, Если указываю height в пикселях: #layres { height: 1000pt; } То в Firefox и IE видно, что аттрибут применяется. Если в процентах: height: 100%; Результат такой же, как будто его нет вообще. Как в Firefox, так и в IE. Самое интересное, что два часа назад, все работало в обоих браузерах. Не пойму, что изменилось. Просто в шоке. Подскажите плииз, куда копать...
0 votes4 answers -
Несколько Рамок Вокруг Изображения
Есть ли возможности средствами css создать вокруг изображения несколько бордюров разной толщины? Что-то наподобие border double, но чтобы линии были разной толщины, было их больше и/или отстояли друг от друга на определенной расстояние
0 votes7 answers -
Пароль
Вот предыдущий топик ССЫЛКА . Сделал чтоб вместо фона была картинка с надписью пароль.Но в экспловере focus не работает .Вот код .Скажите как сделать,чтоб там работало?! <input type='password' name='Password_login' class='header_divlogininputpassword' id='password' > #header_login .header_divlogininputpassword:focus { background-color:#ffffff; background-image: url('images/.jpg'); } #header_login input { width:130px; color:#000000; height:18px; border-width:7px; border-style:solid; border-color:#ffffff; border-left-width:7px; border-left-style:solid; border-left-color:#ffffff; font-family:"Arial"; font-size:14px; } .header_divlogininputpassword { background-image…
0 votes7 answers -
Маркерный списки, проблемы с Opera
Доброго времени суток! Открыв через Оперу эту страничку, при работе с навигационным меню, можно сразу понять в чём проблема. http://drew.hut2.ru/ все стили для меню в sh.css. Очень нуждаюсь в помощи.
0 votes2 answers -
a:visited img
Здравствуйте. Ситуация такова: Есть горизонтальная менюшка с кнопками нарисованными в фотошопе. Хочу чтобы нажатые кнопки обводились жёлтой рамкой. Казалось бы всего и делов - то ...вот код: a:{display:block;} img{border:none;} a:visited img{border: 1px solid #ffac4f;} a:hover img{border: 1px solid #ffa948;} <div id="knopkisverhy"> <ul> <li><a href="#1"><img src="../MoiSite/knopka.png" width="100" height="40" alt="Главная"></a></li> <li><a href="#2"><img src="../MoiSite/rasskazi.png" width="100" height="40" alt="Мои рассказы"></a></li> <li><a href="#3"><…
0 votes5 answers -
Проблема с jQuery Masked Input
При вводе телефона на самсунге планшете, цифры мешаются, задом наперед все, каша, на всех остальных устройствах все нормально. Скрипт к сообщению прикрепил. <input type="text" name="USER_PHONE" class="phone" value=""> Как можно вылечить данный баг? jquery.maskedinput.min.js
0 votes0 answers -
Информер в новом окне
Интереса ради скопировала себе код информера. Хотелось бы, чтобы при клике сайт открывался в новом окне. С обычным HTML кодом справиться я могу. Со скриптом-проблемы. Материалы здесь на сайте посмотрела, но что то я запуталась куда и что размещать. Может кто поможет дополнить необходимое? <script language=javascript src=http://www.sunhome.ru/informer/magics/magics.php?w=NjAw&ts=NA==&ls=MTE=&txs=MTI=&bs=Mg==&align=bGVmdA==&color=ZmYwMGZmODAwMDgwNDQ0NDQ0ZWU4MmVl >
0 votes3 answers -
Абсолютная высота блоков (%) не отображаеться в Опере
Здравствуйте, у меня такая проблема, есть код хтмл: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link href = "style.css" type="text/css" rel="stylesheet" /> <title>Index</title> </head> <body> <div class="site"> <div class="header"> <div class="logo"></div> </div> <div class="left_side"> </div> <div class="center"> <div class="content"> Content </div> </div> <div class="right_side">…
0 votes3 answers -
иконка сайта в IE7 не отображается
В Opera/9.63 и Firefox 3.0 работает, а в IE7 нет в чем может быть причина? <link href="favicon.ico" rel="shortcut icon">
0 votes3 answers -
Позиционирование
Вот спозиционировал кратинку на экране, в стилях прописал. .foto{position:absolute; border:8px; border-color:red; border-style:dotted; top:2.1cm; left:18cm; width:2cm; height:2cm; background-image:url(mini.jpg); background-repeat:no-repeat; } Когда во весь єкран, всё отлично. Когда окно браузера начать сворачивать начинается съезжать вправо. Что можно сделать?
0 votes4 answers -
подскажите пожалуйста
Добрый вечер. Хотел сделать футер на сайте - чтобы он был всегда внизу не зависимо не от чего. Пробовал position:fixed; Стоит то стоит, только вот передвигается вместе с прокруткой экрана.. Спасибо
0 votes11 answers -
div внутри table
делаю заготовку галереи. задумка такая, div-контейнер с width=100% растягивается на всю ширину страницы. внутри контейнера div-wapper с img. картинок очень много и все, что не влезло в контейнер должно скрыться с помощью overflow:hidden .slide_container { border:1px solid #DDDDDD; overflow:hidden; width:100%; } .slide_wrapper { white-space: nowrap; } <div class="slide_container"> <div class="slide_wrapper"> <img src="/1_image.jpg" alt=""> <img src="/2_image.jpg" alt=""> <img src="/3_image.jpg" alt=""> <img src="/4_image.jpg" alt=""> <img src="/5_image.jpg" alt=""> <img src="/6_image.jpg" alt="">…
0 votes2 answers