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

29,542 questions in this forum

  1. text-decoration для текстовых ссылок но не для изображений внутри ссылок

    Здравствуйте, подскажите пожалуйста, можно ли как-нибудь средствами CSS сделать чтобы подчеркивались текстовые ссылки внутри стиля, а если ссылкой является изображение, то text-decoration:none. Например: //надо чтобы подчеркивалось <a href="http://site.com">site link</a> // НЕ надо чтобы подчеркивалось <a href="http://site.com"><img src="http://site.com/logo.jpg"/></a> псевдокласс имеет такой вид: .content b a { color:#383838; font-weight:400; text-decoration:underline; } кстати что тут значит буква "b" ? Заранее спасибо за ваши ответы!

    Asked by Mihail_,

    0 votes
    14 answers

  2. как использовать smarty в различных физических папках сайта

    Такой вопрос. Ведь сайт состоит из различных включаемых блоков(новости и пр.) и разделов эти части расположены в различных папках на диске. Для того что бы не запутаться в шаблонах мне бы хотелось, чтобы шаблон отдельного блока хранился непосредственно в той папке в которой находиться сам блок или раздел. Что в этом случае делать для каждого блока создавать extends Smarty класс и прописывать новые пути или это можно проще а лучше грамотнее сделать(из практики)? Спасибо.

    Asked by roll,

    0 votes
    1 answer

  3. Содание страницы с расстановкой текста

    Извиняюсь, если не по адресу. перечитал "HTML по шагам" и еще рывками из остальных рубрик. Но никак не въеду. Мне нужно создать страницу следующего вида Подскажите, какие статьи мне читать? с чего вообще начинать? Если есть у кого свободного времени немного, то подскажите.

    Asked by antonios,

    0 votes
    16 answers

  4. Вертикальное выравнивание

    Добрый день! Никак не могу справиться с вертикальным выравниванием. Есть меню из дивов в списке. В дивах как картинки, так и текст. Одно из картинок выше других. У меня выравнивается по верхней границе, а нужно по нижней. HTML <div id="header_img"> <ul id="categories_img"> <li><a href="#"><div><img src="../About_l.png" width="175" height="100" /></div>Contacts</a></li> <li><a href="#"><div><img src="../Cable_pic.png" width="350" height="200" /></div>Cable</a></li> <li><a href="#"><div><img src="../Sound_pic_l.png" width="175" height="100" /></…

    Asked by Ngels,

    0 votes
    12 answers

  5. Выпадающее меню и футер

    Такой вопрос. Есть выпадающее меню. Оно может быть сколько угодно строк, т.к. в какойто момент оно дойдет до футера. Моя цель сделать так, чтобы это меню вызывало появление полосы прокрутки и находясь над футером уходило вниз. Сейчас же оно просто доходит до футера, скрывается под ним и не вызывает появление полосы прокрутки. Не знаю, думаю нет смысла выкладывать код, так как кто знает, тот поймет о чем речь. Спасибо!

    Asked by 9EVIL,

    0 votes
    3 answers

  6. Выпадающее меню вверх

    Привет мои дороги, нужна помощь: Как сделать, чтобы выпадающее меню выпадало выше, а не начиналось напротив кнопки, которая его вызывает при наведении на неё Вот код : http://codepen.io/Anatoliy667986584/pen/NbjEPP. в css напротив каждого селектора есть подсказки. Подскажите что и куда вписать в этот код, или если не сложно впишите сразу )

    Asked by Анатолий1944,

    0 votes
    4 answers

  7. div и фоновая картинка

    Изучаю div верстку, столкнулся с проблемой - не работает фоновая картинка в теге div. <!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=windows-1251" /> <title>Новый Документ</title> <style type="text/css"> <!-- H1 { background-image: url(1.jpg); } --> </style> </head> <body> <div id="H1">Здесь располагается содержимое нового тега Div</div> </body> </html> Картинка и html страничка лежит в одном кат…

    Asked by sneg06,

    0 votes
    4 answers

  8. Дробное значение

    Подскажите, все ли браузеры могут правильно отобразить блок, если ширину ему задать в дробном значении, например: <div class="width:7.5%"></div> ?

    Asked by Nird,

    0 votes
    5 answers

  9. IE6 не работает кнопка submit

    В IE6 не работает кнопка submit, которая отвечает за возможность выйти, после того как залогинился на сайте. Сайт: http://yug1.ru/ Временный логин, пароль: temp Код формы: Стили относящиеся к форме:

    Asked by aTei,

    0 votes
    3 answers

  10. Создание "подсказки"

    Приветствую! и прошу сразу не закидывать помидорами))) Задача: создать такую штучку - картинка с восклицательным знаком + текст в красной рамке с скругленными углами Как это сделать?! Мой способ, кажется.. ой-как сильно кажется, что нерационален.. <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="60"> </td> <td><img src="http://garant-vrn.ru/img/podskazka/uvl.gif" width="15" height="15" border="0" /></td> <td width="100%"><img src="http://garant-vrn.ru/img/podskazka/vgp.gif" width="100%" height="15" border="0" /></td> <td><img src="http://garant-vrn.ru/img/podskazka/…

    Asked by art-Limon,

    0 votes
    16 answers

  11. Carousel in Twitter Bootstrap

    Здравствуйте, использывал карусель от бутстрепа, нравилось то что можно было вставлять картинки большего формата и карусель автоматом уменьшала их. bootstrap 2.0.1: bootstrap 2.0.2: Не могу найти и за чего карусель увеличилась. Если знаете подобную карусель которая умеет уменьшать картинку подскажите пожалуйста. код страници где вставлена карусель: Changelog v 2.0.2 CSS файл версии 2.0.1

    Asked by ShootingStar,

    0 votes
    0 answers

  12. Сколько надо сверстать макетов, что бы хорошо набить руку?

    Сколько надо сверстать макетов, что бы хорошо набить руку? Через сколько вёрсток, вы начали хорошо верстать? 30 разных вёрсток хватит?

    Asked by DivMan,

    0 votes
    6 answers

  13. Прыжок

    не хочу делать кнопку на страничке ххх.narod.ru на страничку .ru подскажите хтмл код чтоб заходя на сайт xxx.narod.ru ничего не нажимая поподать на www.xxx.ru и ещё хочу на сайт сделать форму для писем (чтоб письма отправлять прямо со страничке) как правильно называется эта форма и может где-нибудь есть готовые !!!

    Asked by line,

    0 votes
    10 answers

  14. Несколько изображений в фоне.

    Захотелось воссоздать дизайн этого сайта http://www.comixfactory.de/ на своем блоге в Blogger.ru С центральной частью и основным фоном разобрался. А вот 2 фоновые боковые картинки реализовать не удается: http://www.comixfactory.de/images/zeche.png http://www.comixfactory.de/images/figuren.png Посмотрел, как это выглядит в коде оригинала: <body> <div id="zeche"></div> <div id="figuren"></div> В css: #zeche { position:absolute; background-image:url(images/zeche.png); background-repeat:no-repeat; width:415px; height:547px; right:0px; bottom:0px; } #figuren { position:absolute; background-image:url(images/figuren.png); background-r…

    Asked by AlexHolmes,

    0 votes
    10 answers

  15. Не отображается картинка в шапке в IE, Опере

    Вот как выглядит шапка в firefox А в опере и в IE картинка пропадает. Вот код шапки <table border="0" cellpadding="0" cellspacing="0" width="100%" height="156" style="background:url('http:/site.ru/image/header2.gif');"> <tr> <td height="92" <img src="http://muzname.ucoz.ru/image/header.gif" border="0"></td> // Вот эта картинка не отображается <td width="221" height="92"><img src="http:/site.ru/image/6.gif" border="0"></td> <td width="266" height="92"><img src="http:/site.ru/image/7.gif" border="0"></td> </tr> <tr> <td height="64" style="background:url('http:/site.ru/image/8.gif');padding…

    Asked by Airogen,

    0 votes
    4 answers

  16. Проблема с div блоком, не расширяется на 100% по высоте

    Имеется следующий код html и css <!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> <link href="style/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <div class="header_left"> <div class="header_left_line"> <div class="header_left_line_bottom"> …

    Asked by dinaron,

    0 votes
    2 answers

  17. Раскрытие текста (что то типа спойлера)

    Заранее извиняюсь за тупое название темы) просто без понятия как это правильно называется Проблема такая: На фан сайте музыкального исполнителя, есть страница тексты песен. Хочу реализовать следующую вещь: есть строки ххх ууу еее это названия песен, что бы при нажатии на них, развертывалось окно, желательно под названием, и там был текст песни Это что то типа спойлера на форумах или, к примеру, как разворачивается текст песни в вконтакте Линками куда-то и новыми страницами категорически нельзя пользоваться. Буду рад за любую помощь! Если не ясно объяснил, скажите, попробую иначе)

    Asked by a1rborn,

    0 votes
    17 answers

  18. Как верстать для мобильных устроств?

    Здравствуйте. Порылся в интернете и обнаружил что на сегодняшний день эта тема тёмный лес. Всё что я нашёл было устаревшей информацией 2008 - 2012 годов. Где бы и как поискать\почитать информацию о том, как же всётаки верстать макеты для мобильных устройств (смартфонов, планшетов). Там же есть разница, например для планшетов другие размеры нежели чем для мобилы, а ещё есть и вертикальное положение устройства и горизонтальное, устройства различных размеров. В общем буду рад если вы поделитесь всем что у вас есть по этой теме

    Asked by Frie,

    0 votes
    10 answers

  19. Прозрачный IFrame

    Здравствуйте. Помогите, пожалуйста! Есть страница с iframe'ом в которой подгружаются, соответственно, некоторые другие страницы. Подгружаемые страницы в любом случае имеют цвет бэкграунда: или белый по умолчанию, или тот, который назначен принудительно. Страница с айфреймом имеет красивую кртинку на фоне и айфрейм ее частично задевает и перекрывает цветом бекграунда подгружаемой страницы. Как сделать, чтоб в айфрейме отображалось только содержимое, а фон был прозрачным, чтоб, подгружаясь, страница не закрывала часть картинки на фоне основной страницы?

    Asked by In_Variant,

    0 votes
    1 answer

  20. 2 картинки на бэкграунд

    Возникла необходимость вставить в бэкграунд с две картинки - одну в правом верхнем углу, другую - в левом нижнем. Как это можно реализовать?

    Asked by vitality,

    0 votes
    9 answers

  21. Сафари 4 как-то странно сжимает табличку

    Добрый день, помогите, пожалуйста, никак не могу побороть Сафари 4. Есть табличка: <table> <tr> <td style="width:8%"></td> <td style="width:62%;"> <p>какой-то там текст</p> </td> <td style="width:7%"></td> <td style="width:15%"></td> <td style="width:8%"></td> </tr> </table> Если у какой-то там текст сказать padding-left:24%; то при ресайзе окна (уменьшение по ширине) содержимое правых колонок начинает наезжать на левую большую колонку. Т.е. на указание ширины в 62% Сафари почему-то забивает. В других браузерах (ФФ, даже ИЕ8), такого эффекта не наблюдается. Вот к…

    Asked by ХОЛОДный,

    0 votes
    9 answers

  22. тэг <input>

    Всем привет, в чем может быть проблема, в разных браузерах тэг <input> отображается поразному, например для IE.8 size="80" хорошо вписывается в нужное место, но в браузерах Firefox или safari поле становится намного длиннее, если size уменьшить т.е вписать это поле для оперы то в IE оно становится коротким. Что такое может быть и как с этим бороться? Спасибо Код поля: <input type="text" size="80" name="searchstring" id="mod_search_searchword" value="{if $searchstring ne ""}{$searchstring|replace:'"':'"'|replace:"\'":"'"|default:""}{else}{$smarty.const.STRING_SEARCH}{/if}" onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='{$smarty.cons…

    Asked by sce,

    0 votes
    9 answers

  23. как сделать эффект нажатия кнопки

    как сделать что бы при нажатии кнопка(не <button>) "впадала"

    Asked by atew,

    0 votes
    2 answers

  24. Еще раз про pixel-ratio

    Возникла такая проблема. Я суждаю сайт до 760 пикселей и делаю нужный вид ему. Открываю в эмуляторе айфоне в хроме (там опция такая) - вижу совершенно другую верстку - элементы куда-то уезжают, во бщем будто бы ширина экрана совершенно иная. Это и есть эффект повышенной плотности пикселей или я чего-то не догоняю?

    Asked by Zverushka,

    0 votes
    12 answers

  25. Назойливая реклама в шапке сайта

    Используя плагин юблок в хроме, не могу отредактировать/скрыть шапку с рекламой, уж очень она большая, после тега <body> идет вставка <rn4ektoe3p> что эта за хрень я не понимаю, причем она каждый раз генерируется по-новой, так что зацепиться не получается, включая body :first-child . Что с этим можно сделать? Скрытый текст <rn4ektoe3p><rcqqqlgy0i><style>.traforet-br-logo { background: url(data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAAAeCAYAAAB+HcFlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5U…

    Asked by retoptop,

    0 votes
    9 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