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
-
Стилизация input type и его превью
Мне надо было стилизовать input type, и что бы после загрузки, показалась превьюшка, я искал готовые решения, но они были какие-то очень большие, некоторые даже подключают большой css файл ratchet.css. И я решил написать свой решение, хороший ли это способ? https://jsfiddle.net/w30shtu9/ Скрытый текст <div class="wrap"> <div> <img src="" class="img-circle" id="theImage"> </div> <input type="file" id="photoInput"> <button class="addImg">Доб. Изображение</button> </div> Скрытый текст .wrap {border: 1px solid; width: 500px;} #photoInput { display: no…
0 votes2 answers -
При нажатие назад не переходит на предыдущую страницу
Здравствуйте! Я не как не соображу, причины, почему на сайте не переключается страница? Например: был на главной странице, зашёл в раздел "Моё видео",вверху на против ссылки делаешь возврат на главную страницу., значение у ссылки меняется, а самого перехода на главную нет! Подскажите пожалуйста причину, и посмотрите сами! http://www.vs-eti.ru/
0 votes1 answer -
Можно ли убрать пустое пространство
Я взял способ от скрыто / открывающего навигационного меню. Скрыл раздел в теге главная обернутый в li. Как убрать пустое пространство между main и нижним колонтитулами
0 votes0 answers -
Сколько времени займет верстка данного макета
Дали тестовое - сверстать. Сказали займет 4 часа. Но я в этом сомневаюсь. сам макет. https://drive.google.com/drive/folders/1uu2IbqtlJYSpirSyCUbE6tDsDZmfkpgY
0 votes2 answers -
Проблема с flashvars
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="200" height="100"> <param name="movie" value="/events/flash/no_scratch.swf"> <param name="flashvars" value="time=&event=score&result=0%3a0&playerhome=droylsden&playeraway=southpor"> <embed src="/events/flash/no_scratch.swf" quality=high bgcolor=#ffffff width="200" height="100" flashvars="time=&event=score&result=0%3a0&playerhome=droylsden&playeraway=southport" name="mtown" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/…
0 votes1 answer -
radiobutton (прошу совет)
Добрый день. Не знаю у кого спросить - спрошу здесь. Есть страница, на ней есть форма form с полями для логин и пароль, кнопка input. также на странице есть кнопка регистрация - просто img с линком. Надо, чтобы кнопка на странице была одна, была form с радиокнопками. Нажимаешь крыжик, вводишь логин/пароль, нажимаешь input, либо второй крыжик и редирект на страницу creataccount.php (например). Подскажите как это реализовать?
0 votes1 answer -
background-size
Добрый день! Вот что выдает валидатор http://validator.w3.org/ 21 .shapka Свойство -webkit-background-size не существует : 100% 22 .shapka Свойство -o-background-size не существует : 100% 23 .shapka Свойство -moz-background-size не существует : content-box 77 .spisok Свойство background-size не существует в CSS2.1, но существует в [css3] : 100% 100% 103 .razdel Свойство background-size не существует в CSS2.1, но существует в [css3] : 100% 100% Как быть? Может где то у меня нужно указать что это css3 или как то по другому написать сам css. Вот мой кусок css .shapka { position: absolute; height: 13%; width: 88%; left: 0%; top: 0%; right: 0%; bottom: aut…
0 votes5 answers -
Вопрос про прозрачность png
Здравствуйте. Столкнулся с такой делемой. Примитивно, код такой... <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <body> <div id = "main"> <div class = "button"> <img src = "images/catalog_menu/buttons/u2.png" /> </div> </div> </body> </body> </html> В CSSке прописан бэкграунд страницы, бэкграунд дива main. Файлик u2.png должен быть одной из конпок на странице. У него есть прозрачные пиксели, через которые должен быть виден бэкграунд дива main. Так вот проблема именно в том что через эти прозрачные пиксели видно фон страницы, а не дива main. Подскажи…
0 votes2 answers -
Вопросы по верстке макета (онлайн)
Доброго времени суток! Новичок, первый макет с которого начал верстать. Оригинал: На данный момент (что имеется): Вопросы: 1. Как лучше реализовать пункты меню? (Далее будет код) 2. Черная плашка. Как ее реализовать? 3. Общие комментарии. HTML: <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="content"> <div class="header"> <img src="img/logo.png"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">PRODUCTS</a></li> <li><a href="#">SERVICES</a></li>…
0 votes5 answers -
img в body
При вставке изображения шириной более 150 пикс в документ все тело сдвигается влево на 10-15 пикс. В чем может быть проблема подскажите.
0 votes8 answers -
css и чекбокс
есть блок в нем чек бокс <div style='width:200px; height:100px; border:1px solid black;' id='bk%1'> <input type='checkbox' class='bk1 />Delete пытаюсь сделать так что б при выборе чекбокса менялся фон div пытался так .bk1:checked + #bk1{ background: #fc0; } смотрел пример тут http://htmlbook.ru/css/checked подскажите как реальзовать мою задачу именно на Css
0 votes5 answers -
Неправильное вращение в Опере
Нашел интересный пример горизонтальной гармошки, решил использовать. В примере опера вообще не хочет вращать заголовки. Скачал пример, поправил стиль: добавил для оперы "о-трансформ" .easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px; /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Opera */ -o-transform: rotate(-90deg); cursor:pointer;} Но это не помогло, загловки все равно странно смещены. Теперь просто интересно докапаться, как исправить неправильное отображение. Помогите разобраться.
0 votes1 answer -
Фон справа и слева разный
На фото, там где слайдер - переход фона слева и справа разный. Код примерно такой: <div style="width:100%; background: #FF0;"> <div style="width:980px; margin:0 auto;"> здесь слайдер </div> </div> Как сделать так, чтобы слева, где заканчивается слайдер - продолжался такой же фон? А справа соответственно такой же, как справа у слайдера http://s2.ipicture.ru/Gallery/Viewfull/18603720.html
0 votes3 answers -
Как реализовать выбор элемента из списка
Вот для примера код списка: <form id="myform" > <select id="mymenu" > <option value="http://site1.ru">Москва</option> <option value="http://site2.ru">Питер</option> <option value="http://site3.ru">Владивосток</option> <option value="http://site4.ru">...</option> </select> <input type="button" value="Go" onclick="window.location= document.forms[0].mymenu.options[document.forms[0].mymenu.selectedIndex].value"> </form> Данная форма при выборе из списка элемента и клике по кнопке открывает сайт выбранного города. Если список будет очень большой (около 2000 городов) можно ли пер…
0 votes3 answers -
Подскажите, как сделать подобное?
Добрый день. Недавно появилась идея - создать сайт с автоматизированной системой матчей по игре League Of Legends. Существует огромное кол-во подобных сайтов только по КС. Вот примеры http://fragarena.ru/ http://live-cs.ru/ . На них есть модуль для создания миксов/турниров, в принципе есть такой уже готовый для движка livestreet, однако хочется научится делать подобное своими руками. Подскажите пожалуйста какими знаниями нужно обладать для этого? Можно ли это сделать с помощью одного PHP или все обстоит сложнее? Интересуют модуль с кланварами, сообщество и модуль команд. Очень надеюсь на вашу помощь
0 votes6 answers -
Картинки в 1 html файле
Добрый день. Очень давно картинки пихал в html файл в виде текста. Сечас забыл как =) Подскажите пожалуйста как? В одном уверен это не svg и не base64. Спасибо.
0 votes10 answers -
резиновая вертска
В общем есть такая проблема. дана табличка <title>Резиновая табличная верстка сайта</title><style type="text/css">.header {height:60px; background-color:#717dc9; padding:20px; text-align:center}.left_col {width:120px; height:460px; background-color:#dddddd; padding:15px; vertical-align:top}.center_col {background-color:#ffffff; padding:15px; vertical-align:top}.right_col {width:120px; background-color:#dddddd; padding:15px; vertical-align:top}.footer {padding:10px 0 10px 20px; background-color:#717dc9; font-size:13px}</style></head><body><table cellpadding="0" cellspacing="0" width="100%" align="center"><tr><td colspan="3…
0 votes2 answers -
Как слой <div> выровнить по середине экрана?
Собирал сайт на ноуте где разрешение экрана 1360х768. Выравнивал строго прописывая отступы. При попытке открыть сайт на компе где вместо монитора стоит телевизор с разрешением 1920х1080, оказалось что весь сайт смещен влево. и даже картинка фона сползла влево! Собственно от туда и вопрос: как выровнить слой по середине экрана независимо от разрешения экрана! Для примера, как выглядят сейчас мои слои: <html> <head><meta http-equiv="Content-Language" content="en-us"><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Новая страница 1</title></head> <body> <div style="position: absolute; width: 4…
0 votes8 answers -
Как заставить свойство transition выполняться одновременно на нескольких элементах?
Добрый день уважаемые! Подскажите, пожалуйста, как заставить свойство transition выполняться одновременно на нескольких элементах (div) Вот код: <div class="anim"> <div class="mbez" style="transition: width 3s ease;"></div><div class="mbez" style="transition: width 3s linear;">;</div><div class="mbez" style="transition: width 3s ease-in;"></div><div class="mbez" style="transition: width 3s ease-out;"></div><div class="mbez" style="transition: width 3s ease-in-out;">;</div><div class="mbez" style="transition: width 3s step-start;"></div><div class="mbez" style="transition: width 3s step-…
0 votes2 answers -
imagettfbbox
Здравствуйте, объясните мне пожалуйста вот что... Есть PHP функция imagettfbbox которая измеряет размер написанного шрифтом ttf. Она возвращает массив из 8 ячеек, в моём случаи этот массив выглядит так: Array ( [0] => -1 [1] => -1 [2] => 110 [3] => -1 [4] => 110 [5] => -33 [6] => -1 [7] => -33 ) А получаю я его таким образом: $box = imagettfbbox(32, 0, 'lobster.ttf', 'Текст'); print_r($box); Вот картинка, которая показывает где находится та или иная точка: Вопрос 1: почему у меня есть отрицательные значения и почему они бывают в принципе? Вопрос 2: точка 0 и 1 равны и это правильно если смотреть на картинку, а вот …
0 votes0 answers -
html Помогите с неправильным отображением.
В данном коде неправильно отображается текст, который я пытаюсь перенести в левый нижний угол. Помогите исправить ошибку!!! Заранее спасибо! <html> <head> <title>ИС-41521</title> <style> <style type="text/css"> h3 {display: inline; background: black; /* Цвет фона под заголовком */ color: green; /* Цвет текста */ padding: 2px; /* Поля вокруг текста */ font-size: 12px; } #container { width: 500px; /* Ширина макета */ margin: 0 auto; /* Выравниваем по центру */ background: #FCE600; /* Цвет колонок */ } body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; …
0 votes4 answers -
Первый опыт - надеюсь на советы/материалы по семантической верстке
Доброго вам времени суток, уважаемые форумчане. Студент, 2-й курс. На радостях от того, что смог закрыться без долгов по результатам летней сессии, решил потихоньку начать разбираться с вебом, ибо мне предстоит осваивать эту дисциплину в следующем семестре. Да и в целом это направление меня очень привлекает. Взял себе небольшую книжку, где довольно поверхностно покрываются несколько тем, в их числе: html, css, js, jquery, ajax, php, cms. Понять основные принципы, синтаксис и структуру оказалось просто. Раздел посвященный JS так вообще за 10 минут пролистал - благо есть опыт, и опыт неплохой: за плечами год Джавы. Решил перейти к практике и начать с самого начала - …
0 votes2 answers -
Как подключить 4 галереи к 1 сайту
Привет, задал подобный вопрос ранее, что нужно менять или добавлять в js коде, чтобы 4 галереи одинаковых подключить к 1 сайту, вот сам код https://jsfiddle.net/fdrq56ym/
0 votes1 answer -
Помогите исправить
Не могли бы вы подсказать, если в коде 2 тега титл, то это какая то ошибка? Просто мне делали год назад сайт, и я не уверена что правильно. вот поподробнее: <title>Световые буквы</title> <meta name="keywords" content="реклама на транспорте, наружная реклама Москва, вывески, наружная реклама, штендеры, стенды, монтаж наружной рекламы, панель-кронштейн, световые вывески, таблички, интерьерная печать, латунные таблички, баннеры, объемные буквы, регистрация наружной рекламы, неоновая реклама, световые короба, перетяжки, оформление витрин, неон, металлические буквы" /> <meta name="description" content="Реклама на транспорте. Лучшие цен…
0 votes1 answer -
Правильно ли прописан код кнопки?
Проблема заключается в тои,что на сайте не отображается кнопка. Как исправить, помогите пожалуйста. #reg_auth>a { color:white; } #reg_auth>a:hover>div.btn { border-bottom: 2px solid rgba(217, 91, 72, 1); margin-top: 5px; } #reg_auth>a:active>div.btn { border-bottom: 0; margin-top: 5px; } #reg_auth>a>div.btn { float: right; margin-right: 3%; margin-top: 5px; border-radius: 5px; padding: 5px; 9px; font-size: 1.2em; background-color: rgba(236, 101, 80, 1); text-shadow: #454545 0 0 20px; border-bottom: 4px solid rgba(217, 91, 72, 1); font-family: 'Roboto Slab', serif; }
0 votes1 answer