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
-
Построчный overflow
Всем добрый день. Пытаюсь обрезать текст в блоке с фиксированной высотой и шириной. Соответственно, блоку задано свойство overflow: hidden;. Получаем текст, последняя видимая строка которого видна на половину. Вопрос: как ее скрыть? Пример: <!DOCTYPE html> <html> <head> <style> div { width: 200px; height: 165px; overflow: hidden; } p { margin: 5px 0 0; } </style> </head> <body> <div> <p>Здесь идет многострочный текст.</p> <p>Управлять свойствами line-height и margin'ами параграфов вообще не хочется.</p> <p>Да и вверху может идти картинка неопределенной высоты.</p> <…
0 votes3 answers -
Центрировать галерею Widgetkit
Добрый день. Столкнулся с такой проблемой. Установил на Joomla 1.5 галерею Widgetkit. В материале прописал <p style="text-align: center;">[widgetkit id=4]</p> И о чудо! Галерея появилась в материале, но она не по центру, т.е. она становится по левому краю и все тут. Подскажите какие есть варианты решения проблемы. Вот страничка с проблемой: http://10dance.com.ua/ Спасибо.
0 votes2 answers -
Пробелы между картинками
Здравствуйте. Возникла проблема с картинками: откуда-то берутся пробелы между картинками, хотя, судя по написанному в коде, их быть не должно. Подскажите, как от них избавиться, очень нужно. Вот HTML <section class="content"><div><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.p…
0 votes8 answers -
Стоит ли переходить на HTML5
Стоит ли переходить на HTML5 ? Сейчас 09.04.2014. Какие при этом будут плюсы и минусы ?
0 votes9 answers -
Изменение картинки при наведении (перекатывание)
Доброй ночи, Есть faq как сделать, чтобы картинка менялась при наведении (http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee), рассматривается два варианта, при смене картинок одну на другую и при перекатывании одной и той же картинки сверху вниз, так вот, мне интересен эффект перекатывания, так как при смене одной на другую бывает, что у людей с медленным инетом картинка долго прогружается. В jsfiddle все перекатывается очень быстро, незаметно для глаза, но у меня на сайте перекатывание выглядит плавно и медленно, т.е. в течении целой секунды можно наблюдать как картинка перекатывается сверху вниз и это не есть гуд. Можно как-то избавится…
0 votes6 answers -
Как выровнять таблицу и текст по центру экрана?
У меня есть код, нужно выровнять его весь по центру браузера, как это сделано на ya.ru Т.е. и форму поиска и текст под ней. У меня получилось выровнять только форму поиска, и то, только по горизонтали. А нужно все ровно по центру. <table><style> table { margin: auto; } </style><table cellspacing=2 cellpadding=4 border=0><tr><td align=center style="border:0px solid #eeeeee" bgcolor=FFB30A><table cellspacing=0 cellpadding=1 border=0><tr><form method=post action="http://site.ru/script.php"><td> <input style="color:#777777; font-size:11px; width:300px; font-family: Verdana, Arial, sans-serif" n…
0 votes4 answers -
С помощью Flex строки меню вместе. Что не так?
Здравствуйте. Верстаю макет, но чтото не так. Подобные верстал раньше, все было хорошо, даже сверяю, все чуть ли не под копирку написал. Но в Этом коде почему-то строки в меню слиплись и не могу их раскинуть. на рисунке как должно быть, и как выходит. Что не так делаю? Html: <div class="container"> <header class="header"> <div class="header-item"> <a href="#"><h1 class="logo">Bouncy</h1></a> <nav class="navbar"> <ul class="menu"> <li><a href="#">Hello</a> </li> <li><a href="#">About</a> </li> …
0 votes1 answer -
<div> над <div>
Имеется некий скрип в который выводит на экран картинку.Это картинку нужно закрыть другой (прозрачным гифом) тоже в А вопрос такой: как расположить один див над другим? <div id="test" style="position:relative; width:150; height:150"> <div style="position:absolute;top:0px;left:0px;"> <form onsubmit="java script: showBusyLayer()" method="post" action=''> <input name="story" type="text" style="width:300px; height: 300px;" /> <input type="image" align=middle class="button_1" src="center001.gif" /> </form> </div>
0 votes1 answer -
Печать и display:none;
Всем привет. Сижу и туплю, никак не могу придумать, как сделать следующую вещь. Есть ряд страниц, по коду разношёрстны, однако просматривается общий id, пусть будет print. Содержимое контейнера с id print надо распечатать. Остальное содержимое страниц - скрыть с глаз долой, при печати. Ну естественно прилинковал стили с media="print". Тема типа body * {dispaly:none;} body #print {display:block;} вполне очевидно не работает, по довольно понятным причинам. Перебирать JS все стили, тоже не хочется. Какие есть мысли?
0 votes9 answers -
Хак для Оперы
Opera 9.27 не поддерживает конструкцию HTML:root DIV, которую понимают FF и Sa. Однако некоторые люди утверждают, что 9.62 версии Опера уже все поддерживает. У кого есть 9.50 версия или 9.62, проверьте пожалуйста следующий код. Если работает, цвет увидите оранжевый, нет - синий. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Хаки</title> <style type="text/css"> HTML:root DIV { background: #fc0; /* Для Firefox и Safari */ padding: 10px; } DIV { background: #005b9a; /* Д…
0 votes5 answers -
Подскажите, в чем ошибка
Подскажите, пожалуйста, в чем ошибка? Как сделать поля вокруг текста в ячейках. Использую padding, но он почему-то не работает. В чем ошибка? <table style="padding: 10px;" width=100% valign="top" > <thead> <tr > <td width=80px; height=40 px;>время</td> <td width=170px;>название</td> <td width=350px;>описание</td> <td width=200px;>тема</td> <td width=200px;>теги</td> </tr> </thead> <tr> <td colspan="6">Сегодня 16 августа, воскресенье</td> </tr> <tr bgcolor="#93a3b0;"> <td>16.20</td>…
0 votes4 answers -
ul и h3
Как выровнять список, что бы все было в одну строчку? <ul style="list-style:decimal;"> <li><h3>Заголовок 1</h3></li> <li><h3>Заголовок 2</h3></li> </ul> При построение такого списка нумерация на одном уровне а h3 на другом и ни как не получается их выровнять.
0 votes8 answers -
Правильное выравнивание картинки в текст контента
Добрый день! Вот хочу поделится траблой, или точнее просто своей озабоченностью по поводу размещения картинок в контенте сайта. Например, есть у нас некоторая область сайта, которую мы никогда не меняем, т.е. например футер, хедер, не суть. И есть у нас область контента, на которой размещены, как правило, текст и т.д. Контент на каждой странице разный, но суть размещения, т.е. как он размещается на странице одинакова. Вопрос заключается в том что я не знаю как лучше разместить картинки внутри текста контента, это приходится делать часто, и как то хочется унифицировать этот способ, к тому же чтобы он был правилен, к примеру: 1. Картинка в ссылке идет между текстом. Охота, …
0 votes3 answers -
перехват данных стороннего сайта и отправление ему же...
Собственно интересует вопрос перехвата данных стороннего сайта На примере ulmart.org - как это работает и есть ли статейки которые можно по этом вопросу почитать?
0 votes6 answers -
Как сделать голосование?
Хочу сделать шкалу голосования для фото как в майле. От 1 до 5. Подскажите как сделать это с помощью <input type='checkbox ,при этом чтоб не было галочка а просто ячейка .Заранее спасибо.!
0 votes3 answers -
div вёстка, проблема с блоками
Здравствуйте, задача сделать такое: есть html: <div id="hmenu"> <div id="rmenu"></div> <div class="menu"> <ul> <li > <a href="" title="Главная">Главная</a> </li> <li class="page_item page-item-17 current_page_item"> <a href="" title="xcvbdhdfh">xcvbdhdfh</a> </li> <li class="page_item page-item-2"> <a href="" title="Пример страницы">Пример страницы</a> </li> </ul> </div> <div id="lmenu"></div> </div> Никак не могу сделать правильно, подскажите плз как размес…
0 votes9 answers -
Добавление текстуры
Решил на фон положить текстуру. В Люстре у макета стоит серый фон. Добавляем эффект текстуры. Возникает вопрос — как теперь это переложить на html? Да, вопрос простейший, но что ж, столкнулся впервые)) Задача первая. Вариант сделать весь фон картинкой с текстурой огромных размеров и засунуть в bg с обрезкой через overflow. Но не скажутся ли такие размеры на скорости? Просто делать фон под стандартные размеры экранов и ставить репит вообще не алё, как и просто продолжать серым фоном… Задача вторая. Вариант сделать небольшой кусок и пустить через репит. Но вопрос у меня. Есть ли оптимальные или стандартные размеры такого куска? Вообще, по-моему часто встречались 32*32… И пр…
0 votes18 answers -
Как объединить два языка
Есть вот такой код на html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Главная страница</title> <style type="text/css"> .GlavnoeMenuZastavka { } </style> </head> <body> <div style="font-weight:bold; "> <table class="GlavnoeMenuZastavka" border="0" cellpadding="60" cellspacing="0"> <tr align="center" > <td> <a href="http://m-training01.etsp.ru/view_doc.html?mode=Uchebcenter"><img src="icons\Damir\Uchebcenter.png" width="150" height="150" border="0" alt="Учебный центр.png"></a> <p style="margin:0px;">Учебный центр</p> </td> <td> &l…
0 votes1 answer -
Горизонтального меню на списке
Доброго времени суток! Делаю горизонтальное меню с разделителями. Разделители обычный слэш "/" Решил использовать псевдоэлементы для вставки разделителей. Контейнер имеет float и его размеры не известны (резиновый). Естественно расстояние между элементами списка должно "тянуться". По сему решил сделать margin у псевдоэлементов с процентным значением. В итоге наблюдаю, что последний элемент списка переносится из-за недостатка ширины контейнера. Причем видно, что ширина контейнера равна ширине блока без margin у псевдоэлемента. Складывается ощущение, что браузер просто "теряется", ибо не знает откуда взять значения для расчета полей. Замечу, что при "ручном" измен…
0 votes6 answers -
Проблемы с версткой html письма
Народ, помогите, пожалуйста, в первый раз сделал html письмо, все получилось как надо, но в яндекс почте и в outlook картинка с верхней тенью отображается с отступом в 1px, в остальных почтовиках отображается нормально, подскажите, что нужно изменить, чтобы все отображалось как нужно? <html> <head> <title>HTML шаблон письма</title> <meta charset="utf-8"> <style type="text/css"> /* Backgrounds */.email_background { width: 640px; //background: url('http://it-tektura.ru/images/html_message/email_bg.jpg') repeat-y;}/* Images */img { display: block; border: none;}/* Fonts and Typography */.footer { font…
0 votes2 answers -
навыки photoshop
скажите где можно посмотреть или почитать по фотошопу в рамках верстальщика, то есть что необходимо верстальщику и как работать с этим, я освоил html и css а с макета как верстать не знаю
0 votes9 answers -
Цвет фона по бокам в wordpress
Привет, стоит тема Metro Magazine на wordpress. Хочу поменять фон по бокам, чтобы не белый был, а немного сероват. Нашел инфу что в настройках нужно Внешний вид -> Настройки темы -> вкладка Стили -> во вкладке пункт «Ваш CSS» -> пишем туда код: body { background: #CCC; } #header { background: #CCC; } все так и сделал, но при этом поменялся фон не только по бокам, но и посередине, в контенте. Как сделать так, чтобы поменять фон только с боков, а посередине оставить как есть. Надеюсь я понятно описал проблему, буду рад если мне ответят, спасибо.
0 votes4 answers -
2 класса ссылок в одном документе. Помогите!
Здравствуйте, серьезная проблема: пытаюсь отделить дизайн от html и столкнулась с тем, что у меня второй класс ссылок не работает, перелопатила весь код, не пойму почему так получается... Помогите, пожалуйста! Не работает класс a:link.text, ссылки вообще такими не делаются. P.S. Вставляю весь код, вдруг дело не в самих классах. <html> <head> <title>Layout</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table class="main" border="0" align="center"> <tr><td class="top" colspan="3"><div id="profile">Здесь будет текст</div></td></tr> <tr><td class="…
0 votes5 answers -
Flash в опере - без нажатия не активизируется никак?
Господа, подскажите плиз почему для активизации Flash ролика в опере, на него надо сначала нажать? Может ссылка есть? как его заставить сразу маячить и светицо ;-)
0 votes4 answers -
Embed и opera
В opera не хочет повторять mp3- хотя в теге embed указано loop="true". Есть какие- нибудь методы борьбы с этим? Заранее благодарен. Иван
0 votes5 answers