anycall
-
Posts
12 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by anycall
-
Ужас какой) Спасибо! Буду word-spacing юзать.
-
Никак не получается выровнять текст по ширине контейнера( Влево-вправо - пожалуйста, justify - никак... Подскажите, кто может пожалуйста. <!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=windows-1251" /> <title>Untitled Document</title> </head> <body> <div style="padding-left:22px; padding-right:22px;"><p style="text-align:justify;">Официальный сайт журнала «Рыболов спортсмен» | Russian Journal of Fishing — Official Site</p></div> </body> </html>
-
Это да) Читаешь Alistapart, все так гладко и красиво, а смотришь на свою задачу и думаешь, господа полиграфисты-дизайнеры, здесь Вам не мышой таскать элементы) Хотя к моему изначальному посту это отношения не имеет. А Селениту, если можно, специальный, Админский плюсик!)
-
Понял, спасибо! И, знакомых верстальщиков нет, но давно мучит вопрос, правильно ли заведомо строчным элементам типа <p> переназначать свойство display как block или лучше оставить их как есть, а отступы и прочее делать в свойствах обрамляющего контейнера?
-
Да уж, флудить не хочется, но Спасибо не сказать не могу, а в силу "молодости" плюсик поставить не дают(
-
Для наглядности) как-то редко вижу чтобы инструкции добавлялись прямо к IMG, и казалось что лучше принимать за должное то, чего сам не понял. А то вопросов будет еще больше.
-
Вы гений! не понимаю как, но РАБОТАЕТ! Объясните же, если не сложно, что дает здесь сокрытие переполнения? <style type="text/css"> <!-- body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; } #wrapper{ width:500px; margin-left:auto; margin-right:auto; } #sidebar { float: left; width: 150px; background: #EBEBEB; } #mainContent { width:350px; margin: 0 0 0 150px; background-color:#CF6; } .news{ overflow:hidden; } --> </style> </head> <body> <div id="wrapper"> <div id="sidebar"> <h3>sidebar Content</h3> <p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the left side of the #mainContent div if the #mainContent div will always contain more content than the #sidebar1 div. </p> <p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. </p> </div> <div id="mainContent"> <div class="news"> <div> <div style="float:left; background-color:tomato; height:100px;">тест<br />тест<br />тест</div> <p>Lorem ipsum dolor sit amet</p> </div> </div> <div class="news"> <div> <div style="float:left; background-color:tomato; height:100px;">тест<br />тест<br />тест</div> <p>Lorem ipsum dolor sit amet</p> </div> </div> <div class="news"> <div> <div style="float:left; background-color:tomato; height:100px;">тест<br />тест<br />тест</div> <p>Lorem ipsum dolor sit amet</p> </div> </div> </div> </div> </body> </html>
-
Да я вот к сожалению не понимаю, при чем тут owerflow( С таблицей было бы конечно проще всего, но "не кошерно" на мой взгляд. Миллиард газетных вёрсток как пример для меня, но не могу понять как правильно сделать. Т.е. как максимально желанный вариант - 2 колонки, большая тянет за собой по вертикали меньшую и при этом в колонках иметь возможность выравнивания контейнеров относительно ее границ.
-
Если я опять же правильно понял, то не могу в данной ситуации вычислить отступы т.к. размеры блоков заведомо не известны. Т.е. хочется реализовать в правой колонке так, как если бы она была одна и код выглядел бы: <div style="float:left;"><img src=""></div>Текст <br clear="all"> <div style="float:left;"><img src=""></div>Текст <br clear="all"> <div style="float:left;"><img src=""></div>Текст <br clear="all">
-
Не понял фразу "пустить потоком"( У меня это Новости, с фото "обтекаемыми" текстом. Если имеется ввиду перечислить контейнеры (маленькие блоки) то и "обтекания" не будет.
-
В грубом исполнении так
-
Как сложно описать простую проблему) Помогите пожалуйста понять, как разделить контейнеры в правой колонке "mainContent"? Без разделителя выглядит так, с разделителем же <br clear="all"> естественно свойство применяется к левой колонке( и выглядит так Заранее спасибо!