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
-
Верстка картинок списка шаблон Django
Как переместить картинку слева от категории списка? <ul class="dropdown-menu" data-navigation="dropdown-menu"> {% category_tree depth=2 as tree_categories %} <li><a tabindex="-1" href="{% url 'catalogue:index' %}">{% trans "All products" %}</a></li> {% if tree_categories %} <li class="divider"></li> {% for tree_category, info in tree_categories %} {% if info.has_children %} <li class="dropdown-submen…
0 votes1 answer -
Оформление тега <audio>
Здравствуйте, не могли бы мне помочь сделать дизайн элемента <audio>?
0 votes3 answers -
Выпадающее меню на CSS
Нужно выпадающее меню на Css(в яве не бум-бум) Нашла огромное количество описаний, делаю по http://www.webmascon.com/topics/coding/42a.asp вот мое меню <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Выпад меню</title> <link href="help.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrap"><!--начало оболочки--> <div id="content"><!--начало контента--> <div id="sidebar"> <d…
0 votes2 answers -
Выпадающие списки?
Подскажите как сделать выпадающие списки одной длины (http://baza-rialtor.ru/index.php?action=search&s=1), а не так что каждый список подгоняется под самое большое слово!
0 votes7 answers -
Не работает border-collapse
Ставлю этот параметр на collapsed и всеравно между ячейками две линии.(
0 votes2 answers -
2 изображения в фоне сайта
Здравствуйте! http://stasfetisov.ru/praktika/index1.html Если посмотрите эту страницу в Chrome - всё как надо: 2 картинки - слева внизу и справа вверху. IE и Avant - вообще не отображают картинок. Opera - некорректно отображает левую нижнюю. картинку - не в самом низу, а сильно приподнято. Код CSS описания: <style type = "text/css"> body { background: right top url("img/corner.png"), left bottom url("img/down-corner.png"); background-repeat: no-repeat; background-color: rgb(255, 255, 255); } </style> Почему только Chrome нормально меня понимает? Как заставить другие браузеры, в частности IE воспринимать нормально обе картинки? Спасибо.
0 votes5 answers -
Форматирование текста в li
Проблема собственно в следующем. Есть список Ul LI в тегах LI попадаются иногда слишком длинные фразы поэтому происходит перенос на следующую строку. Вопрос как сделать чтобы текст в следующей строке был ровно под текстом в первой строке а не уходил вправо. Спасибо!
0 votes7 answers -
Вопрос по дизайн шапки сайта DLE
Привет всем! Возник такой вопрос, есть сайт _http://www.zkarate.org/ - задумка сделать шапку была такая: В результате получилось: Я так понял, что шапка имеет три блока, с первым проблем вроде как нет, а блоки 2 и 3 мешают друг другу - сдвигают, или загоняют друг друга вверх вниз. 1-й вопрос - как сделать так, чтоб картинка с каратистами растянулась по высоте 2-й вопрос - чтоб картинка с каратистами не мешала тексту по середине. Часть кода main.tpl {AJAX} <body> <div id="container_wrap"> <div id="header"> <div class="logo"><a href="/" title="На главную"><img src="{THEME}/images/logo.png" alt="" /></a></div> <div id="…
0 votes1 answer -
Не могу выровнять меню
Подскажите пожалуйста, как менюшку сдвинуть в левую сторону? И еще, при уменьшении размера окна съезжает поиск. Эти проблемы в мозиле не видны. А вот в гуглхроме и опере, отображено криво. вот сайт http://mirfailov.net/ вот код стилей. /*—Menu—*/ .darkbg { background: #000099 url("../images/colorbg.png"); } #menubar { padding: 0 12px; height: 50px; border-top: 1px solid #646c74; background: url("../images/populshd.png") no-repeat 50% 0; } #menubar .lcol, #menubar .lcol ul, #menubar .lcol ul li, #menubar .lcol ul a { float: left; } #menubar .lcol { overflow: hidden; height: 50px; } #menubar .lcol ul { font-size: 1.15em; line-height: 49px; margin-left: -2px…
0 votes4 answers -
Сайт на php
У меня есть сайт на hostinger. Он в html-формате. Если я сменю формат на php, и добавлю туда некоторые строки php-кода, он будет работать на php? Возможно, вопрос будет не понятен или даже глупым, но только так пока сформулировал вопрос.
0 votes5 answers -
Как сделать заполнения букв в input вместо черточек
Как сделать, чтобы строка при заполнении такой строки "_____", где 5 чёрточек вместо чёрточек заполнялись буквы и если я захочу стереть какие-нибудь буквы, то чёрточки восстанавливались, а буквы при этом не должны смещаться с позиции влево, например, на пятой позиции вместо чёрточки буква "а", то при удалении буквы находящейся на 2 позиции буква, "а" не смещалось влево на другие позиции. Я слышала, что такое можно сделать как-то с помощью масок, но даже не представляю как?
0 votes3 answers -
Ссылки по дуге
Нужно расположить несколько ссылок-картинок (меню) по горизонтальной дуге. Думал сделать так: #menu li { position: relative; display: inline; } #menu li a { display: block; margin-left: 30px; width: 75px; height: 75px; } а уже сами ссылки подогнать по высоте при помощи top: xx; но оказалось, что при помещении блочных ссылок внутри встроенных [*], последние дружно выстраиваются столбиком. В чем моя ошибка?
0 votes3 answers -
Убрать теги, добавить теги, изменить текст
У меня такое задание: 1. Необходимо изменить текст ссылки "Главная" на "Главная страница" посредством css. 2. Добавить кусочек html кода с помощью css (after и before добавлют как текст) 3. Убрать некоторые теги <br>. И все это с помощью css. Зачем? Мне необходимо переделать вап-версию портала в веб, путем лишь изменения css, и у меня встали вот такие трудности. Заранее спасибо. Ах да, и еще - как сделать так, чтобы тег div автоматически не переносился на другую строку? изменить на span не имею возможности. спасибо.
0 votes3 answers -
Не получается изменить цвет блока
никак не получается изменить цвет белого текста в блоке на главной (скрин) http://rubasket.com пробовал-пробовал-не вышло :
0 votes13 answers -
<H1> не отображается в IE 8
Всем привет. Есть шапка сайта цельная картинка(блок div background:url(...)) на ней <H1> написан заголовок . Он не всегда отображается. Если обновлять страницу то переодически пропадает. В чем может быть дело? И еще у одного заголовка свойство letter-spacing:1em; в safari opera нормально отображается ширина а в IE чуть меньше. Как выйти из этой ситуации?
0 votes6 answers -
сайт-визитка для фотографа
доброго времени суток, уважаемые форумчане! Я с друзьями занимаюсь оказанием фотоуслуг (свадьбы, фотосессии и т.п.) в одном провинциальном городе. Не самый прибыльный "бизнес", но его удобно совмещать с учебой в институте и все это, возможно в силу возраста, для нас интересно и в новинку. Идея продвигать/рекламировать наш "бизнес" через интернет появилась давно, но реальных шагов до сих пор не было. Суть идеи в чем: хотим создать сайт-визитку в 3х версиях: легкая версия/html (для медленного интернета), flash (для быстрого интернета), pda (для мобил, кпк и т.п.). Сайт будет состоять из общего описания услуг, фотогалереи, примеров наших видео-работ, формы связи с нами и н…
0 votes6 answers -
Сохранить динамическую страницу
Я сделал файл на своем ПК,с ява скриптом, который создает новые строки в таблице, в которую я забиваю значения. Но нет возможности сохранить готовую таблицу ( только принскрином) <table id="myTable" border="1" cellpadding="2"> <tr> <td>Дата </td><td>Модель принтера</td><td>Модель картриджа</td><td>Ответственный</td><td>Фирма</td><td colspan ="4">Выполненые работы</td><td>Стоймость</td><td>Заправщик</td> </tr> </table> <script LANGUAGE="JavaScript"> function addRow(id){ var tbody = document.getElementById (id).getElementsByTagN…
0 votes6 answers -
Не стандартная верстка
Хотелось бы узнать ваши идеи верстки вот такого дизайна.В моей верстке пожалуйста не обращайте внимания на стили внутри html тегов, это сейчас не важно. При таком варианте, у меня проблема в том, что при разрешении по высоте более 1080px темные треугольники (padding картинки) внизу (будут обрезаны, так как фиксированная высота и overwlow у wrappera). Не нужен код, а просто - Ваш метод и основная идея или решение моей проблемы? Спасибо.
0 votes4 answers -
Проблема с отображением в IE6
Доброго времени суток, господа верстальщики, дизайнеры и все-все-все! Помогите, пожалуйста, разобраться, где может крыться проблема с гадким браузером IE6, на который извечно приходится натягивать тройной презерватив. Работаю с CMS Joomla, это мой не первый сайт, но ошибка подобного рода наблюдается мной впервые. Шаблон делаю сам с нуля. Никаких артистиров, никаких генераторов CSS и прочих "говнокодогенераторов", всё вручную в Notepad++ Однако, опыт ещё не столь велик, чтобы чувствовать себя хотя бы продвинутым, не то что гуру Вот так всё должно выглядеть (так это выглядит в браузерах Google Chrome и Mozilla Firefox): А так это выглядит в IE6: Хорошо заметна…
0 votes6 answers -
Помгите написать CSS для вывода изображений
Добрый день. Я столкнулся с такой проблемой в WP: В процессе поиска решения, мне посотетовали что правильнее будет "отделение оформления от содержания" Но я совершенно не умею этого делать. В посте у меня одна картинка 150 х auto (миниатюра), остальные 100% х auto. помогите с куском кода для CSS, куда его вставить, и что нужно добавить в код картинки, что бы это было реализовано? (в приоритете перед физической шириной, шириной указанной в коде вывода картинки и, возможными другими установками темы? Возможно я что то не правильно формулирую, но моих знаний (точнее мое полное не знание CSS) не позволяет сформулировать точнее. Спасибо
0 votes13 answers -
Простая форма на html. Простая защита от роботов.
Не нашел подобную тему на форуме. И не нашел ответ на вопрос в описании тегов форм. Суть в следующем,повадился на мой сайт какой то долбанный робот и постоянно заполняет форму. Меня запарило каждый раз все это проверять, что бы понять реальная ли идет заявка или робот гадит. Форма простая на html, вот код. <!-- Начало формы бронирования --> <form action="formdata.php" method="POST" name="zayavka"><p><label>Введите Ваше имя: <input type="text" name="name" required size="40" maxlength="25"></label> <p4>*</p4></p><br><p><label>Введите Ваш номер телефона: +7 <input type="text" name="tel" required…
0 votes4 answers -
https
помогите пожалуйста понять что такое https из прочитанного я пока понял приблизительно следующее: 1. если сайт обменивается с посетителями ценной информацией(например сайт банка предоставляет сервис личного кабинета с возможностью перевода денег), то все данные должны передаваться в зашифрованном виде. 2. то есть владелец сайта через какой-то сервис(типа сервиса по прожадам доменных имён) покупает ssl-сертификат и после этого между сайтом и браузерами клиентов передаётся контент, зашифрованный при помощи 100-значного ключа 3. таким образом количество запросов между клиентом и сервером увеличивается. соответственно скорость получения информации несколько уменьшается ес…
0 votes6 answers -
Как заменить тег <h3>
Подскажите пожалуйста. Выяснилось, что на сайте, названия информационных блоков заключены в тег <h3>. Уже битый час бьюсь, и никак не могу заменить его. <?php if ($informations) { ?> <div class="column"> <h3><?php echo $text_information; ?></h3> <ul> <?php foreach ($informations as $information) { ?> <li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li> <?php } ?> </ul> Как в этом коде заменить тег <h3> на такой же размер шрифта, но чтобы не сломать класс "column"?
0 votes6 answers -
Обрезка изображения линиями
Существует специальная функция которая рисует изображение drawImage и её перегруженный вариант которая делает обрезку изображения и принимает она 8 параметров. drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight); Можно ли как ни-будь сделать обрезку изображения не таким способом, а с помощью линий (lineTo). Вот сам код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Загрузка картинки</title> <script> var canvas, ctx, img; window.onload = function() { canvas = document.getElementById("drawingCanvas"); ctx = canvas.getContext("2d"); var img = new Image(); img.src = "img2.jpg"; img.onload = …
0 votes10 answers -
Ищу аналог deviceponsive.com
Всем привет, Подскажите, пожалуйста удобный аналог http://www.deviceponsive.com/ для тестирования верстки на разл девайсах Спасибо!
0 votes3 answers