HTML Coding

29,542 questions in this forum

1. Css em triangle и еще 1 вопрос

   Добрый день Сделал флажок с помощью :after ?<div class="flag-header"><a href="#">eeeee</a></div>? body { font-size: 100%; } .flag-header { font-size: 1em; font-weight: bold; background: green; color: black; padding: .75em 4em .5em 2em; display: inline-block; *display: inline; zoom: 1; position: relative; overflow: hidden; } .flag-header a { color: black; font-weight: bold; } .flag-header:after { content: ""; position: absolute; right: 0; margin-top: -.6em; border-right: 1.2em solid #fff; border-top: 1.2em solid transparent; border-bottom: 1.2em solid transparent; border-left: 0; width: 0; height: 0; } При увеличении размера шриф…

   Asked by Cryolite, December 6, 2012

   0 votes
   2 answers
2. CSS fixed top

   Есть HTML. <div class="block"> Содержимое блока </div> Есть CSS Что происходит При прокрутки страницы блок фиксируется по центру экрана. Что нужно При прокрутки страницы блок должен позиционироваться сверху. Подскажите Хотелось бы как тут. (форма поиска)

   Asked by Krookers, October 31, 2012

   0 votes
   5 answers
3. CSS float

   Всем доброй ночи. Хотел что то похожее на это тут текст тут картинка тут текст побольше тут картинка текст выравнивается по левому краю а картинка поправому <style type="text/css"> div { width:10%; } dl dd { float:left; } dl dt { float:right; } </style> <div> <dl> <dt>тут текст</dt><dd>тут картинка</dd> <dt>тут текст побольше</dt><dd>тут картинка</dd> </dl> </div> И если div меньше ширины картинки и текста то картинка падает вниз. В этом и есть моя проблема.

   Asked by CTEKJlO, July 1, 2009

   0 votes
   9 answers
4. css framework

   Сам, никогда не пользовался, ищу чтобы мне немного облегчело жизнь, посоветуйте пожалуйста фрэймворк или какую нибудь программу в который можно было бы делать кроссбраузерную, резиновую верстку. Вот то, что я не просто нашел в гугле, а говорили что это может оказаться полезными вещами http://css-framework.ru/ и программа Amaya, что вы думаете по этому поводу? спасибо

   Asked by Sub-zerro, July 25, 2010

   0 votes
   17 answers
5. css grid

   Добрый день) Хочу узнать мнение опытных верстальщиков. Активно ли вы используете grid: display: grid, grid-template-columns: 30px 200px auto 100px и т.д.? Или рано еще?

   Asked by Nailya, March 15, 2018

   • grid
   0 votes
   15 answers
6. CSS GRID

   Привет Гуру верстки... Есть сетка (см. картинку)... Подскажите как сделать такую верстку (grid) где блоки внутри сетки были равными при адаптиве... Кол-во блоков в сетке может быть и 100х100)))... Спасибо за ответ....

   Asked by maxik, November 27, 2021

   0 votes
   0 answers
7. css hack только для кого ?

   Изучаю чужой css? наткнулся на такое .extra .imglink { display: block; margin: 3px 0; width: 170px; w\idth: 155px; } вопрос width: 170px; - для кого это ? w\idth: 155px; - а это для кого ?

   Asked by asker2, February 7, 2009

   0 votes
   1 answer
8. CSS hacks (проблема с Safari 5)

   Алоха. Перестал работать персональный css hack (селектор:not(:root:root) {свойство:значение;}) для Safari 5, но на старых версиях Safari работает "на ура". Кто-нибудь знает персональный css hack для Safari x<5<x? Встречал много статей, в которых утверждается что, к примеру, какой-то css hack только для Safari, начинаешь проверять его и получается, что он также читается и Google Chrome'ом. Все что я нашел работает для Safari_5+Google Chrome, а по отдельности только для Safari и только для Google Chrome - нету. Есть идеи? По теме: http://studioad.ru/blog/2009-09-30-92

   Asked by Compaq6720s, February 18, 2011

   0 votes
   12 answers
9. css ie fix ( не растягиваться блок)

   .block { line-height: 5px; background-color: #c40014; padding: 5px; margin-bottom: 10px; color: white; } во всех браузерах от растягивается в зависимости от содержания .а тут аккордион меню стоит и если открыть свернутые пункты - содержание выпадает за нижний предел блока..

   Asked by ufaclub, December 27, 2010

   0 votes
   2 answers
10. CSS jформление новости в dle

    Я "переделываю" родной шаблон dle 9.4 на свой. И когда дело дошло до CSS Оформления новости в dle - тупик. Создал нужные мне доп. поля. Вставил их коды в нужные места. Все поля для перемещения закрыл divaми. Мне нужно чтобы каждый div занимал определенное место и не двигался, как absolute. Когда всем divам через absolute, top, left, места указал. Получилось что вся информация со всех новостей на странице оказались в одном месте. Адрес моих тестов: _http://like.idhost.kz/test/ Как я хочу: tpl <div id="nstyle"> <div id="title">[full-link]{title}[/full-link] <div class="oname">[xfgiven_oname][xfvalue_oname][/xfgiven_oname]</div> <d…

    Asked by tylik, December 20, 2011

    0 votes
    0 answers
11. CSS Layouts

    Почти все сайты верстаю на дивах. в этой теме предлагаю выкладывать ссылки на ресурсы с готовыми лейаутами. начну: http://layouts.ironmyers.com/ http://www.code-sucks.com/css%20layouts/faux-css-layouts/ http://www.glish.com/css/ http://tjkdesign.com/articles/one_html_mar...css_layouts.asp

    Asked by LS200, April 1, 2009

    0 votes
    22 answers
12. CSS list-style-type, вопрос!

    Можно ли сверстать ниже написанное, с помощью синтакисиса и задать необходимый цифровой маркер? 1. Пункт один 1.1. Подпункт один один 1.2. Подпункт один два 1.3. Подпункт один три 2. Пункт два .... и т.д.

    Asked by Sotnikov, June 2, 2008

    0 votes
    10 answers
13. CSS menu

    Вот, есть CSS выпадающее меню } #nav li ul { display: none; } #nav a { text-transform:uppercase; font-size:14px; text-align:center; background-image:url(/imgA/mn.gif); color: #fff; text-decoration: none; display: block; width: 102px; padding:10px; background: #515151; } #nav a:hover { color: #000; background: #ccc; } #nav li:hover { background: #515151; } #nav li ul { display: none; } #nav li ul { display: none; position: absolute; background: url(fone-tr.png); padding: 8px 0; width: 200px; } #nav li li a { width: 300px; background: none; } #nav li:hover ul { display: block; padding:0; } #nav li:hover li ul { display: none; …

    Asked by aNt1, February 18, 2009

    0 votes
    0 answers
14. css menu

    Вот, есть CSS выпадающее меню } #nav li ul { display: none; } #nav a { text-transform:uppercase; font-size:14px; text-align:center; background-image:url(/imgA/mn.gif); color: #fff; text-decoration: none; display: block; width: 102px; padding:10px; background: #515151; } #nav a:hover { color: #000; background: #ccc; } #nav li:hover { background: #515151; } #nav li ul { display: none; } #nav li ul { display: none; position: absolute; background: url(fone-tr.png); padding: 8px 0; width: 200px; } #nav li li a { width: 300px; background: none; } #nav li:hover ul { display: block; padding:0; } #nav li:hover li ul { display: none; …

    Asked by aNt1, February 18, 2009

    0 votes
    1 answer
15. CSS Mozilla

    Для всех ли свойтв css достаточно приставки -moz- или есть особые написания свойств? Где почитать спецификацию CSS для MOZ, не могу найти... помогите кто сможет?

    Asked by SibBear, March 8, 2008

    0 votes
    7 answers
16. CSS or Img

    Добрый вечер Уважаемые! Интересует вопрос по концепции вёрстки. Как Вы считаете, например тот же градиент лучше верстать с помощью картинки или задавать css3 & filter(ie) Или border-radius, что лучше, перечислять все вендорные свойства или просто создать 4 доп блока и позиционировать их внутри родителя(всегда так делаю)

    Asked by systemiv, March 13, 2012

    0 votes
    19 answers
17. CSS Parallax - откуда-то появляется горизонтальный скрол

    Здравствуйте! На одной из страниц, которую я сейчас пытаюсь сверстать есть Parallax-эффекет. Я добился того, что он работает, но вылезла проблема: откуда-то появляется горизонтальный скролл, хотя инспектор показывает размеры элементов верные. Разметка страницы: <div class="card"> <div class="image"> <!-- Image --> <img src="..."> </div> <div class="info"> <!-- Information --> </div></div>Стили: .card { height: 100vh; perspective: 1px; overflow-y: auto; overflow-x: hidden; perspective-origin: top center; background: white;}.image { transform: translateZ(-1px) scale(3);…

    Asked by cartrege, December 1, 2014

    • css
    • transform
    • parallax
    0 votes
    0 answers
18. CSS photo-album

    Как заставить данную галерею работать в хроме и опере? CSS photo-album Не срабатывает /* make the images visible on active/focus */ .gallery li a:active img, .gallery li a:focus img { visibility: visible; }

    Asked by sakhnenko, April 24, 2009

    0 votes
    4 answers
19. css position в absolute

    Есть див определённой высотой и шириной, в нём куча картинок со скролом за счёт overflow-y. Каждая картинка в диве, а на картинке, но в этом же диве див-меню (position: relative;) в этом меню длинные ссылки (с position:absolute) Проблема в том что очень длинные ссылки из за того что их родитель с position: relative; сжимаются и вместо того что бы показываться над окном они пропадают под ним, если же мы меняем местами position, то казалось бы всё нормально НО так как у нас есть скрол и при его прокрутке ссылки не остаются на картинке , а остаются на месте а должны быть привязаны к местоположению картинки. вот http://bm61.16mb.com/test/index.htm ужас этот заменив position …

    Asked by gradus, July 31, 2011

    0 votes
    22 answers
20. CSS position: absolute Vs relative

    Код CSS: .base { width: 900px; background-color: red; position: relative; margin: auto; } .left { width: 150px; height: 500px; position: absolute; background-color: green; left: 20px; top: 200px; } Код HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <title>Test</title> <link rel="stylesheet" type="text/css" href="myCSS.css" /> </head> <body> <div class="base"> <div class="left"></div> </div> </body> </html> Вопрос: Почему я вижу зеле…

    Asked by Kalisnik, May 6, 2011

    0 votes
    9 answers
21. CSS re-вёрстка: сделать ширину=auto для 1 из элементов в диве, без размещения в столбец

    Есть широкий див, в нём находятся 2 элемента, 1-ый из них имеет фиксированную ширину. Задача: приделать динамическую (изменяемую) ширину для 2-ого элемента, расположив оба элемента в одну строку. Проблема: если установить 2-ому элементу width:auto, то в таком случае элементы размещаются в столбец, а надо в строку. Если установить для 1-ого элемента float:left, а для второго width:auto и float:right, то по идее всё должно решиться, но этого не происходит (firefox 3.5 + stylish). Ещё я поигрался с display: table-row/table-column (пробовал и менять на другие возм. параметры), но ничего не изменилось. Как правильно выставить этот параметр и главное для кого? Для суб-элементов…

    Asked by amz00m, November 16, 2009

    0 votes
    32 answers
22. css reset

    Добрый день у меня возник такой вопрос каким css reset пользуетесь вы ? и какой самый лучший по вашему мнению ... я например использую такой ... но мб есть и лучше (правельнее) , хотелось бы узнать ваше мнение .. h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; pad…

    Asked by MaferoK, August 2, 2011

    0 votes
    30 answers
23. css sprites

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

    Asked by imolodec, January 16, 2009

    0 votes
    3 answers
24. Css Style

    uc5:ToolBar1 ID="ToolBar1" runat="server" /> uc5:ToolBar1 ID="ToolBar2" runat="server" /> ToolBar содержит: asp HyperLink ID="HyperLink1" runat="server" NavigateUrl="http://***.ru">Forum</asp></td> asp HyperLink ID="HyperLink2" runat="server" NavigateUrl="http://****.ru">Box</asp></td> тд тп.. вот нам надо чтоб в ToolBar1 Hyperlink1 был например зел?ный а в ToolBar2 Hyperlink1 был например красный как это описать в CSS файле??

    Asked by Grid, April 15, 2008

    0 votes
    23 answers
25. css transform

    Кто как поворачивает блоки\картинки\текст? кроссбраузерно например как сделать вот так: чтобы можно было повернуть блок, а вместе с ним и картинку и текст, если он будет под картинкой. Как это можно реализовать? Может где то видели такое. Или существуют скрипты... Сам пока вижу решение поворачивать картинку как тут: http://romka.eu/blog/jquery-image-rotate а уже поверх текст накладывать и текст поворачивать как тут: http://habrahabr.ru/blogs/javascript/86952/ Хотя последнее вроде бы и картинку и текст разом повернуть сможет. Кто еще что подсказать может?

    Asked by npofopr, April 27, 2010

    0 votes
    0 answers