Rasel
-
Posts
19 -
Joined
-
Last visited
Rasel's Achievements
Explorer (1/14)
0
Reputation
-
Ребят пожалуйста объясните почему при масштабировании ...
Rasel replied to Rasel's question in HTML Coding
Спасибо за ответы! Whatsup Шрифты лучше указывать в em ? -
Ребят пожалуйста объясните почему при масштабирование, а именно когда мы уменьшаем в google chrome масштаб съезжают буквы... Не могу понять почему и как с этим бороться. http://rasel.on.ufanet.ru/ - вот к примеру меню. При масштабировании буквы съезжают и это только в google chrome HTML <!DOCTYPE html> <html> <head> <title></title> <link href="source/style/style.css" type='text/css' rel='StyleSheet' /> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> </head> <body> <div class="menu"> <ul> <li><a href="#">ГЛАВНАЯ</a></li> <li><a href="#">О КОМПАНИИ</a></li> <li><a href="#">КАТАЛОГ</a></li> <li><a href="#">СОПУТСТВУЮЩИЕ ТОВАРЫ</a></li> <li><a href="#">НОВОСТИ</a></li> <li><a href="#">АКЦИИ</a></li> <li><a href="#">ДИЛЕРЫ</a></li> <li><a href="#">ОБРАТНАЯ СВЯЗЬ</a></li> <li><a href="#">КОНТАКТЫ</a></li> </ul> </div><!--.menu--> </body> </html> CSS /* CSS Document */ /* All CSS */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; } a img { border: none; } .clear { clear: both; } .menu { width: 1000px; margin: 38px 0 0 0; height: 39px; overflow: hidden; background: url('images/menu_fon.png') no-repeat center top; } div.menu ul { list-style: none; text-align: center; font-size: 0px; } div.menu ul li { text-align: center; display: inline-block; *zoom : 1; background: url('images/line_menu.png') no-repeat right 6px; } div.menu ul li:last-child { background: none; } div.menu ul li a { display: block; font-family: verdana, arial; padding: 0 12px; height: 36px; max-height: 36px; margin: 2px 0 0 0; text-decoration: none; font-weight: bold; line-height: 36px; color: #ffffff; font-size: 11px; } div.menu ul li a:hover { background: #cb4cba; }
-
Спасибо. ребят уже сам разобрался, немного по своему сделал, но все работает
-
походу никто не поможет
-
Всем доброго вечера. Ребят столкнулся с такой проблемой, возможно она примитивна, но все же хочу узнать совета знающих людей. имеется меню тип список ul. Наглядный макет HTML код. <ul> <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> </li> <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> </li> <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> </li> </ul> css код div.image_menu { width:40px; height:40px; float:left; } div.link_menu { width:150px; height:40px; float:right; margin:10px 0 0 0; } Вопрос в следующем. Как отменить обтекания, после <div class="link_menu"><a href="#">Link</a></div> Знаю один способ дописать <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> <div style="clear:both;"></div> </li> Есть другие варианты, так как мне данный способ не нравится. Пробовал display:inline, тоже не вариант. Если подобная тема была уже создана, то пожалуйста простите, так как в поиске не нашел, в гугле тоже )
-
Temiks Softlink Спасиб ) Сегодня сделал Сделал по своему но принцип работы такой же как в ваших советы )
-
Ребят спасибо вам за советы. Завтра попробую ваши способы, надеюсь помогут Напишу результаты )
-
Temiks Спасибо за совет. То есть сделать див по середине в блоке header или в блоке content туда засунуть меню и с помошью position сместить, я правильно понял ? А что за способ, который намного лучше ? На ноуте все файлы,а он на работе А перекачать забыл, так бы сразу все скинул. Макет там почти такой же за исключением некоторых деталей, но они не существенные.
-
В данный момент код такой. html <div id="main_top_menu"> <div id="top_menu"> <ul> <li><a href="about.html">О компании</a></li> <li><a href="faq.html">Как заказать</a></li> <li><a href="portfolio.html">Наши работы</a></li> <li><a href="#">Цены</a></li> <li><a href="#">Печать на шарах</a></li> <li><a href="#">Контакты</a></li> </ul> </div> </div> css div#main_top_menu { width:100%; position: relative; top: 80px; border: solid 1px #FF0000; /*удалить*/ } div#top_menu { width: 1000px; margin: 0 auto; height: 70px; background: url(images/system/top_menu.png) no-repeat; border: solid 1px #000000; /*удалить*/ } div#top_menu ul { height: 60px; list-style-type: none; } div#top_menu ul li { float: left; margin: 4px 0 0 0; height: 50px; } ну и так далее... Смысл в том что само меню (<div id="top_menu">) с фоном лежит в блоке main_top_menu, который имеет ширину 100%. Меню по центру и имеет ширину 1000px. Я пробовал сегодня много вариантов, в данный момент на этом остановился. Вот блин зациклился на этой проблеме и все... (
-
Ребят пожалуйста помогите. Вот честно юзал поиск, но не нашел подобной темы. Интересует мнение опытных верстальщиков. Ситуация следующая http://linkme.ufanet.ru/images/2e5e9e0e12db0195fe7d601beb4aa5bf.jpg набросал макет. Имеется три блока <div>. 1-header 2-menu 3-content в 1 все понятно. Логотип, телефон и т.п. Ширина фиксированная допустим 1000px margin:0 auto; 2-меню ! Блок шириной 100% Вот тут то моя проблема. Ломаю голову целый день не могу найти красивого решения проблемы, и некрасивого не нашел. Возможно все делается просто, но я не могу найти выход... Вроде и опыта не мало, но как коса на камень... Что тут требуется, а нужно сделать след. на картинке изображено меню, оно должно распологаться точно так же как на макете, но с левой стороны должен быть фон(только с левой) что бы на разных разрешениях оно растягивалось от левого края, другими словами меню должно быть резиновое, но фон должен быть только с левой стороны. с блоком контент все тоже понятно 1000px margin:0 auto; Ссылку не могу кинуть, так как сайт на localhost. Макет там точно такой же как на картинке. возможно надо реализовать конструкцию блок в блоке и т.п. Помогите пожалуйста...
-
какой способ целесообразней использовать. div или таблицы.
Rasel replied to Rasel's question in HTML Coding
Нет я не хотел использовать модные технологии. Я лишь хотел узнать как использовать блоки <div> и как делают опытные верстальщики. Способ который вы показали на мой взгляд яв-ся самый удобным и лучшим. PIE.htc суда по вашим комментам яв-ся ненадежным. -
какой способ целесообразней использовать. div или таблицы.
Rasel replied to Rasel's question in HTML Coding
Благодарю, теперь у меня все вопросы отпали ) -
какой способ целесообразней использовать. div или таблицы.
Rasel replied to Rasel's question in HTML Coding
Css код. body { background-color:#000000; } div.top { background:url(images/top.jpg) no-repeat; width:200px; height:20px; margin:0px; padding:0px; } div.center { background:url(images/center.jpg) repeat-y; width:200px; margin:0px; padding:0px; } div.bottom { background:url(images/bottom.jpg) no-repeat; width:200px; height:20px; margin:0px; padding:0px; } HTML код <div class="top"></div> <div class="center"> <p>Здесь находится контент !</p> <p>Здесь находится контент !</p> <p>Здесь находится контент !</p> <p>Здесь находится контент !</p> </div> <div class="bottom"></div> Вот про эти разрывы я говорил. Возможно я css делаю не правильно ) РЕЗУЛЬТАТ ) -
какой способ целесообразней использовать. div или таблицы.
Rasel replied to Rasel's question in HTML Coding
Немного почитал, очень заинтрегован, не слышал об этом PIE. кросбраузерность от ie6 (будь прокляты все IE) -
какой способ целесообразней использовать. div или таблицы.
Rasel replied to Rasel's question in HTML Coding
Да которая со всех сторон.