psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
overflow: hidden; просто обрубает абзац и не пускает его за правые края в твоём случае, а ещё это привило служит для того, что-бы охватить обтикаемые элементы, и спасает от схлопывания, если ты понимаешь о чём я!
-
droncl А вообще как думаешь, с каждым месяцем эта собака падает по посещаемости? и вообще на сколько?
-
s0rr0w А скажи пожалуйста, как бы ты сам порезал этот макет и какую стратегию вёрстки ты бы замутил?
-
Понял дружище, спасибо, буду иметь ввиду, но я обычно только верстаю, и меня никто об этом не предупреждает, так что если не будут предупреждать заранее, буду использовать Идентификаторы для главных блоков, как и делал ранее!
-
Пойдёт? <!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></title> <style> *{ margin: 0; padding: 0;} ul {} ul li { overflow: hidden; border: 1px solid #000;} ul li img { float: right; } ul li p { overflow: hidden;} </style> </head> <body> <ul> <li><img src="file:///L|/SAIT'S/Alt-windows/img/house.jpg"><p>gdsffssgdgsdfgdfgdgdsffssgdgsdfgdfgdfgfggdgsgggdfgfdgdfg fgg dfg sfdghdfgsfghyfghfdg ddf fdfdfgfdgdfdfge gdf gdfgsdfg h hhgfh fghfghg hf gh fghhg hgdsffssgdgsdfgdfgdfgfggdgsgggdfgfdgdfg fgg dfg sfdghdfgsfghyfghfdg ddf fdfdfgfdgdfdfge gdf gdfgsdfg h hhgfh fghfghg hf gh fghhg hfgfggdgsgggdfgfdgdfg fgg dfg sfdghdfgsfghyfghfdg ddf fdfdfgfdgdfdfge gdf gdfgsdfg h hhgfh fghfghg hf gh fghhg</p> </li> <li><img src="file:///L|/SAIT'S/Alt-windows/img/house.jpg"><p>gdsffssgdgsdfgdfgdgdsffssgdgsdfgdfgdfgfggdgsgggdfgfdgdfg fgg dfg sfdghdfgsfghyfghfdg ddf fdfdfgfdgdfdfge gdf gdfgsdfg h hhgfh fghfghg hf gh fghhg hgdsffssgdgsdfgdfgdfgfggdgsgggdfgfdgdfg fgg dfg sfdghdfgsfghyfghfdg ddf fdfdfgfdgdfdfge gdf gdfgsdfg h hhgfh fghfghg hf gh fghhg hfgfggdgsgggdfgfdgdfg fgg dfg sfdghdfgsfghyfghfdg ddf fdfdfgfdgdfdfge gdf gdfgsdfg h hhgfh fghfghg hf gh fghhg</p> </li> </ul> </body> </html>
-
дай ссылку поглядеть
-
s0rr0w Это выходит, что в вёрстке страниц нельзя использовать идентификаторы, если нужно будет после использовать Джавускрипт?
-
поставь больше процентов тогда или вообще не ставь, а ещё промути min-width: ; что-бы флоат не соскакивал
-
1) Ты пишешь правило для одного селектора и сразу переназначаешь зачем-то: dl dd { float:left; } dl dd { float:right; } 2) Ты задаёшь ширину в %, попробуй не задавать вообще
-
я как правило Главным блокам назначаю Идентификаторы, а остальным Классы
-
Singer Вот тут я делал тоже самое, разберись в коде, всё станет ясно! http://psywalker.ru/SAITS/Izoprint/main-page.html
-
Zippovich Спасибо камрад, реально помогло, прикинь! Кагда-же эта сволочь наконец останеться не удел? Ты кстати под ИЕ6 заказы часто выполняешь, в плане верстаешь захватывая этот браузер или уже срёшь на него? И сколько реально процентов осталось - посещаемость этого Осла в месяц? а то везде по разному пишут, где-бы заценить реально?
-
Бесполезно друг, не помогает((( http://psywalker.ru/SAITS/Izoprint/main-page.html
-
s0rr0w Получается, что из-за этих браузеров я должен верстать таблицами? Потому что я увидел эту вёрстку такой, какой сделал, а если верстать по-другому - это добавит много гемора, и лишних элементов, лучше уж тогда сделать фон для ИЕ6 спецом не прозрачным... А теперь ещё одна проблема, почему то просто взяли и стали невидимыми некоторые колонки в ИЕ6, что это за баг такой модный?
-
s0rr0w Я пробовал убирать Релатив с div#case, вешал его на другие контейнеры, подкладывал прокладки под сылки, всё равно всё бесполезно, неужели придётся кординально менять всю стратегию вёрстки из-за косяка в ИЕ6? И что значит: адекватно отрабатываться position: relative у div#case.?
-
Zippovich Дружище, да и за говна (ИЕ6) неохота лишние элементы вставлять, да тем-более их и так много и кстати я по-моему пробовал твой способ, он не работает кажись!
-
s0rr0w 1) Тоесть хреново сверстал, да? 2) Да как-же я всё это уберу и переверстаю, если этот вариант вёрстки наиболее подходящий для данного макета, а потом что мне ради ИЕ6 вообще отказаться от него?
-
ок, спасибо, меня можно на Ты
-
А у хорошего человека, который знает своё дело, а главное ЛЮБИТ свою работу, всё разложено по полочкам, отличная организация кода и его приятно смотреть и разбираться в таком коде 5 секунд, но к сожалению таких людей очень мало, но если попадётся, бери сразу, не раздумывая.. Вот тебе кстати пример простенькой работы, но посмотри на организацию и качество кода HTML и CSS, такой сайт будет стоять даже при самом жутком урагане, если ты понимаешь, о чём я! http://psywalker.ru/Raira/main-page.html
-
ну что s0rr0w есть предложения?
-
ВСЁ однозначно! мало того, для начала нужно представить, что ты хочешь получить, потом пойти и всё таки прочитать о том, как примерно это делается, потому что один хрен идти с этим беспределом в институт нет смысла, всё равно не примут с такими записями и эффектом))) Вот просто опиши, а лучше нарисуй мне свою задачу, у меня щас есть немного времени, помогу
-
а потому что изначально не надо было такую чушь писать, такие вещи сравнимы с плохо написанными стихами, просто скамкай листок, выброси его в мусорку и начни с чистого листа, только теперь подумай 20 раз, прежде чем задавать кому и какое свойство!
-
тогда начни хотя-бы с этого: http://stepbystep.htmlbook.ru/ наизусть каждый шаг, вникни, разберись, и постоянно практикуй, закончишь, приходи, поговорим
-
я тоже
-
На и иди читай мануалы <!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></title> <style type="text/css"> #block1 { margin-left: 150px; height: 90px} #block1 img { 6height: 150px;} #block2 {position: static; border-right: 2px solid gray; width: 166px; height: 708px; font-family: Calibri; font-size: small; font-weight: 900; margin-left: 260px; background-image: url(bg.jpg); background-repeat: repeat-x} #block3 {position: static; width: 533px; height: 708px; margin-left: 426px; margin-top: -708px; background-image: url(bg.jpg); background-repeat: repeat-x} #block4 {position: static; width: 19px; height: 708px; margin-left: 241px; margin-top: -708px; background-image: url(bg.jpg); background-repeat: repeat-x} #block5 {position: static; border: 1px solid white; width: 91px; height: 708px; margin-left: 150px; margin-top: -708px; background-color: white} #block6 {position: static; width: 91px; height: 708px; margin-left: 959px; margin-top: -708px; background-color: white} #method { border-bottom: 2px solid silver; padding-bottom: 5px} #edu {margin-top: 15px; border-bottom: 2px solid silver; padding-bottom: 10px} body {background-color: silver} LI {list-style-type: none} UL { margin: 0; padding: 0;} </style> <title>Главная</title> </head> <body> <div id="container"> <div id="block1"><img src="main.jpg" alt="Главная"></div> <div id="block2"><ul><li id="method">Методика изучения материалов</li> <li id="edu">Обучение</li></ul></div> <div id="block3"></div> <div id="block4"></div> <div id="block5"></div> <div id="block6"></div> </div> </body> </html>
