-
Posts
23 -
Joined
-
Last visited
-
Days Won
1
Content Type
Profiles
Forums
Calendar
Store
Posts posted by 13bis
-
-
justify, висячие предлоги и ширина текста свыше 600 пикселей - извращение
А что не так? Почему извращение?
-
Почему именно такой доктайп?
вот что-то а в DOCTYPE я вообще не смыслю. Почитал я о них на сайтах, форумах, но так ничего и не понял. Может Вы мне скажете, какой ставить на страницу?
Сожмите окно браузера и настанет трэш — min-width в помощьспасибо, сделал! min-width:900px выставил
h1 Немного наверх выпираетДа, это так было задумано, это подобие формы fieldset и legend.
-
Здравствуйте!
Прошу Вас дать оценку вёрстки двух страниц (главная и внутренняя).
http://netalkonarko.ru/test/index.html
http://netalkonarko.ru/test/second.html
Буду рад любой критике, для меня это очень важно!
Спасибо!
- 1
-
Здравствуйте! У меня такой вопрос (искал в сети, но ответа не нашёл, решил спросить у знающих здесь): как ещё можно реализовать, сверстать такую штуку -
Знаю, что есть такое <fieldset> и <legend>, можно легко с их помощью реализовать данное, но это, к сожалению не подходит.
Есть ли ещё какие-нибудь идеи по этом поводу, как реализовать вёрстку без тегов <fieldset> и <legend>?
Заранее Вам благодарен!
-
Подскажите пожалуйста, а в чём различие между
<!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">
и
<!doctype html><html lang="en-US">
Спасибо!
-
Здравствуйте уважаемые.
Столкнулся с такой проблемой, установил на сайтгалерею от lightbox, всё бы ничего, но не проходит валидность атрубут data-lightbox="example".
<!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=utf-8" /><title>Проблема с валидностью lightbox</title><!-- Light-Box --> <script src="http://netalkonarko.ru/js/modernizr.custom.js" type="text/javascript"></script> <script src="http://netalkonarko.ru/js/jquery-1.10.2.min.js" type="text/javascript"></script> <script src="http://netalkonarko.ru/js/lightbox-2.6.min.js" type="text/javascript"></script> <link rel="stylesheet" href="http://netalkonarko.ru/css/screen.css" media="screen"/> <link rel="stylesheet" href="http://netalkonarko.ru/css/lightbox.css" media="screen"/><!-- Light Box--></head><body><div class="image-row" style="text-align:center;"><div class="image-set" style="text-align:center;"> <a class="example-image-link" href="http://netalkonarko.ru/images/sertifikat/2.jpg" data-lightbox="example-1"><img class="example-image" src="http://netalkonarko.ru/images/sertifikat/2.jpg" alt="" width="150" height="150"/></a></div></div></body></html>
И вот что выдает валидатор -
Исходный файл - http://netalkonarko.ru/lightbox.html
Понимаю, что бред конечно подгонять страницу под формат валидности и тем более переживать из-за одной ошибки, но всё же интересно как это исправить и почему разработчики не обращают на это внимание.
Кто-нибудь сталкивался с такой проблемой и как её решить?
Заранее благодарен всем откликнувшимся!
Счастья Вам!
-
Он о "Portfolio".
Вообще-то это как бы заголовок страницы)) Логотип расположил справа ("разрыв стандартных шаблонов").
P.S.Название страницы с очепяткой..
Поправил эту мелочь. Спасибо!
-
лого лучше сделать ссылкой на главную
Вы имеете ввиду про букву P в круге?
Если да, то тогда объект кликабельный и по умолчанию ведёт на главную страницу.
-
Здравствуйте!
Выдалось свободное время и решил переверстать свой основной шаблон сайта. Буду очень признателен, если укажите на ошибки и способы их устранения.
Планирую переделать сайт кардинально, решил начать со структуры основного шаблона. Сверстал страницу, косяков пока не наблюдаю, код валидный, поддержка всех браузеров кроме IE6, но так как я не эксперт в CSS прошу взглянуть на код страницы, а мало-ли...
Собственно сама страница: http://splotnikov.ru/test/
Заранее, всем откликнувшимся, высказываю свою благодарность!
-
Всё-таки добился я того, что хотелось. Выкладываю код, может быть кому-нибудь и пригодится:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
body {background:#000; margin:0; padding:0;}
.clearfix:after {
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.l {
width: 450px;
height: 200px;
float:left;
background: #C90 url('http://splotnikov.ru/images/blog.jpg') no-repeat;
}
.r {
background-color: blue;
overflow: hidden;
text-align: right;
white-space: nowrap;
}
.r .inner {
background:#000;
text-align: right;
display: inline-block;
}
</style>
</head>
<body>
<div class="clearfix">
<div class="l"></div>
<div class="r">
<div class="inner">
<img src="http://splotnikov.ru/images/blog-bg-right.jpg">
</div>
</div>
</div>
</body>
</html> -
А что толку? Мне нужно чтобы фон обрезался с правой стороны блока.
т.е. 1-ый блок имеет фиксированную ширину в 600px, 2-ый блок - всё оставшееся пространство, но он не должен перекрывать 1-ый блок, при смене разрешения экрана. С правой стороны фон должен обрезаться.
Можно реализовать через BODY, но как быть если у пользователя разрешение экрана 1280px? Т.е. фон в body начинается сразу автоматически обрезаться при смене разрешения экрана.
Задача в следующем: при ширине монитора 1920px фоновое изображение прижато к правому блоку, при 1280 фоновое изображение на том же месте без изменений, а начиная уменьшать ширину с 1280 - фоновое изображение начинает обрезаться именно! с правого края.
-
При разрешении 1024px <div id="logo-container"> нужно сместить к левому краю, а он пока стоит фиксировано.
При высоте после 800px информационный текст съезжает на белый фон, опять же fix'ый блок.
При разрешении 1024px <div id="wraper-contact">, бессмысленно прижат блок к левому краю, там ещё столько пространства до формы.
А так в целом порядок. Стандартная такая сайт-визитка)
-
Как вариант:
img{
margin:0;
padding:0;
margin-bottom:-5px;
} -
Привожу пример кода:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
body {background:#000; margin:0; padding:0;}
.blog_1 {
position:absolute;
margin:80px;
float:left;
background:url('http://splotnikov.ru/images/blog.jpg') no-repeat;
width:600px;
height:190px;
}
.blog_2 {
position:relative;
float:right;
background:url('http://splotnikov.ru/images/blog-bg-right.jpg') no-repeat right;
width:100%;
height:480px;
}
</style>
</head>
<body>
<div class='blog_1'></div>
<div class='blog_2'></div>
</body>
</html> -
В какой теме? Какое тело? Ты бы хоть код показал или исходник прикрепил. Как тебе помочь-то?
-
В тег img можно alt заполнить, что немало важно для SEO +, как заметил Vin, легкая адаптация к мобильным браузерам.
На вкус и цвет, как говорится...
...или каждый д**чит, как он хочет...
-
Тык а в чём вопрос тогда?)))
-
Здесь ситуация другая. Прижать блок вправо легко, но как сделать так, чтобы изображение во 2-ом блоке (фон) не смещалось влево при смене разрешения экрана (показано на втором скриншоте).
Как вариант можно сделать отступ слева, но появляется полоса прокрутки и overflow:hiden не помогает с ней справиться.
Мелочь, а хочется понять и разобраться...
-
Естественно картинкой! Логотип подразумевает под себя ссылку на главную страницу сайта.
-
first-child (иконка домик) лучше убрать и написать Main или Home, либо убрать hover при наведении.
ИМХО.
-
Используй float:left
<div style="float:left; width:100px;">TEXT</div>
<div style="float:left; width:150px;">TEXT</div>
<div style="float:left; width:200px">TEXT</div>
-
Здравствуйте!
Столкнулся с такой проблемой:
Дано:
Два блока. 1-ый блок содержит контент, 2-ой как элемент дизайна.
Задача:
Прижать 2-ой блок к правому краю экрана (ширина монитора 1900px по ширине) при условии, чтобы блок оставался именно в правом блоке, без смещений и при ширине экрана, к примеру, 1200px, соответственно чтобы небыло полосы прокрутки.
Вот наглядные скрины:
Подскажите пожалуйста как сделать.
Заранее благодарен!
Укажите на ошибки и недочёты в вёрстке
in Discussion of works
Posted
Замечательное видео, просветили, сразу же исправил свой корявый доктайп!