HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Подскажите пожалуйста. (CSS)
Доброго вам времени суток! Ребят, возникла такая проблема, надеюсь она не сложная. Я сам CSS изучал и многих аспектов ещё не знаю, поэтому рассчитываю на вашу компетентную помощь и заранее благодарю каждого за ответ. У меня такая структура: <p id="tag1"> <div id="news-id-1"> <!--ID этого элемента имеет совершенно разные цифры на конце, поэтому прописывать их через запятую не подходит--> <img /> Текст контента </div> </p> Проблема заключается в следующем: Мне нужно задать CSS свойства для img через #tag1, как если бы он лежал внутри tag1 (#tag1 img { }), а не внутри div с меняющимся id. Я пробовал разны…
0 votes6 answers -
Bootstrap и шапка фиксированной ширины
Здравствуйте! Только начал изучать bootstrap, запутался вот с какой штукой: Есть картинка - шапка сайта, фиксированного размера 895px. Весь шаблон, соответственно, ограничивается этой шириной. Я ограничил body шириной шапки: body {width: 895px; margin: 0 auto;} Так же сделал с первым контейнером: .container {width: 895px !important; } Делаю два столбца span6 - они все равно получаются по 1170/2 и размещаются один под другим, а не в строчку. Как сделать, чтобы деление на колонки происходило для ширины 895, а не 1170? Спасибо!
0 votes2 answers -
Как объединить два языка
Есть вот такой код на 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…
0 votes1 answer -
Вложение div блоков в основном контенте
Всем привет. Может кто сможет помочь в данном вопросе. Изучаю в данный момент связку HTML и CSS, и появились два вопроса. 1) Иногда изучая какой-нибудь сайт или пытаясь по образцу переписать какой-нибудь макет, вижу примерно такой код: <div id="wrapper"> <div id="main"> <div id="sidebar"></div> <div id="content"></div> </div> </div> Вот мне и стало интересно, зачем внутрь одного блока (wrapper) вставлять ещё один блок-обёртку (main) для содержимого страницы. Ведь у двух этих родительских блоков одинаковая ширина и высота. Почему нельзя навигацию и основной контен…
0 votes4 answers -
Вертикальный отступ для фона
<div style="border:1px solid red; width:400px;height:400px; background:url(images/button.jpg) repeat-y;background-position:300px 30px;text-align:right"> <img src="images/image.gif" width="20" height="30" alt=""> </div> Подскажите,плз,такая проблема Есть слой,в правом верхнем углу находится изображение gif высотой в 30px с частично прозрачными областями. Нужно к правому боку слоя прижать фон(ширина 20px),повторяющийся по вертикали, таким образом,чтобы он начинался сразу под картинкой и не просвечивал через нее (через нее должен просвечивать фон,заданный для body).Пытался задать отступ для фона через background-position - не получается.Думал над тем,чтобы …
0 votes3 answers -
Firefox коряво отображает png-картинки
В Firefoxe коряво отобрадаются png-картинки: Картинка сама по сбе отображается,но вокруг появляется невнятьная рамка.Создается впечатление что картинка немного вдавлена.И в левом верхнем углу появляется маленькая пиктограммка: маленький листочек с завернутым углом. Такое происходит когда картинка загружается на сервер.На винте все нормально. Картинку вставляю так
0 votes3 answers -
противоположно позиционирование слоев
Столкнулся с тем, что никак не получается спозиционировать слои на одной строке, но в противоположные стороны, например: [Вверхний слой] [L][L] [R] [Нижний слой] Свой код не привожу, так как ничего путного так и не получилось. Возможно ли подобное реализовать не используя табличную верстку?
0 votes4 answers -
Как выровнять текст вертикально по центру в диве?
Конструкция: div { height: 200px; display: table-cell; vertical-align: middle; background:#CCC; } не работает в ие6! Какой можно использовать универсальный кросбраузерный способ для выравнивания текста (или чего-нибудь другого) внутри дива? —————— Поторопился тему создавать. Нашел ответ: http://forum.htmlbook.ru/index.php?showtopic=16174 Модеры, убейте тему!
0 votes0 answers -
Ширина табов
Есть такие табы. Как нужно поменять css, чтобы общая ширина табов была точно равна ширине блока ниже?? Когда я пробовал, вместо символов A,B,C были длинные строки, и у меня постоянно общ. ширина табов либо не дотягивала до ширины блока, либо была больше, и вообще один таб съезжал вниз.. ( Есть ли способ сделать ширины одинаковыми (равномерно табы распределить) - при этом вне зависимости от контента табов(будь то A,B,C или строки подлиннее)?? Или от ширины контента табов всегда будет зависеть?? Тогда как??
0 votes14 answers -
Не правильно отображается таблица на сайте, как исправить?
Не правильно отображается таблица на сайте. Данный код добавляю вручную на статистическую страницу сайта. Использую CMS DLE 10.3 Вот как должно быть: А вот как отображает: На статистической странице выставляю Тип текста: Исходный текст HTML без фильтрации и изменений, и пишу код: <table cellspacing="10"> <tr style="background-color: gray; color:white"> <th> Заголовок 1 </th> <th> Заголовок 2 </th> </tr> <tr style="background-color: silver;"> <td> Ячейка 1 </td> <td> Ячейка 2 </td> </tr> <tr style="background-color: silver;"> <td> Ячейка 3 </td> &l…
0 votes7 answers -
Извлечение текста одного из фреймов Гугл Хрома.
Здравствуйте. Мне нужно получить весь текст одного фрейма из трёх на странице. Речь о Гугл Хроме. Желательно в буфер обмена, но если так нельзя, то в файл или ещё как-нибудь. Каким образом это можно сделать ? Спасибо.
0 votes4 answers -
Начал учить MySQL
Начал учить MySQL, поставил Денвер, и вот первый вопрос: где ввести эти строки чтобы создать базу данных? >CREATE DATABASE products; >CREATE TABLE clients (name VARCHAR(25), email VARCHAR(25), choise VARCHAR(8)); Как ни странно, но базу данных я все-таки создал програмкой phpmyadmin встроенной в Денвер, но мне хотелось бы это сделать именно в текстовом режиме
0 votes6 answers -
Текст в картинке
В ячейке таблицы находится картинка, в этой же ячейке внутри картинки должен находиться текст. В IE прокатывает такой вариант <tr> <td nowrap style=\"font-size:12px\" style=\"position: relative\"> <span id=\"hp_w\" style=\"position: absolute; left: 5px; z-index: 1; font-weight: bold; color: #FFFFFF\">Раз-два-три</span> <img src=\"images/hp_g.gif\" width=300 height=14 border=0 name=green_hp vspace=0 align=absmiddle> </td> </tr> т.е. absolute работает от границы ячейки таблицы. В других браузерах absolute идет непосредственно от начала страницы. Отодвигать текст аттрибутом left от края экрана до самой таблицы не имеет …
0 votes9 answers -
Выпадающее меню, проблема в IE6
Здравствуйте! Помогите пожалуйста решить такую проблему: Есть горизонтальное меню, с выпадающим подменю при наведении мыши. Дело в том, что пункты меню не ограничены по ширине и зависят от длины текста в них. Во всех браузерах (кроме гадского IE6) подменю имеет ширину родительского элемента (тоесть самого пункта меню), а в IE6 оно растягивается по всей длине меню! Я так понял, что IE6 при абсолютном позиционировании блока неправильно определяет родительский элемент. Вот ссылка на пример: ссылка на меню Код меню: <ul class="menu"> <li><a href="#">Very Long Menu Item</a> <ul> <li><a href="#">Submenu 1</a></li> &l…
0 votes9 answers -
Перевод строк
Добрый день! Как узнать о переносах строк? Ситуация такая: Есть <div>слово1 слово2 слово3 слово4 слово5</div>. Если сжать ширину у div, то, например, получим: <div>слово1 слово2 слово3 слово4 слово5</div> Как определить, что слово3 и слово5 перенесены? Подскажите пожалуйста!
0 votes7 answers -
Странное поведение тега div
Вот какое дело, не пойму поведение дива, что такое присходит, а картина следующая, щас изображу схематически <div class="content"></div> <div class="div.doska_menu"></div> <div class="menu_temp">Какой-то текст</div> div.doska_menu { width:400px; height:400px; margin-top: 10px; margin-left: 0px; padding: 0px; float:left; background-image:url(../images/doska_menu.png); background-repeat:no-repeat; border:3px solid black; } div.content { height:90%; min-height:200px; padding:0px; width:800px; margin-left:420px; margin-top:10px; border:3px solid black; } div.menu_temp { width:400px; height:400px; margin: 0px; padding: 0px; background…
0 votes8 answers -
Центрировать галерею Widgetkit
Добрый день. Столкнулся с такой проблемой. Установил на Joomla 1.5 галерею Widgetkit. В материале прописал <p style="text-align: center;">[widgetkit id=4]</p> И о чудо! Галерея появилась в материале, но она не по центру, т.е. она становится по левому краю и все тут. Подскажите какие есть варианты решения проблемы. Вот страничка с проблемой: http://10dance.com.ua/ Спасибо.
0 votes2 answers -
Не работает justify-content
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700;800&display=swap" rel="stylesheet"> <title>TradeMine - Гарант Сервис Minecraft</title> </head> <body> <header class="header"> <div class="container"> &…
0 votes1 answer -
Как сделать голосование?
Хочу сделать шкалу голосования для фото как в майле. От 1 до 5. Подскажите как сделать это с помощью <input type='checkbox ,при этом чтоб не было галочка а просто ячейка .Заранее спасибо.!
0 votes3 answers -
Отдельный css для каждого li
Есть вот такое меню <div class="menu"> <ul id="level"> <li><a href="http://" class="level" >...</a></li> <li><a href="http://" class="level" >...</a></li> <li><a href="http://" class="level" >...</a></li> <li><a href="http://" class="level" >...</a></li> </ul> </div> Использую border-radius и box-shadow для пунктов. Каждый пункт - отдельный овал с тенью. Названия пунктов разные по длине, соответственно овалы получаются разные. А вот для ie как всегда отдельный сss. Другие элементы я просто картинками сделал вместо css3, а вот как с разными по длине пунк…
0 votes6 answers -
Использование в margin отрицательных значений
Сабж,это нормально или как-то это можно обойти?
0 votes6 answers -
<Input type="text"> and ie8
html: <div class="form-item"> <input type="text" name="" value="Search" maxlength="128" /> </div> CSS: * { margin: 0px; padding: 0px; } .form-item input { height: 19px; width: 100px; border: 1px solid black; } .form-item { height: 21px; } Screen from IE8 Как видите есть отступ сверху. margin-top: -Npx не помогает. Ума не приложу что с этим делать. Возможно из-за полнодневной борьбы с ie разум не видит очевидные вещи.
0 votes3 answers -
Начало пути веб-программиста
Всем доброго времени суток. Хочу начать заниматься веб-программированием. Начать хочу с вёрстки (и хорошо её изучить), затем перейти на бекенд (и что бы потом бекенд был моим основным направлением). Опыта в программировании нет вообще никакого. Гуглил дня 2, но немного запутался. Подскажите пожалуйста, в каком порядке и что учить (особенно путаница у меня с HTML, сайтов, которые учат верстать (а не просто тегам) на пятой версии просто нет, они либо на 4, либо просто сборник тегов). Да и вообще надо бы, что бы немного подсказали что и как, сколько времени займёт обучение(мне это очень важно, я потерял 4 года из жизни просто так, надо навёрстывать упущенное время) и т.п. Вс…
0 votes9 answers -
Как хранить операторы в переменной?
var h = '+'; alert(5 h 5); Надо чтобы в переменной h был оператор +. Чтобы в сложении использовать его вместо знака '+'.
0 votes9 answers -
Microsoft.Net framework
Подскажите, что такое "Microsoft.Net framework". Что это такое и для чего он нужен?
0 votes4 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-