Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Построчный 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> &lt…

    Asked by MiReQ,

    0 votes
    3 answers

  2. Центрировать галерею Widgetkit

    Добрый день. Столкнулся с такой проблемой. Установил на Joomla 1.5 галерею Widgetkit. В материале прописал <p style="text-align: center;">[widgetkit id=4]</p> И о чудо! Галерея появилась в материале, но она не по центру, т.е. она становится по левому краю и все тут. Подскажите какие есть варианты решения проблемы. Вот страничка с проблемой: http://10dance.com.ua/ Спасибо.

    Asked by gumuch,

    0 votes
    2 answers

  3. Пробелы между картинками

    Здравствуйте. Возникла проблема с картинками: откуда-то берутся пробелы между картинками, хотя, судя по написанному в коде, их быть не должно. Подскажите, как от них избавиться, очень нужно. Вот 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…

    Asked by kattiperk,

    0 votes
    8 answers

  4. Стоит ли переходить на HTML5

    Стоит ли переходить на HTML5 ? Сейчас 09.04.2014. Какие при этом будут плюсы и минусы ?

    Asked by NurMeow,

    0 votes
    9 answers

  5. Изменение картинки при наведении (перекатывание)

    Доброй ночи, Есть faq как сделать, чтобы картинка менялась при наведении (http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee), рассматривается два варианта, при смене картинок одну на другую и при перекатывании одной и той же картинки сверху вниз, так вот, мне интересен эффект перекатывания, так как при смене одной на другую бывает, что у людей с медленным инетом картинка долго прогружается. В jsfiddle все перекатывается очень быстро, незаметно для глаза, но у меня на сайте перекатывание выглядит плавно и медленно, т.е. в течении целой секунды можно наблюдать как картинка перекатывается сверху вниз и это не есть гуд. Можно как-то избавится…

    Asked by pleymo,

    0 votes
    6 answers

  6. Как выровнять таблицу и текст по центру экрана?

    У меня есть код, нужно выровнять его весь по центру браузера, как это сделано на 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…

    Asked by nhelp,

    0 votes
    4 answers

  7. С помощью 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> …

    Asked by FotGOD,

    0 votes
    1 answer

  8. <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>

    Asked by Kero,

    0 votes
    1 answer

  9. Печать и display:none;

    Всем привет. Сижу и туплю, никак не могу придумать, как сделать следующую вещь. Есть ряд страниц, по коду разношёрстны, однако просматривается общий id, пусть будет print. Содержимое контейнера с id print надо распечатать. Остальное содержимое страниц - скрыть с глаз долой, при печати. Ну естественно прилинковал стили с media="print". Тема типа body * {dispaly:none;} body #print {display:block;} вполне очевидно не работает, по довольно понятным причинам. Перебирать JS все стили, тоже не хочется. Какие есть мысли?

    Asked by Dimitry Wolotko,

    0 votes
    9 answers

  10. Хак для Оперы

    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; /* Д…

    Asked by Vlad,

    0 votes
    5 answers

  11. Подскажите, в чем ошибка

    Подскажите, пожалуйста, в чем ошибка? Как сделать поля вокруг текста в ячейках. Использую 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&gt…

    Asked by olgastaf,

    0 votes
    4 answers

  12. ul и h3

    Как выровнять список, что бы все было в одну строчку? <ul style="list-style:decimal;"> <li><h3>Заголовок 1</h3></li> <li><h3>Заголовок 2</h3></li> </ul> При построение такого списка нумерация на одном уровне а h3 на другом и ни как не получается их выровнять.

    Asked by sh1va,

    0 votes
    8 answers

  13. Правильное выравнивание картинки в текст контента

    Добрый день! Вот хочу поделится траблой, или точнее просто своей озабоченностью по поводу размещения картинок в контенте сайта. Например, есть у нас некоторая область сайта, которую мы никогда не меняем, т.е. например футер, хедер, не суть. И есть у нас область контента, на которой размещены, как правило, текст и т.д. Контент на каждой странице разный, но суть размещения, т.е. как он размещается на странице одинакова. Вопрос заключается в том что я не знаю как лучше разместить картинки внутри текста контента, это приходится делать часто, и как то хочется унифицировать этот способ, к тому же чтобы он был правилен, к примеру: 1. Картинка в ссылке идет между текстом. Охота, …

    Asked by Igorpurgen,

    0 votes
    3 answers

  14. перехват данных стороннего сайта и отправление ему же...

    Собственно интересует вопрос перехвата данных стороннего сайта На примере ulmart.org - как это работает и есть ли статейки которые можно по этом вопросу почитать?

    Asked by Nikolas,

    0 votes
    6 answers

  15. Как сделать голосование?

    Хочу сделать шкалу голосования для фото как в майле. От 1 до 5. Подскажите как сделать это с помощью <input type='checkbox ,при этом чтоб не было галочка а просто ячейка .Заранее спасибо.!

    Asked by new01,

    0 votes
    3 answers

  16. 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> Никак не могу сделать правильно, подскажите плз как размес…

    Asked by Monachus,

    0 votes
    9 answers

  17. Добавление текстуры

    Решил на фон положить текстуру. В Люстре у макета стоит серый фон. Добавляем эффект текстуры. Возникает вопрос — как теперь это переложить на html? Да, вопрос простейший, но что ж, столкнулся впервые)) Задача первая. Вариант сделать весь фон картинкой с текстурой огромных размеров и засунуть в bg с обрезкой через overflow. Но не скажутся ли такие размеры на скорости? Просто делать фон под стандартные размеры экранов и ставить репит вообще не алё, как и просто продолжать серым фоном… Задача вторая. Вариант сделать небольшой кусок и пустить через репит. Но вопрос у меня. Есть ли оптимальные или стандартные размеры такого куска? Вообще, по-моему часто встречались 32*32… И пр…

    Asked by alexandr_v-vich,

    0 votes
    18 answers

  18. Как объединить два языка

    Есть вот такой код на 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…

    Asked by danila_omega,

    0 votes
    1 answer

  19. Горизонтального меню на списке

    Доброго времени суток! Делаю горизонтальное меню с разделителями. Разделители обычный слэш "/" Решил использовать псевдоэлементы для вставки разделителей. Контейнер имеет float и его размеры не известны (резиновый). Естественно расстояние между элементами списка должно "тянуться". По сему решил сделать margin у псевдоэлементов с процентным значением. В итоге наблюдаю, что последний элемент списка переносится из-за недостатка ширины контейнера. Причем видно, что ширина контейнера равна ширине блока без margin у псевдоэлемента. Складывается ощущение, что браузер просто "теряется", ибо не знает откуда взять значения для расчета полей. Замечу, что при "ручном" измен…

    Asked by c01nd01r,

    0 votes
    6 answers

  20. Проблемы с версткой 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…

    Asked by Alllexey777,

    0 votes
    2 answers

  21. навыки photoshop

    скажите где можно посмотреть или почитать по фотошопу в рамках верстальщика, то есть что необходимо верстальщику и как работать с этим, я освоил html и css а с макета как верстать не знаю

    Asked by rpmcmerphy,

    0 votes
    9 answers

  22. Цвет фона по бокам в wordpress

    Привет, стоит тема Metro Magazine на wordpress. Хочу поменять фон по бокам, чтобы не белый был, а немного сероват. Нашел инфу что в настройках нужно Внешний вид -> Настройки темы -> вкладка Стили -> во вкладке пункт «Ваш CSS» -> пишем туда код: body { background: #CCC; } #header { background: #CCC; } все так и сделал, но при этом поменялся фон не только по бокам, но и посередине, в контенте. Как сделать так, чтобы поменять фон только с боков, а посередине оставить как есть. Надеюсь я понятно описал проблему, буду рад если мне ответят, спасибо.

    Asked by maratmd,

    0 votes
    4 answers

  23. 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="…

    Asked by vaalru,

    0 votes
    5 answers

  24. Flash в опере - без нажатия не активизируется никак?

    Господа, подскажите плиз почему для активизации Flash ролика в опере, на него надо сначала нажать? Может ссылка есть? как его заставить сразу маячить и светицо ;-)

    Asked by feodus,

    0 votes
    4 answers

  25. Embed и opera

    В opera не хочет повторять mp3- хотя в теге embed указано loop="true". Есть какие- нибудь методы борьбы с этим? Заранее благодарен. Иван

    Asked by Vanyok_333,

    0 votes
    5 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept