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. Как спрятать изображения, если они больше по высоте основного блока

    Не знаю, как точнее назвать тему, но вся проблема на сайте http://den-aks.ru/ Слева три изображения (линейка, листочек, молоток) и их нужно обрезать, если они получаются длиннее основного блока (грубо говоря, чтобы не было пустоты снизу). Пробовал overflow на разных блоках - без толку. На ум приходит только jQuery, но может можно обойтись CSS?

    Asked by Dimusyan,

    0 votes
    6 answers

  2. Проблема верстки

    Верстаю вот это - http://www.testx.bl.ee/ блоки О компании и Новинки каталога товаров должны открываться и закрываться при клике на стрелочку. Реализовал как смог, только не могу делать так, что бы при закрытии поменялась иконка и стрелочка была вниз. Еще буду рад критике, правда страница еще не закончена, картинки надо засунуть в спрайт, а то слишком много их. Да и фиксированная высота у контента пускай не пугает, это добавил что бы удобнее было просматривать страницу при верстке, потом уберу. Да и вебфонтс не подключил еще)) Мне кажется слишком много css кода у меня, с виду страница не сложная, простая, а кода дофига выходит..

    Asked by CroaToa,

    0 votes
    9 answers

  3. Простой tooltip без использования плагинов?!

    Всем доброго времени суток! Подскажите, простой способ написания элементарного плагина для тултипов! Предназначен он будет для указания ошибки при неверном вводе поля формы. Заключается он в следующем: API содержит два параметра: элемент (то есть input или textarea) который пользователь заполнил неверно, текст ошибки и положение относительно элемента (слева или справа). Например, чтобы при отправке формы он появлялся (если поле заполнено неверно) и при клине на соответствующий инпут исчезал. Пробовал разбираться с готовыми библиотеками типа tooltipster, но ничего не получилось, вот решил написать свой, чтобы не нести кучу лишнего кода с проектом. Примерно так он должен…

    Asked by Antoshka007,

    0 votes
    6 answers

  4. Верстка как в Google Support

    Здравствуйте, всё никак не могу сделать такую верстку, как на Google Support Помогите, пожалуйста создать макет как на картинке

    Asked by Haindell,

    0 votes
    1 answer

  5. помогите с выравниванием в опере и IE

    Доброго времени суток. Я начинающий верстальщик не судите строго, наверняка многого незнаю, вот столкнулся с проблемой. Нужно выровнять все блоки по центру экрана. Тем кодом что я написал, в IE выравнивается все хорошо, а вот в Оpera вся страница выравнивается к левому краю. часть кода страницы: <body> <div id=sss> <div id=header> <div class="logo"><img src="logo.png"> </div><div class="icq">555-555-555<br>555-555-555</div> </div> </div> </body> часть кода файла стилей: #sss{ text-align: center; } #sss #header{ width:739px; height:224px; text-align:left; font-family: Verdana, Arial,…

    Asked by netnike,

    0 votes
    1 answer

  6. drupal проблема с классами

    Привет всем верстаю для сайта на drupal 7, возникла проблема. Установил модуль fivestar (оценка материала), соответственно, делаю для него красивые рамочки. Но есть загвоздка, там существует два режима, когда зарезанный пользователь смотри и просто гость. Для зареганого я назначаю, такой код: form.fivestar-widget { display: inline; float:right; border: 1px solid #D3D7D9; padding: 20px; margin-bottom:-50px; } Выглядит это так: Затем я добавляю класс в css, это как-бы получается для зарегистрированных пользователей: .fivestar-static-form-item{ display: inline; float:right; border: 1px solid #D3D7D9; padding: 20px; margin-bottom:-50px; } Выглядит, это …

    Asked by Kerny,

    0 votes
    6 answers

  7. Вызов окна во фрейме

    Есть файл, например, index.htm с содержимым: <style> #wind { position: absolute; width:320px; left: 35%; top: 100px; border:solid #105a98 4px; display: none; z-index: 10; overflow: hidden; background-color:#348c03; color:#fff; text-align:center; padding:10px; } </style> <a href="#" onClick="document.getElementById('wind').style.display='block'; return false;" title="Всплывающее окно">Открыть окно</a> <div id="wind"> Содержание всплывающего окна. <button type="button" value="закрыть" onClick="document.getElementById('wind').style.display='none'; return false;"> закрыть</button>…

    Asked by SFproG,

    0 votes
    7 answers

  8. Насчет картинки на заднем фоне

    Всем привет. Вот у меня к вам вопрос по оптимальности решения. Значит имеем примерно следующее: Обратившись к наглядной иллюстрации мы можем заметить, что главная страница сайта сделана по центру, и две картинки по бокам. При чем центральная страница, как бы перекрывает картинки по бокам. Простите если мои художества выгрызают у вас хрусталики глаз. Собственно вопрос. Как правильнее поместить две картиночки по бокам, на задний фон? Мои варианты. Первый(bad) - Это сделать три колонки.Но тогда задавать придется в процентах все. А очень хочется, что бы центральна колонка была фиксированный ширины. Второй(not bad, but what about сross-browser compatibility.. thx to ggl-trnsl…

    Asked by boooze,

    0 votes
    2 answers

  9. позиционирование...

    Доброго вечера всем верстальщикам!!!) прошу руку помощи))) я пока учусь HTML и CSS , но уже кое что этом смыслю) на стандартном форуме юкоза (т.к. самодельный туда не всунешь, ибо он неприветствует посторонний PHP) решил поставить меню и отпозиционировать его так чтобы оно держалось всегда верхней части форума, никуда не съежало, т.е. было как 1 целое..!) позиционировал его как только можно и стандартный ucoz'овский код прошел через такие извращения... о_О ну В общем он не захотел здаваться. для div'a меню задаю position:absolute; сам блок форума запер в еще 1 div и так же задал ему позицию "absolute" . начав задавать координаты, вроде все пошло как по маслу, но когда я п…

    Asked by spn_one,

    0 votes
    9 answers

  10. Div: обязательно все элементы в него "оборачивать"?

    Недавно осваивать html взялся. В небольшом количестве примеров, которые видел, чекбоксы, кнопки "оборачивают" в div. Это обязательно? Если да, то что будет, если этого не делать или где-нибудь пропустить элемент? В html5 видел учебный пример, там сам текст "оборачивают" в section и article.

    Asked by ручник,

    0 votes
    6 answers

  11. как сделать простейший поисковик по интернету при табличной верстке

    Здравствуйте, подскажите пожалуйста, как довести до ума элементарный интернет поисковик google при табличной верстке.Насколько я понимаю мне нужен адресс необходимого скрипта для атрибута action элемента form?Вот моя верстка.Буду очень благодарен за помощь. <html> <head> <meta charset="utf-8"> <title>Поисковик</title> </head> <body> <form action="" > <table> <tr> <td> <input type="text" name="запрос" size="15" maxlength="25" value="что ищем?"> </td> </tr> <tr> <td> <button type="submit">поиск</button> </td> </tr> </table> </form> </fo…

    Asked by kotsa3,

    0 votes
    3 answers

  12. Можно ли заменить position:relative+top на margin-top?

    День добрый! Подскажите можно ли сделать тоже самое что получилось у меня но только с применением бля белого блока margin-top:-65px? В моем случае он просто поднимается вместе с блоком content (зеленый+красный).Как сделать так чтобы он просто выехал за края блока контент вверх? Вместо цветов были раньше картинки,поэтому использование relative нужно для before. Заранее спасибо! http://cssdeck.com/labs/nemozmp2

    Asked by Temik2704,

    0 votes
    4 answers

  13. Отступ от фреймворка youtube

    Не раз уже наталкиваюсь, но никак не могу побороть: Размещаю iframe сгенерированный youtube и хочу чтобы отступов от видео не было, однако снизу всё время остается небольшой отступ и убрать его не удается. Пробовал задавать нулевые padding, margin, marginheight, frameboarder и для фрейм и для контейнера (первые два). Пример http://www.cardician.ru/shop/UID_523.html Единственный вариант который удался - задать position:absolute и bottom:0; но нужно задавать высоту контейнера. Такой вариант не подходит, так как размеры видео могут различаться, а контейнер формируется движком, т.е. не различается для двух различных страниц. В общем суть вопроса - как убрать отступ снизу if…

    Asked by Ich,

    0 votes
    2 answers

  14. Путь к росту, заработку.

    Доброго здравия всем. Скажите, изучены основы HTML, CSS, Javasript. Но вот научится по настоящему и освоить все это можно только из практики. Скажите где и как практиковались, может можно найти ресурс, где даются задания для начинающих мастеров, чтобы набить руку, или мелкие заказы, где можно и еще чуть -чуть подзаработать. Спасибо.

    Asked by bumerkz,

    0 votes
    6 answers

  15. Вертикальное позиционирование текста внутри блока

    Уважаемые мастера, подскажите: div.TempDv{ width:35px;height:35px; background-position: 50% 50%; background-repeat:no-repeat; border: 1px dotted #5698C9; margin: 60px 0 0 10px; position: absolute; background-image:url(prib2.jpg); text-align: center; vertical-align: bottom; } По горизонтали текст выравнивается, а по вертикали нет. Нужно чтобы текст был по середине снизу.

    Asked by Ser8191,

    0 votes
    4 answers

  16. Скролл эффект без js

    Добрый день. Есть два горизонтальных блока <header> и <nav>. Как можно без js сделать такой скролл эффект, когда при прокрутке <header> ведет себя как обычный блок, а <nav> при достижении верха окна браузера становится position:fixed; и bottom:0; Причем если вертеть обратно то снова отлипает от верха?

    Asked by Ubhra,

    0 votes
    6 answers

  17. Что нужно сделать ,чтоб выровнять картинку с остальными картинками по центру

    Проблема следующая Как должно быть: И как сейчасЧерез флексы сделал эту картинку , но незнаю как выровнять стрелочки по центру картинки.А также в самом низу как через флексы попробовал , что-то не совсем хорошо получилось.Код https://jsfiddle.net/RedSniper/4rzm0pjf/2/ ,картинки не получилось загрузить.

    Asked by kartopelka,

    0 votes
    2 answers

  18. помогите разобраться с кодом

    добрый день. есть вот такой код: <!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>Untitled Document</title> <style type="text/css"> .table { border:solid 1px #CCCCCC; padding:5px;} .div1 { float:left; background-color:#0000FF; width:250px;} .div2 {background-color:#00FF66; margin-left:250px;} </style> </head> <body> <div class="table"> <div class="div1">hjkhjhlkhjh</div> <div class="di…

    Asked by udaff.es,

    0 votes
    2 answers

  19. Где лучше создать тест?

    Здраствуйте!)Хочу создать тест,в где по вашему мнению лучше это сделать? Заранее Благодарен

    Asked by canek63,

    0 votes
    4 answers

  20. Вопрос к проффи: как запретить ифрейму реагировать на колесико мыши?

    Кто знает, можно ли запретить ифрейму шкролироваться вверх, когда пользователь крутит колесико мыши??? Спасибо.

    Asked by mff,

    0 votes
    3 answers

  21. left:expression((document.body.clientWidth-893)/2); в FF

    Всем привет. Подскажите пожалуйста, почему left:expression((document.body.clientWidth-893)/2); везде исполняется правильно кроме FF? Как надо правильно написать expression, чтобы он исполнялся и в файрфоксе?

    Asked by nonickname,

    0 votes
    1 answer

  22. robots.txt для GOOGLE

    помогите улучшить robots.txt чтобы google лучше индексировал ну и другие боты,может что исправить можно??))) User-agent: * Disallow: /a/ Disallow: /stat/ Disallow: /index/1 Disallow: /index/2 Disallow: /index/3 Disallow: /index/5 Disallow: /index/7 Disallow: /index/8 Disallow: /index/9 Disallow: /panel/ Disallow: /admin/ Disallow: /secure/ Disallow: /informer/ Disallow: /mchat Disallow: /search Sitemap: http://www.сайт.com/sitemap.xml User-agent: Yandex Disallow: /a/ Disallow: /stat/ Disallow: /index/1 Disallow: /index/2 Disallow: /index/3 Disallow: /index/5 Disallow: /index/7 Disallow: /index/8 Disallow: /index/9 Disallow: /panel/ Disallow: /admin/ Disallow: /secure/ Dis…

    Asked by pikamsk,

    0 votes
    5 answers

  23. Псевдоклассы a.active + a.hover

    Здравствуйте. Помогите, пожалуйста, решить вопрос: есть меню с псевдоклассами .a.link, a.active и a.hover. Для каждого псевдокласса свои цвета текста (link чёрный, hover чёрный, active синий). Задача: сделать active при наведении (при hover т.е.) синим (т.е. просто hover ссылки должны быть чёрным, но active hover синим). Активный пункт меню: ul.sd-hmenu>li>a.active { color: #0D6EAB; } Как решить вопрос выше? Пробую перечислением: ul.sd-hmenu>li>a.active, .sd-hmenu>li>a.hover { color: #0D6EAB; } В чём ошибка?

    Asked by DarkTranquillity,

    0 votes
    4 answers

  24. Перенос длинных строк внутри дива

    Проблема такова есть внутри него оч длинная строка в 1 слово и она конечно расшияет DIV или вылазит за рамки его. Можно ли задать стиль чтобы строки такие перенослись. ? пример: <div style="width:200px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>

    Asked by generator2003,

    0 votes
    2 answers

  25. Какими средствами сделан сайт (HTML5)?

    Красивые передвижения и эффекты (когда, например, девайс попадает в руку и тд) http://www.zensorium.com/tinke/ также подобные эффекты есть здесь, но тут кажется сложнее http://creative9.com/ Подскажите, что искать для прочтения? Уроки на какую тему? Просьба дать конкретное направление движения. Спасибо!

    Asked by Kirich,

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