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
29,542 questions in this forum
-
Не могу выровнять по центру картинку и текст
привет есть следующий код .title /текст/ { font-weight:bold; } .cell /ширина текстового поля/ { float:left; min-width:150px; } .img/картинка/ { border:none !important; float:left; padding:5px 5px 5px 0; } визуально получается картинка прижатая к краю, и с правой стороны обтекается текстом необходимо же чтобы картинка была по центру ячейки, а текст был прописан под ней делаю следующую конструкцию: .title /текст/ { font-weight:bold; display:block; text-align:center; } .cell /ширина текстового поля/ { min-width:150px; } .img/картинка/ { border:none !important; display:block; margin:0 auto; padding:5px 5px 5px 0; } результата нет... что я делаю не так?
0 votes5 answers -
Как сделать адаптивным такой блок?
Как сделать так, чтобы этот блок уменьшался по ширине экрана? На обычном ПК он максимально 960px в ширину. Я сделал изображение через тег <img> с шириной 100%, а блок с кружками со свойствами position: absolute; top: 50%; margin-top: -78px; right: 1.2%; width: 100%; Сами кружки прописаны так: margin: 0 0.9%; float: right; Но они сильно съезжают влево с фона при уменьшении разрешения. Как их оставить на своем месте и уменьшать динамически? Т.е. чтобы кружки (и их отступы) уменьшались вместе с блоками Вот что при уменьшении случается:
0 votes3 answers -
imagecopyresampled выдает черный прямоугольник
поломал уже голову. функция выдает черный прямоугольник, но размер изменет... может я чего то не понимаю??? function re_size ($src, $width, $height) { if($width>$height) $ratio=$width/500; else $ratio=$height/500; $new_width=round($width/$ratio); $new_height=round($height/$ratio); $idest = imagecreatetruecolor($new_width, $new_height); $image = imagecreatefromJPEG($src); imagecopyresampled ($idest, $image, 0, 0, 0, 0, $new_width, $new_heidht, $width, $height); imagejpeg($idest, 'try1.jpg', 100); }
0 votes2 answers -
Css и теги <code>,<quote>
Подскажите что тут ни так, пищу два одинаковых тега в style.css blockquote { background:#F4F5F7 url(images/blockquote.gif) no-repeat; border:1px dashed #CCCCCC; margin:5px 0pt; padding:8px 12px 8px 36px; } code { background:#F4F5F7 url(images/code.gif) no-repeat; border:1px dashed #CCCCCC; margin:5px 0pt; padding:8px 12px 8px 36px; } Только разные картинки, а выдает по разному, как сделать что Коде отображалась так же как и Цитата
0 votes4 answers -
iframe обрезать по краям
На сайте необходимо использовать стороннюю информацию, которая загружаться через iframe. iframe имеет определенные размеры не вписывающиеся в сайт. Можно уменьшить iframe параметром width, но тогда информация, флеш ролик, отображаться не корректно. Желательно обрезать с двух сторон поровну. Как это можно сделать? Пытался Div, но iframe вылезает за div. Пытался так left: 50%; margin-left: -половина ширины флешки; Не работает.
0 votes0 answers -
бэкграунд блоку
Никак не могу задать бэкграунд блоку: всё перепробовал ( http://rubasket.com)
0 votes9 answers -
IE6: не убирается элемент при отведении курсора в hover
Возникла проблема: для ссылок меню дизайнер предусмотрел красивую подсветку снизу при наведении. Возникла проблема в "горячо любимом браузере": после отведения курсора с пункта меню не убирается эта самая подсветка. Код меню: <ul class="menu zoom"> <li><a href="#" class="current" title="Главная">Главная<span class="left"></span><span class="right"></span></a></li> <li><a href="#" title="О предприятии">О предприятии<span class="left"></span><span class="right"></span></a></li> <li><a href="#" title="Услуги">Услуги<span class="left"></span><…
0 votes9 answers -
Не отображается картинка в IEtester
По умолчанию когда выбираешь в каком браузере открывать, открывает страницу. Ссылка Если вкладка открывается для стандартного ie или для ie8, то все нормально. А если вкладка для ie6 или ie7, то не отображается картинка, где написано IETester Home, в чем проблема? В настройках браузера включено отображение изображений.
0 votes11 answers -
Резиновое меню списком внутри DIV
Есть DIV, резиновый Внутри него должно быть меню, из 5ти элементов, каждый по 20% соответственно. Когда ставлю 20 - менюшка уезжает за ДИВ, тоесть считает 20% от всего окна. Как её заставить встраиваться в див? Наверно какие-то параметры display надо прописать, но пока не понимаю. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> #hmenu { z-index:1; height: 50px; background:red; margin-left: 2…
0 votes13 answers -
Посоветуйте литературу
Здравствуйте, прошу посоветовать литературу для начинающих web программистов типа : html/html5 css PHP+MySQL Javascript или что-то в этом роде или же дать список качественных статей (желательно побольше и что бы они были связаны.) Я просматривал некоторые статьи приведенные в этом форуме некоторые были полезные а, некоторые нет т.к. я даже не понимал почти все, что там написано. Спасибо за то-что вы это прочитали и надеюсь вы мне посоветуете действительно качественные тексты.
0 votes15 answers -
Танцы с бубнами, или оберточный див.
<div class='sic'> <div class="call call-on"><span href="#non"> </span></div> <div class="email"><span> </span></div></div>.sic div { position:relative; z-index:1; overflow:hidden; list-style:none; padding:0; margin:0 0 0.25em; width: 30px;}.sic div:before,.sic div:after,.sic div span:before,.sic div span:after { content:""; position:absolute; top:50%; left:0;}.sic div span:before,.sic div span:after { margin:-8px 0 0; background:#c55500;}Если код с классом то все выглядит так: http://prntscr.com/475oby А если без класса .sic, то так: http://prntscr.com/475p17 Все пустое, ниче…
0 votes9 answers -
Пропорциональное уменьшение сайта, бред ли?
Скажите пожалуйста, возможно ли такое вообще? К примеру есть сайт, 2560px в ширину. Можно ли сделать так, чтобы вплоть до 980ти пикселей он просто, как картинка с шириной 100% уменьшался, а потом перешёл в мобильную версию? Это же полнейший бред?
0 votes3 answers -
проблема с обрамленим input'a типа text
проблема заключается в том, что не могу поменять бордеры у input'ов типа text... как видно на скрине (хоть и плохого качества), но видно что на кнопке бордера нет, а вот на текстовом поле есть оранжевое обрамление... не подскажете от чего это может быть... ибо такого цвета бордеры нигде в CSS таблицах не прописывал...
0 votes6 answers -
Заголовок таблицы на рамке
Подскажите пожалуйста.!!! Есть таблица с рамкой style="border:1px solid #294d90;" . Как можно написать название таблицы на рамке, тоесть идет верхняя полоса рамки, потом обрывется идет текст, а после текста снова линия рамки. Примерно так ——-- Заголовок ————. Как такое сделать с таблицей? Или это где то уже описано дайте ссылочку пожалуйста!
0 votes4 answers -
Нужна помощь!
Здрасте! Я нович?к в этих делах, и знаю только часть(1/2) языков html и css, больше не чего не изучал пока(плохой доступ к инету). У меня вопрос: можно ли на сайте написанном исключительно на html и css написать регистрацию пользователей и форум на этих же я зыках, или для этого нужны ещ? и скрипты, если нужны то какие! Заранее спасибо!
0 votes13 answers -
Как Поставить Картинку В Форму Ввода Вместо Стандрартной Кнопки Вход
Если я использую <button type="submit"><img src="" /></button> то на стандартное окошко просто напросто как бы налаживается моя картинка, я использую форму ввода пароля такого типа? не подскажите как можно сделать? <form action="login.php" method="post"> <input type="password" name="password" value="1111111111" size="21"> <input type="submit" value="ВХОД" style="font-weight: 700"> </form>
0 votes1 answer -
Гостевая книга
Здравствуйте, вот в чем вопрос. Две ссылки, там гостевая книга: http://hostweb.narod.ru/php/8.htm http://hostweb.narod.ru/php/9.htm Пытаюсь разобраться в коде, но у меня при просто копировании содержимого в файлы книга не работает. У кого нибудь работает? Может кто нибудь кинуть рабочую эту книгу размещенную на сайте? И еще объясните мне пожалуйста по какому принципу работает кнопка отправить в этой книге? То есть как она активируется? У меня даже просто в файле содержимое textarea не сохраняется. Спасибо.
0 votes7 answers -
Вопросы по резиновому дизайну.
Народ, просьба только камнями в меня за ньюбство не бросать Вопросы в следующем: 1. При задании для дива в ксс-е свойства width:100% и height:100% ширина в 100% работает хорошо, а вот с высотой проблемы. Тоесть сей див не растягивается на всю высоту экрана браузера. Это как-то можно вылечить или нет? 2. В заголовке есть 2 картинки, одна слева, вторая справа. реализовано это так: <div id="header"> <div id="left"> <img src="img/Header3.jpg" width="400" height="110" align="left" /> </div> <div id="right"> <img src="img/header2.jpg" width="138" height="110" align="right" /> </div> </div> CSS к ним: #header{ width:100…
0 votes9 answers -
Выравнивание текста во вложенной таблце
Здравствуйте, у меня есть проблема с выравниванием текста, никак не могу понять в чём дело. Суть в следующем: Есть вложенная таблица в таблице, во вложенной таблице есть текст, который напрочь отказывается центрироваться по вертикали. Код к примеру следующий: <table> <tr><td>text</td></tr> <tr><td> <table> <tr> <td valign="center" id="middle">Текст, который надо отцентрировать</td> </tr> </table> </td> </tr> </table> В чём дело не могу понять :[ #CSS #middle { vertical-align: middle } таблица
0 votes4 answers -
Подчеркивание ссылки
.entry a{color: #363636; border-bottom: 1px dashed #006600;} .entry a:hover{text-decoration: none; border-bottom: 1px solid #006600;} no_dash a{text-decoration: none;} В блоке entry ссылки подчеркиваются пунктиром как сделать блок внутри entry, где ссылки никак не подчеркиваются <div class="no_dash"> - не помогает
0 votes9 answers -
баг с :hover в Opera 9.5
Имеется выпадающая менюшка на css, посмотреть можно тут http://www.dostavka-usa.com.ua/index_new.php. Выпадает при наведении на кнопку "выбор товара". Проблема заключается в том что в opera 9.5(возможно в 9 - тоже. В 8.5 все нормально). второй уровень меню вслывает непосредственно с текста пункта на первом уровне, а не со всего пункта li. Причем если кликнуть на корневыю кнопку и перейти на страницу каталога(соответственно у кнопки появляется стиль :active) данный баг исчезает. Небольшое уточнение: в местах, где под выпадающим списком первого уровня ничего нет все работает правильно, если же под ним есть текст/рисунок/поле формы - они как бы "мешают" срабатыванию hover н…
0 votes4 answers -
Единое меню, для офлайн "сайта" т.е. без движка?
Очень-очень нужна помощь. В примере "Фиксированная ширина, навигация слева" (на этом же сайте) Если расположить пункты меню слева в желтом поле, можно ли сделать ссылки так, что б они открывались в правом синем поле, не перегружая левое? Или слева открывался файл menu.html с пунктами меню, а справа содержимое ссылки например str1.html и т.д. Если да, то как? (я подумал о фреймах сразу, но теги body и frame оказались не очень совместимы как -то?! Люди добрые, поможите, чем можете, если можете. Имеется ввиду, без использования какого либо движка вообще, типа Джомла и т.п. И вообще без веб сервера, просто странички на своем компьютере т.е. в офлайне, точнее для C…
0 votes4 answers -
Флеш и js
прикруттил скрипт js в теге ссылки открытия фото прописан параметр этого скрипта, но когда картинка открывается в новом окне и в шапке сайта флеш, то флеш срезает и перекрывает часть фото которая на не? наехала! как это побороть?
0 votes8 answers -
Как всегда проблема с IE
Добрый день. У меня проблема, сверстала сайт на div-ах, в Firefox-у вс? нормально, а IE выдает не совсем , понятное смещение блока "html" вправо. С чем это может быть связано? Если вс? очень банально, сильно не ругайте, лучше скажите, где и что почитать. Спасибо. IE Firefox Код HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>world of web</title> <link href="world of web.css" rel="stylesheet" type="text/css" /> </head>…
0 votes6 answers -
Позиционировании блоков информации
Подскажите пожалуйста возможно ли сделать такое, а если подскажите как это сделать то вообще Огромнейшее спасибо есть следующая структура <div>блок1</div> <div>блок2</div> нужно сделать следующее: при просмотре сайта должно быть так (вначале "блок2" под ним "блок1"), а при просмотре html кода нужно чтобы структура порядок сохранила "блок1" и под ним "блок2". А вот теперь вопрос возможно ли это сделать без использования Javascripta, position:absolut есть идея использовать position:relative и смещение но возникает следующая проблема , блоки не имеют фиксированной высоты (а каждый раз лесть в код и поправлять смещение при изменении контента это не в…
0 votes1 answer