psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
LunatiK А вот и неправда))) http://www.infimum.dk/HTML/slantinfo.html Все эти геометрические творения сделаны на CSS
-
Такие вещи пишутся в условных комментариях, или в отдельном листе стилей для бразеров IE 1) Условные комментарии со стилями вставляются например прям на страницу html между открывающим и закрывающим тегами head Например условные комментарии для броузера IE6 <!--[if IE 6]> <style type="text/css"> #sidebar-left { margin-right: -3px; } </style> <![endif]--> Это правило будет видеть только броузер IE6 2) А вообще более правильным способом считается выносить правила для бразеров IE в отдельный Лист Стилей, тоесть тебе нужно создать Лист Стилей такойже, как и обычный, только назвать его например ie6.css, а потом подключить его с помощью условных комментариев точно также , как ты подключаешь обычные Стили для всех броузеров: <!--[if IE 6]> <link href="css/ie6.css" rel="stylesheet" media="all" /> <![endif]--> 3) А вообще лучше почитай об этом побольше, например тут: http://www.google.ru/search?hl=ru&q=%D...A+%D0%B2+Google
-
RobotWerder Может всётаки осмелитесь и дадите ссылочку на сайтик?
-
Да, действительно, НеВалидный код, ничего смешного нет,тут дело серьёзное :)
-
Или ещё как вариант, можно задавать и убирать padding: http://psywalker.ru/img-padding/img.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Table - Li</title> <style type="text/css"> *{ margin: 0; padding: 0;} img { border: 1px solid #f00; padding: 2px; float: left;} img:hover { border: 3px solid #f00; padding:0;} </style> </head> <body> <img src="4649.jpg" alt="" /> <img src="43.jpg" alt="" /> <img src="30.jpg" alt="" /> <img src="179.jpg" alt="" /> <img src="191.jpg" alt="" /> </body> </html>
-
А дай ссылочку на сайтик твой, может смогу помочь
-
igamity Это как минимум невозможно хотябы потому, что Откуда например правые нижние блоки будут знать, какой ширины им быть? Такие вещи тогда уж лучше делать таблицей, и не париться, там ячейки сами высчитывают размер, как раз как вы хотите
-
LOLA1111 Не нервничай дружище, я тебе сделаю в двух вариантах, и таблицей и списком, может чуть позже, а может завтра, потерпи немного))) Да естественно, все не могли сначала понять, это со временем всё приходит, с опытом, все так начинали, так что не паникуй, всё у тя получиться, а насчёт Списков, это ты зря, списками делать намного удобнее, вот я те покажу пример, ты сам поймёшь, жди Вот смотри вобщем, тут Два варианта, Таблицей и Списком: http://psywalker.ru/table-div/
-
Nekromancer А какую бы хотел? есть фотка?
-
igamity Так пойдёт? http://psywalker.ru/div-box.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Div</title> <style type="text/css"> *{ margin: 0; padding: 0;} div#wrap { width: 806px; border: 1px solid #000; overflow: hidden; height: 1%; } div.box-left { float: left; width: 200px; height: 300px; background:#9CC; border: 1px solid #00F; } div.box-topLeft { float: left; width: 300px; height: 150px; background:#9C6; border: 1px solid #00F; } div.box-top-right { float: left; width: 300px; height: 150px; background: #9F9; border: 1px solid #00F; } div.box-leftBtm { float: left; width: 300px; height: 150px; background: #C03; border: 1px solid #00F; } div.box-rightBtm { float: left; width: 300px; height: 150px; background: #63C; border: 1px solid #00F; } </style> </head> <body> <div id="wrap"> <div class="box-left">LEFT BOX</div> <div class="box-topLeft">Box Top Left</div> <div class="box-top-right">Box Top Right</div> <div class="box-leftBtm">Box Left Bottom</div> <div class="box-rightBtm">Box Right Bottom</div> </div> </body> </html>
-
LOLA1111 Короче: то, что вы хотите получить, делается на списках 1) Каждому li назначается Ширина, Высота и Фон 2) Каждый li получает обтекание слева : float: left; и отступы от соседних li 3) Уже потом в каждом li пишется текст, или что вы там хотите 4) ВСЁ!!! Кстати на том сайте это делается таблицей и каждый квадрат с текстом - это ячейка, но это по моему мнению не удобно,много лишних элементов, и труднее управлять всей этой конструкцией, лучше делать списком всёже, как я написал
-
губки уродливые, но вы не знаете, что она умеет делать этими губкамии, одному Verder известно, правда дружище
-
Verder Да кстати, я присоединяюсь к rus, считаю, что Дизайн, это конечно важная вещь, но мне главное, чтобы Любой сайт мог быть удобным в обращении, не тормозил, была отличная и понятная навигация по сайту, функционал и т.д, и главное Доступная и Полезная Информация, за которой я пришёл, ну а вот если при ЭТОМ ВСЁМ на сайте будет ещё и Шикарный Дизайн, то это вообще хорошо))), но Не главное!
-
Lincky Я сталкивался с такими траблами, поэтому могу тебе посоветовать самый верный вариант, чтобы ничего не развалилось, всё было ровно и с текстом посередине в каждой ячейке,вобщем Делай такое меню Таблицей и не парься, и будет тебе счастье 1) Одна таблица width: 100%; 2) Одна строка 3) Десять ячеек 4) Выравнивание по середине text-align: center; Всё будет по середине и хрен чё развалится)))
-
Игорь Ермаков Вот тебе Псдэшник, попробуй и ты свои силы, только сделай сам, своими силами, самому будет интересно! http://webfile.ru/3468968 Никакой Кривоватости быть не должно, не в футере и нигде, Всё должно быть также , как на Макете,во всех броузерах один в один, шрифты, картинки и сам вид! Удачи
-
karel 1) Не знаю, как ты так резал, но Картинки надо было делать не только jpg, но и png, например Чернильницу, бабочку и большие заголовки, и нарезать их нормально, также сохранить в разных форматах... 2) Наверху телефон , не тот шрифт, вообще некрасиво и неправильное расположение и т.д 3) Тоже самое можно сказать про ужасный логотип, не кликабельный, криво вырезанный, потом ещё при сужении экрана залазиет на Чернильницу слева 4) Вообще вся страница выглядит плохо из-за ужасных картинок, потом весь шрифт на странице не соответствует Макетному 5) Насчёт верстки: Очень огромное количество лишних элементов, совершенно не нужных, при таком виде сайта это далеко не оправданное действие 6) При сужении экрана всё сливается и выглядит ещё хуже 7) В броузерах ИЕ6-7 прыгает правая колонка, а в ИЕ6 отрезало половина бабочки 8) Значения атрибутов элементов написаны большими буквами, например <div id="CONTENT"> и т.д. , потом с русскими , типа этого <div id="podval"> Попробуй для начала сделать нормальные картинки, и починить выше описанные пункты Вот тебе пример картинок, какие примерно они должны быть, посмотри, толко не скачивай,а потренируйся , сделай свои, так будет тебе польза: http://psywalker.ru/Raira/img/
-
Nekromancer слушай, а может он имеет ввиду тот косяк на картинке, там видишь, Импуты выравниваются по центру, получается некрасиво, может он это имеет ввиду?
-
sc@r@bey Зачёт будет принимать строгий препод Nekromancer, через неделю , здесь же в этоже время
-
Great Rash вообще надо смотреть по ситуации, если очень много правда, то всёже Имг удобнее, а если пунктов пять штук, то можно и фоном повесить
-
Great Rash Можно и так конеш)), но я предпочитаю все картинки вешать фоном
-
И повнимательнее, если надо, то перечитывать, пока не выучись наизусть!!!
-
vvsh Слушай, а попробуй как вариант сделать выравнивание не по центру, а по левому краю text-align: left;
-
Uragan ещё тебе такой вариант <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Float</title> <style type="text/css"> *{ margin: 0; padding: 0;} div#wrap { background: #9F3; overflow: hidden; /* для всех броузеров*/ height: 1%; /* для IE6-7 броузеров*/ } div.left { float: left; width: 200px; height: 200px; background: #903;} div.right { float: right; width: 200px; height: 200px; background: #930;} </style> </head> <body> <div id="wrap"> <div class="left">Left</div> <div class="right">Right</div> </div> </body> </html>
-
http://stepbystep.htmlbook.ru/?id=13 и вообще прочитай внимательно все разделы, подчеркнёшь много полезного
-
sc@r@bey 1) Можно, но тогда тебе придётся каждому пункту списка задавать отдельный класс 2) А делается это следующими двумя способами : <style type="text/css"> ul li.one {background: url(../img/hdr-bg.jpg) 0 5px no-repeat;} - это означает, что картинка будет расположена: 0px от левого края и 5рх от верха пункта списка ul li.two {background: url(../img/hdr-bg.jpg) 0 50% no-repeat;} - это означает, что картинка будет расположена: 0px от левого края и 50% от верха пункта списка, то есть поидее посередине </style> <ul> <li class="one">1 Пункт</li> <li class="two">2 Пункт</li> </ul> Только не забудь задать левый отступ на уровень картинки, чтобы список не налезал на изображение, например: padding-left: 20px;
