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
-
[Теория] Навороты современного дизайна и нагрузка на машину
Собственно сегодня спорили с одним товарищем (дизайнером), о том как влияют всяческие "плюшки" на скорость работы сайта. Он рассказывал мне про то, что мол популярные "адаптивные" страницы, где почти всё указано в процентах, весьма нагружают машину посетителя. Возникают глюки тормоза и тд, не суть важен этот разговор.. Но я действительно задумался, а насколько страница сверстанная к примеру с помощью "бутстрапа", больше нагружает браузер и машину посетителя страницы по сравнению с той же классической(в общих рамках) страницей.
0 votes6 answers -
Как сделать вот такой слайдер?
Вот так должен выглядеть слайдер: Видно, что слайды по бокам прячутся почти на половину ширины. У меня помещаются только 4 блока а другие 2 выпадают http://codepen.io/anon/pen/PwXZGG 1) Как сделать так, чтобы было как на картинке? 2) Как сделать чтобы товары двигались друг за другом при нажатии на кнопки "LEFT", "RIGHT" в соответствующие стороны?
0 votes2 answers -
Как реализовать линии связи между блоками?
Добрый день. На сайте нужно реализовать подобное: А именно интересуют пунктирные линии между блоками, их вообще возможно сделать силами CSS? Пока вставила картинкой весь блок, но это не очень устраивает, потому что нужен редактируемый текст в блоках. Спасибо.
0 votes1 answer -
Отличие отображения вёрстки в iPad и в Сhrome
Здравствуйте. Не могу понять почему в iPad вёрстка не растягивается по всей ширине экрана, т.е. там есть горизонтальный scroll и за границами этого скролла блоки не растягиваются, а становятся фиксированными. Это лендинг и есть такой вот код: <div class="fullpage"><div class="section" id="section1"></div><div class="section" id="section2"></div><div class="section" id="section3"></div><div class="section" id="section4"></div></div>Так вот, например блок section3 шире, чем другие и из за этого получается горизонтальная прокрутка в iPad'е. На персональных компьютерах такой проблемы нету, т.к. остальные блоки подстр…
0 votes1 answer -
Как в css прописать стиль текста для UL?
Здравствуйте, в верстке я новичок, поэтому не судите строго за вопрос. Сейчас я работаю над сайтом на WP. Мне нужно задать размер шрифта для всех элементов UL на страницах сайта. Как это лучше сделать?
0 votes1 answer -
Как состыковать два изображения без разрыва
Здравствуйте. Прошу подсказать по следующему вопросу. Есть два изображения, которые нужно разместить одно под другим в таблице, а между ними текст. Для упрощения скажем это одинаковые прямоугольники. Но после первого изображения появляется белая рамка. Попытки ее убрать с использованием методов, найденных в поиске, не увенчались успехом. Прошу подсказать как решить этот вопрос. На приложенном изображении расположение горизонтальное, но суть та же. <html> <head> </head> <style> img{ border: none; } </style> <body> <table border = "0" cellpadding="0"> <TR> <TD> <img src = "D:\Пр…
0 votes3 answers -
Использование форм как кубиков
Готовую почтовую форму (провайдерский сайт) я заложил (так мне нужно) в Гостевую книгу. При этом страница приобрела безобразный вид (форма, растянувшись, заняла всю ширину внизу). Редактировать саму форму невозможно, а задать команды, которые бы ее привели к порядку на данной странице, не умею и боюсь. Создать новую форму не разрешают. Если это простая задача, хуже того - элементарная, вс? равно подскажите. В учебниках (многих) я подсказок пока что не нашел.
0 votes1 answer -
полоса прокрутки, проблема
Здравствуйте! Может кто подскажет, почему в тексте окна полосы прокрутки (в интернете и в первью) у меня допечатывается любой текст, когда такого не должно быть. <textarea name="formtextarea1" rows="15" cols="85" style="font-family:'Times New Roman'; font-size:14px; text-align:justify; margin:2; border-width:23; border-color:white; border-style:solid; scrollbar-face-color:black; scrollbar-shadow-color:rgb(153,153,153); scrollbar-highlight-color:black; scrollbar-darkshadow-color:rgb(153,153,153); scrollbar-base-color:black; scrollbar-arrow-color:white; scrollbar-track-color:rgb(204,204,204);"> Я где-то ошиблась в коде? Заранее спасибо.
0 votes5 answers -
Проблемы при создании всплывающего окна!
У меня вот такие вопросы Помогите их решить!
0 votes7 answers -
Глючит скрытие/отображение строки таблицы через JavaScript
Я попробовал через JavaScript (display = none | block) сделать так, чтобы в громоздкой таблице строки скрывались и появлялись при нажатии на нужные линки. Скрывается хорошо, но вот появляется строка, целиком вложенная в первую ячейку. Такое поведение наблюдается в Opera 9.64 и FireFox 3.0.7. В IE8 всё нормально. Как реализовать задумку?
0 votes3 answers -
Совместная верстка.
Доброе времени суток. Я бы хотел спросить, как сделать совместную верстку ? Типо, человек создаёт что-то типо блокнота, потом он даёт сылку другому человек он заходит и видит что пишет другой + может редактировать или же добавлять. Заранее огромное спасибо.
0 votes3 answers -
div
В общем вот такой вопрос можно ли реализовать такое http://jsfiddle.net/prizrak/HP4kN/ в верстке див?) если да то как?)(хоть намекните)
0 votes4 answers -
Загадочный DOCTYPE
Тренировался в вёрстке, наткнулся на интересную проблему. Делал шапку сайта с непрописанным DOCTYPE в браузере опера и всё было хорошо, но как только решил проверить с других браузеров, куда-то пропала часть элементов. Как только я прописал на страничке <!DOCTYPE html> в опере тоже пропало как у остальных. В чём может быть проблема? Как DOCTYPE может убрать элементы? Собственно вот как выглядит страница без прописанного доктайпа И с ним Собственно сайт blackspot.ucoz.ru Код шапки <header><div class="header"> <a href="http://blackspot.ucoz.ru/"><img src="/template/img/blackspot.png" alt="BlackSpotStudios" class="logo" /></a> <div…
0 votes4 answers -
Помогите двигать кнопку войти/выйти немого левее
Я создаю сайт в стиле ВКонтакте Сайт http://vigrakh.ucoz.ru/ Код в CSS body {font: 11px tahoma, arial, verdana, sans-serif, Lucida Sans; } .home {border:none; margin: center; } #menu { margin-bottom: 0px; } .mbar { height: 41px; background: url("http://wallaby.ucoz.ru/menu/mbar.png") no-repeat; } .mbar .mbar { background-position: 100px -41px; } .mbar .mbar .mbar { background-position: 0 -82px; background-repeat: repeat-x; } #menu {font: 11px tahoma, arial, verdana, sans-serif, Lucida Sans; font-weight: bold; background-image:url('/img/uplo.png'); background-repeat:repeat-x; height:41px; line-height:41px; color:#fff; border:solid 0px #fff; width:80…
0 votes4 answers -
Текст ведет себя как банный лист
Всем джамбо господа. Wordpress. Сайт. Кидаю изображение <img src='...' align='left' hspace='50'> но текст прям как я летом на пляже, все так же прилипает к изображению. Может есть альтернатива hspace? или я просто бибилов (не в обиду футболисту).
0 votes5 answers -
Не могу выравнить ленточку
В общем вот сайт http://selection-studio.ru/maket5/ Там есть ленточки - они стоят криво 1 ленточка = 2 картинки Левая и Правая часть + по центру часть которая растягивается Делал сначала с помощью div - но фугас мне в глаз Float:left прижал их в левый край и не отрывал((( Сделал с помощью таблицы как сейчас - но в Опере есть щели между ними Попробовал отступы у таблицы убрать ничего не помогло((( В конце концов подвинул картинки с помощью margin-left:-10px; И ничего не вышло - Помогите!!
0 votes1 answer -
Как с помощью CSS/JS заставить принять родительский блок высоту резинового дочернего с абсолютным позиционированием?
Есть такой код: <div class="parrent" style="position:relative"> <div class="child" style="width: 100%; position:absolute" ><img style="max-width:100%"></div> </div> Как вы видите, дочерний блок содержит в себе резиновое изображение и в зависимости от размера окна будет менять свою высоту, но при этом parrent будет оставлять свою высоту неизменной, т. к. дочерний имеет position: absolute. Как с помощью css/js заставить parrent принять высоту child?
0 votes2 answers -
Эффект меню
Делаю меню вот с таким эффектом: Т.е когда пункт меню активный под ним должна появляться белая черта. Ширина черты пиксель в пиксель должна совпадать с активным пунктом. Суть в том, что у каждого пункта ширина разная. Я пробовал решить проблему с помощью: - box-shadow, - border-bottom, - :after Но везде свои недочеты. Может что-то не до конца делаю. Посмотрите (у меня там не пиксель в пиксель если что) http://codepen.io/anon/pen/xbYBjL Что можно сделать?
0 votes3 answers -
Ширина div по доступному содержимому
Где не спроси, везде на вопрос "почему нельзя использовать табличную верстку" ответят, мол с блоками html чище, да и вообще, что нельзя сделать используя блоки? Вопрос, есть к примеру вот такой код: div { width: 600px }span, input { display: inline-block }<div> <span class="lable">Имя</span> <input type="text" value=""> <br /> <span class="lable">Фамилия</span> <input type="text" value=""></div>Элемент span может менять свое содержимое, соответственно и собственную ширину, следовательно, что бы две строки с элементами span и input имели одинаковую ширину необходимо задать поведение для input. С одной сторон…
0 votes3 answers -
Помощь по мере обучения в вёрстке сайта
Всем привет. Я ещё зелёный в Web-разработке и с целью получения опыта я решил сделать сайт с концепцией направленной на реклакс пользователя(возможно вы встречали подобные, если же нет то вот пример). Так вот я очень прошу читающих это заглядывать в эту тему и в случи возникших вопросов помочь мне. Я буду очень благодарен. Ну а пока у меня есть вопрос: Допустим у меня есть два блока которые лежат друг на друге и один из них всегда не активен, так же есть две кнопки которые также лежат друг на друге(дадим условные имена объектам блок1, блок2, кнопка1, кнопка2,). Эти две кнопки абсолютно идентичны кроме содержащего текста и их функции. При чём эти кнопки лежат с остальн…
0 votes3 answers -
Простая задача на js
Доброе время суток! Начинаю изучать js. Помогите с такой задачкой вот условие: вывести в одной строке цифры 7 13 100 с двойными пробелами между ними.
0 votes2 answers -
Боковое меню/панель на CSS
Хочу на сайте сделать боковое меню. В углу картинка/кнопка при клике/наведении на которую в боку выезжает блок на всю высоту страницы а сама страница затеняется. В блоке располагаются сами пункты и если их много они прокручиваются вниз независимо от основной страницы. Помогите найти что-то подобное. Сам находил несколько интересных вариантов, но практически все скриптовые. Можно ли подобную задумку реализовать на чистом CSS? Необходима кроссбраузерность и кроссплатформенность - что бы работали в разных браузерах и на разных ОС (включая моб.телефоны). Кстати, хотел спросить. Как мобильные устройства относятся к элементам на ActivX?
0 votes1 answer -
Как при наведении изменить сразу два класса CSS?
При наведении на div нужно поменять и свойства дива и свойство картинки в нем (другой класс) как это можно сделать через CSS?
0 votes2 answers -
Не отображается картинка
Здравствуйте, я начал изучать html мой первый язык программирования и я много не понимаю и ещё не знаю. Я столкнулся с проблемой. Хотел я вставить картинку в свой сайт но она просто не отображается на сайте. Я пробовал разные варианты и также не получалось. Пишу код в Brackets. Пожалуйста помогите <img scr="https://bigsp.ru/uploads/position/large_01c6d2f3e6c3430fbb597cac07d746f86dde1a1d.jpg" width="250" height="400" alt="Суши">
0 votes1 answer -
В IE6 контент съезжает вниз
Ребята, помогите пожалуйста! Уже не знаю что делать! На странице www.vspu.ru/is в IE6 нещадно сдвигается контент вниз в основной колонке. Css и HTML можно посмотреть в FF bags. Подскажите, что может быть?
0 votes2 answers