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. вопрос по div верстке внутри

    подскажите пожалуйста как у самого внутреннего дива (div margin-top:-20px) сдвинуть вверх текст так, чтобы текст сдвинулся без бэкграунда родительского дива,т.е. чтобы бэграунды остались на своем месте а сдвинулся только текст ? а то получается что с минусовым маргином бэгрануд тела начинает залезать на бэграунд хедера, а мне надо чтобы залезал только текст. <body> <div style="width:700px;"> <div style="background: url(top.png) no-repeat bottom left; height: 30px;"></div> <div style="background: url(bg.png) repeat-y 0 0;"> <div style="margin-top:-20px;"> Мы предлагаем Вам программу-тренинг, прошедшую многолетнюю проверку временем и з…

    Asked by koda19,

    0 votes
    5 answers

  2. display: table и содержимое смежных "ячеек"

    Здравствуйте. Решил попробовать свойство display: table, но столкнулся с проблемой. Допустим, имеется таблица в две колонки. Если для одной из колонок указать padding-top, то содержимое обеих колонок будет сдвигаться вниз на заданную величину. То же самое происходит, если на первом месте в одной из колонок содержится элемент с положительным значением padding-top или margin-top: содержимое обеих колонок смещается вниз. Такое поведение не устраивает, потому что в левую колонку хочется поместить меню, прижатое к верхней границе колонки, а в правую - содержимое с отступом от верхней границы. css: body { padding: 0; margin: 0; } div.table { display: table; margin: 0 auto…

    Asked by hedgehog,

    0 votes
    10 answers

  3. Синхронизация локальной и внешней копий сайтов

    Здравствуйте! Подскажите пожалуйста какие есть решения. Сейчас я пользуюсь HomeSite и LeapFTP. Т.е. для редактирования сайта мне нужно зайти на сервер, скачать нужные страницы себе на комп, переделать, потом опять по фтп залить на сервер. А можно ли сделать следующим образом. Весь сайт (ну всмысле его копия) хранится у меня на компе, когда нужно редактировать его, я редактирую сайт у себя на компе, локально, потом проверяю все ли нормально и вот затем синхронизирую с сервером. Чтобы прога сама определяла, что изменилось и обновляла сайт на сервере. В Хоумсайте я такой фишки не нашел. Есть ли редакторы с такой возможностью? Или может это другим путем решается, например отд…

    Asked by ireland,

    0 votes
    9 answers

  4. Проблема с выравниванием по центру в InternetExplorer

    Добрый день! Не подскажите в чём причина проблемы и как её решить? В следующем примере страницы контент выравнивается посередине. Но вот почему-то в Internet Explorer контент не выравнивается по центру, а во всех других браузерах всё работает нормально. Выравнивание производится стилем #wrap { .. margin:0 auto; .. } Код: HTML <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link type="text/css" href="css/Blocs.css" rel="Stylesheet" /> </head> <body> <div id="wrap"> <!-- Header --> <div id="header"…

    Asked by pavel_martin,

    0 votes
    4 answers

  5. Как сделать фон блоку?

    Есть два блока: контент и меню. Контент больше. Когда делаешь фон блоку меню, фоном красится только то где есть текст (тоесть одна строчка только). Как сделать чтобы весь правый блок красился фоном?

    Asked by AquaGen,

    0 votes
    5 answers

  6. Как сделать ширину по содержимому?

    Надо чтобы один заголовок был снизу справа от другого. <div id="logo"> <h1> <h2> Не выходит: Рассчитанный стиль: width: 1022px; Стили: width: auto; Тоесть надо чтобы блок div был такой же ширины как надпись в h1

    Asked by AquaGen,

    0 votes
    2 answers

  7. dreamweaver проблема кодировки

    Почему так? При кодировке charset=utf-8 текст в дриме нормально отображается, а в charset=windows-1251 вот так...)) Просто мне нужен charset=windows-1251 В чем проблема??

    Asked by penchukov,

    0 votes
    6 answers

  8. порядок блоков в потоке для html5

    скажите пожалуйста правильно ли я понимаю. в html5 не обязательно располагать блок с кодом контента как можно выше в коде. к примеру на этой странице так и сделано - сначала идёт блок aside(сайдбар), а потом уже основной контент(статья). и при этом разметка все равно считается семантичной в html5. так ли это?

    Asked by cyklop77,

    0 votes
    1 answer

  9. очистка флоатов))флоат под флоатом

    привет еще раз! у меня очередная проблема —-очистка флоатов! КОД <html> <head> <style type="text/css"> *{ padding: 0;margin:0 } body,html{ height: 100%; background:black; } div.HH{ border:2px solid red; overflow: hidden; _overflow:visible; _height:1%; } div.ff{ width:300px; height:100px; background: yellow; float:left; } .aa{ clear:both } </style> </head> <body> <div class="HH"> <div class="ff">1</div> <div class="ff aa">2</div> <div class="ff">3</div> <div class="ff">4</div> <div class="ff aa">5</div> <div> </body> </html> хочу сделать фл…

    Asked by dostel1,

    0 votes
    2 answers

  10. Очередная унылая div шапка

    Подскажите пожалуйста как верно сверстать шапочку. Получить нужно вот что: http://dl.dropbox.com/u/11247558/v.jpg Т.е. первая полоса - первый div, квадрат - второй div (по идее там будет картинка), ну и 3 полоса соответственно 3 div. С первыми 2-умя проблем нет никаких, всё ок. Проблема возникает с 3-им. Он должен занимать соответственно от картинки всё оставшееся место до края браузера (примерно так как на скриншоте выше). На скриншоте я банально на глазок в % подобрал значение, но в других то разрешениях так не покатит . Текущий код HTML: <body style="min-width:1000px; margin:0px;"> <div class="top1"><br></div> <div class="img1"></d…

    Asked by SoulReav,

    0 votes
    0 answers

  11. Переопределение цвета в готовом шаблоне

    Доброго времени суток, господа. Имеется Drupal сайт с готовым шаблоном, нужно всего лишь в одной ноде поменять цвет текста в таблице, но как это ни печально не выходит. ссылка на ноду css файл Пытаюсь изменить в ячейке цвет текста "Рабочий телефон" (первая строка) Заранее спасибо всем, кто возьмется разобраться. Понимаю и извиняюсь за css файл с кучей кода, сам не смог найти решения.

    Asked by fast338,

    0 votes
    6 answers

  12. Проблема с бэкграундом

    Верстка Картинка white background по ширине 1000px. Серый бэкграунд прописан в body, но почему-то растягивается на весь экран, хотя body по ширине 1000px. Сам макет выглядит так Нужно чтобы черный бэкграунд растягивался только на 1000 пикселей в ширину (по ширине body).

    Asked by Rustick,

    0 votes
    4 answers

  13. Пхп ищу материал..

    Приветствую. Люди добрые, дайте ссылочку на урок по формам почтовой отправки... т.е Форма есть, нужно чтобы работало..)) Просто в php я 0%

    Asked by penchukov,

    0 votes
    5 answers

  14. Перестало работать увеличения картинок после изменения дизайна

    Всем доброго времени суток. Суть вопроса такова, я менял стиль сайта со старой табличной версткой, менялись только css-стили, и была добавлена таблица которая играет роль меню c id="headerMenu", в <header> не лез, менялась только шабка сайта, но почему то не работает увеличение картинок, выкидывает на главную страницу при на жатии на картинку. Мой css-код начинаетса с 530-ой строки. Мог ли я изменяя сss-правила сделать такую ошыбку, и как её устранить? адрес страницы: http://sport-melitopol.com.ua/api-caffeinex-200-tab/p-581.html нажатие на ссылку "увеличить", или на картинку сверху. Буду благодарен за ответы

    Asked by deem,

    0 votes
    0 answers

  15. Помогите с шапкой

    Значит хочу вставить фото в шапку,вместо заголовка,помогите: Сам заголовок: <!-- Header Starts --> <div id="header"> <div id="headerleft"> <?php if (get_option('logoURL')) { ?> <h1><a href="<?php bloginfo('url'); ?>" class="nobar"><img src="<?php echo get_option('logoURL'); ?>" alt="<?php bloginfo('name'); ?>"></a></h1></h3> <?php } else { ?> <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1><h3><?php bloginfo('descri…

    Asked by Zemlik,

    0 votes
    12 answers

  16. Cufon...

    Здравствуйте! Подскажите кто знает как задать font-weight,font-style шрифтам подключенным через cufon? В скриптах делаю так: Cufon.replace('h5 span', { fontFamily: 'Yold Anglican',color: '#f6900d',fontWeight:'700',fontStyle:'italic',fontSize:'16px'}); Но жирность и курсив у шрифтов не работают!???(если прописать шрифты обычным способом то на моём компе проблем не возникает...) P.S. Страница находится здесь: http://yamaradg.narod2.ru/history/Company_Solutions/1.html Скриншот с описанием где именно текст подключен через cufon - прикладываю...( http://yamaradg.narod2.ru/history/solution_upgrayd.jpg ) Буду очень признателен за любую помощь! (также буду благодарен,если кто-ниб…

    Asked by Yamaradg,

    0 votes
    0 answers

  17. полоса под картинкой-ссылкой

    <div class='desc'> <a class='foto' href="foto/53.jpg" id="53"><img src='foto_min/53.JPG'></a> <div class='text'>Москва</div> </div> .desc{ width:730px; margin:25px auto 0; clear:both; min-height:250px; } .text{ float:left; width:315px; min-height:230px; height:100%; margin:0 15px; border:1px solid black; border-radius:5px; padding:5px 5px 13px 13px; display:inline-block; } .foto{ float:left; width:333px; min-height:248px; border-radius:5px; margin:0 15px 25px; border:1px solid black; display:inline-block; padding:0; }

    Asked by Seretyr,

    0 votes
    2 answers

  18. Проблема с позиционированием кнопки

    Почему кнопка с текстом лезет куда-то наверх? <style type="text/css"> button {width: 32; height: 32;} </style> <button></button> <button>1</button> <button></button>

    Asked by Тёмик,

    0 votes
    2 answers

  19. Вопрос про текст внутри div'а.

    Доброго времени суток! Подскажите пожалуйста: <div><img ... />Текст</div> - Возможно ли в данном случае сделать стиль для текста через id дива, не трогая при этом img? Заключить Текст в ещё один тег я не могу. Спасибо большое!

    Asked by Arinden,

    0 votes
    7 answers

  20. Абсолютное позиционирование. Где ошибка ?

    Здравствуйте. Css .1 { position:absolute; top:100px; left:100px; background-image : url(/images/left.png); } html <div class ="1"></div> изображение не выводится.

    Asked by d4a1,

    0 votes
    3 answers

  21. Проблема с позицией

    Дело было так <div id="sofa"> <ul class="service-list"> <li>ывсмыв</li> <li>ывмыв</li> <li>ывмым</li> <li>вымвыы</li> </ul> <ul class="service-list2"> <li>ывмыывм</li> <li>ывмывы</li> <li>ывмывм</li> </ul> </div> #sofa { background:#9FC; height: 226px; float:right; width: 727px; } .service-list { float: left; list-style-type: none; margin-left: 22px; position: relative; top: 28px; width: 160px; } .service-list2 { float: left; list-style-type: none; margin-left: 15px; position: relative; …

    Asked by penchukov,

    0 votes
    4 answers

  22. Верстка для Facebook

    Вот недавно встретился с интересным приложением на Facebook'е. Называется «Static HTML: iframe tabs» Позволяет вставлять на страницу HTML код. Но дело в том, что туда можно залить код только главной страницы своего макета. А если, допустим, у меня макет состоит из 3,4,n страниц, где есть меню? Как сделать так, чтобы у меня была главная страница, опубликованная на ФейсБуке, а при нажатии на ссылку в меню на этой главной, открывалась другая страница макета в том же окне на ФБ? Или это возможно, если только залить все остальные страницы макета на хостинг?

    Asked by Sedacove,

    0 votes
    0 answers

  23. Программа для работы с дизайном

    Здравствуйте. Создал резиновый каркас сайта, сделал в фотошопе дизаин, шапка, подвал, и три колонки. Разрезал все это дело и возникла проблемка. При разрешении экрана 1024х768 картинки вылезают за блоки. Соответственно если делать изображения под это разрешение то при увеличенном разрешении будут белые поля у блоков. Вобщем нужно чтобы картинки играли под разрешение. Есть ли программа в которой можноэто сделать? или может в самом коде нужно что-то добавить? Надеюсь посоветуете что нибудь. Я всего лишь начинающий Спасибо всем за ответы!

    Asked by Shkif,

    0 votes
    1 answer

  24. старожилы форума подскажите

    Здравствуйте, подскажите пожалуйста новичку - возможно ли как то сделать что бы при переходе на другие страницы сайта <div> блок не подгружался заново а оставался как есть. Заранее извиняюсь за не совсем корректный вопрос, постараюсь объяснить примером: на всех страницах сайта чуть ниже шапки - присутствует флеш сайдер который (при загрузке флешка издает звук и прогоняет по очереди заданные слайды)и при переходе на новую страницу сайта она снова издает звук и начинает показ слайдов. Если посетитель находиться на страницы достаточно долго тогда вся эта конструкция смотрится нормально, однако если человек привык к быстрому серфингу страничек тогда начальная мелодия фл…

    Asked by test777,

    0 votes
    2 answers

  25. Background

    Привет всем! У меня имеется изображение(1600px x 1200px), которое я хочу сделать задним фоном. Теперь вопрос, как мне сделать так, чтобы изображение при разрешении экрана 1024 x 768 и 1280 x 1024 автоматически масштабировалось до нужных размеров? И до каких размеров мне уменьшать изображение в фотошопе при соблюдении пропорций?

    Asked by Feers1de,

    0 votes
    9 answers

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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