Jump to content

maks-master

Newbie
  • Posts

    9
  • Joined

  • Last visited

Everything posted by maks-master

  1. body {min-width: 1100px;} {display: inline-block;} Кто может помочь с этими проблемами на что можно поменять эти слова ?
  2. Привет всем хочу представить мою верстку я никогда не подгонял ни под какие либо браузеры и вот столкнулся с такой проблемой неправильное отображение а точнее пропали линии (картинки) или стукните в аську буду рад 452871236 Помогите пожалуйста !Прикрепил фото на то что нужно и на то что получилось http://s43.radikal.ru/i099/0909/45/be00313b82f5.jpg http://i023.radikal.ru/0909/ac/a046b8df8544.jpg <!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" lang="ru" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>MovieAvi.ru</title> <meta name="description" content="Лучший архив видео файлов. Самое лучшее видео. Здесь вы можете скачать видео бесплатно."> <meta name="keywords" content="бесплатно, качественное, удивительное, видео, скачать" > <link rel="stylesheet" type="text/css" href="style.css" media="all" /> <!--[if IE 6]> <style type="text/css"> .content {height:expression(((document.documentElement.clientHeight || document.body.clientHeight) < 1100)? "auto":"1100px");} </style> <![endif]--> </head> <body> <div id="header"> <div class="search"> <form name="search_bar" action="" method="get"> <input class="button" type="image" src="images/search.jpg" name="search" alt="Поиск"/> <input class="field" name="searchword" maxlength="50" alt="search" type="text" value="Введите название фильма" onblur="if(this.value=='') this.value='Введите название фильма';" onfocus="if(this.value=='Введите название фильма') this.value='';"/> </form> </div> </div> <div id="main"> <div id="leftcol"> <div class="module"> <div class="b-t"><div><div></div></div></div> <div class="in"> <h3>Главная</h3> <ul> <li><a href="#">Мультфильмы</a><span>50</span></li> <li><a href="#">Детектив</a><span>541</span></li> <li><a href="#">Катастрофа</a><span>48</span></li> <li><a href="#">Исторический</a><span>4</span></li> <li><a href="#">Драма</a><span>78</span></li> <li><a href="#">Мелодрама</a><span>12</span></li> <li><a href="#">Ужасы</a><span>78</span></li> <li><a href="#">Боевик</a><span>87</span></li> <li><a href="#">Триллер</a><span>213</span></li> <li><a href="#">Комедия</a><span>54</span></li> <li><a href="#">Военный</a><span>78</span></li> <li><a href="#">Криминал</a><span>87</span></li> <li><a href="#">Семейный</a><span>1</span></li> </ul> <a href="#" class="all">Все категории</a><span>1331</span> </div> <div class="b-b"><div><div></div></div></div> </div> <div class="module"> <div class="b-t"><div><div></div></div></div> <div class="in"> <h3>Главная</h3> <ul> <li><a href="#">Мультфильмы</a><span>50</span></li> <li><a href="#">Детектив</a><span>541</span></li> <li><a href="#">Катастрофа</a><span>48</span></li> <li><a href="#">Исторический</a><span>4</span></li> <li><a href="#">Драма</a><span>78</span></li> <li><a href="#">Мелодрама</a><span>12</span></li> <li><a href="#">Ужасы</a><span>78</span></li> <li><a href="#">Боевик</a><span>87</span></li> <li><a href="#">Триллер</a><span>213</span></li> <li><a href="#">Комедия</a><span>54</span></li> <li><a href="#">Военный</a><span>78</span></li> <li><a href="#">Криминал</a><span>87</span></li> <li><a href="#">Семейный</a><span>1</span></li> </ul> <a href="#" class="all">Все категории</a><span>1331</span> </div> <div class="b-b"><div><div></div></div></div> </div> <div class="banner"><a href="#"><img src="images/banner.jpg" alt="HQ Video" /></a></div> </div> <div id="rightcol"> <div class="module"> <div class="b-t"><div><div></div></div></div> <div class="in"> <h3>Главная</h3> <ul> <li><a href="#">Мультфильмы</a><span>50</span></li> <li><a href="#">Детектив</a><span>541</span></li> <li><a href="#">Катастрофа</a><span>48</span></li> <li><a href="#">Исторический</a><span>4</span></li> <li><a href="#">Драма</a><span>78</span></li> <li><a href="#">Мелодрама</a><span>12</span></li> <li><a href="#">Ужасы</a><span>78</span></li> <li><a href="#">Боевик</a><span>87</span></li> <li><a href="#">Триллер</a><span>213</span></li> <li><a href="#">Комедия</a><span>54</span></li> <li><a href="#">Военный</a><span>78</span></li> <li><a href="#">Криминал</a><span>87</span></li> <li><a href="#">Семейный</a><span>1</span></li> </ul> <a href="#" class="all">Все категории</a><span>1331</span> </div> <div class="b-b"><div><div></div></div></div> </div> <div class="module"> <div class="b-t"><div><div></div></div></div> <div class="in"> <h3>Главная</h3> <ul> <li><a href="#">Мультфильмы</a><span>50</span></li> <li><a href="#">Детектив</a><span>541</span></li> <li><a href="#">Катастрофа</a><span>48</span></li> <li><a href="#">Исторический</a><span>4</span></li> <li><a href="#">Драма</a><span>78</span></li> <li><a href="#">Мелодрама</a><span>12</span></li> <li><a href="#">Ужасы</a><span>78</span></li> <li><a href="#">Боевик</a><span>87</span></li> <li><a href="#">Триллер</a><span>213</span></li> <li><a href="#">Комедия</a><span>54</span></li> <li><a href="#">Военный</a><span>78</span></li> <li><a href="#">Криминал</a><span>87</span></li> <li><a href="#">Семейный</a><span>1</span></li> </ul> <a href="#" class="all">Все категории</a><span>1331</span> </div> <div class="b-b"><div><div></div></div></div> </div> </div> <div id="maincol"> <div class="b-t"><div><div></div></div></div> <div class="in"> <div class="catalog clear"> <h3>Новинки</h3> <ul> <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li> <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li> <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li> <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li> </ul> <ul> <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li> <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li> <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li> <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li> </ul> </div><!--/ catalog --> </div> <div class="b-b"><div><div></div></div></div> </div> </div> <div id="footer">© 2008 Movieavi.ru </div> </body> </html> * {margin:0; padding:0;} body {min-width: 1100px;} img { border:none; } #header { background:#424E40 url(images/logo.jpg) 15px center no-repeat; height:70px; } /* Шрифт, фон */ html { background:#f5f5f5; } .search {position: absolute; top: 21px; right: 15px; width: 310px;} #header .search .field { background:url(images/input.jpg) center no-repeat; border:none; height:22px; width:185px; margin-top:2px; padding-top:2px; padding-left:5px; } #header .search .button { float:right; margin-left:0; } #main { padding:16px; } #leftcol, #maincol { float:left; } #leftcol, #rightcol { width:15%; } #rightcol { float:right; } #maincol { padding:0 10px; text-align:center; } .module { margin-bottom:15px; background:#ffffff; } .module ul, .module h3 { text-align:left; } .module a { text-decoration:none; font-weight:bold; color:#000000; font-size:1.05em; } .module li { list-style:none; padding-top:3px; padding-bottom:5px; border-top:#999999 solid 2px; background:#ffffff; } .module li a { font-size:1.05em; color:#000000; font-weight:normal; } .module li a:hover { color:#FF8A19; } .module li span { float:right; margin-top:-20px; } .all { float:left; } .banner { text-align:center; margin-top:20px; } .catalog h3 {padding: 5px 0; color: #000; text-align: left; font: bold 16px Arial, Helvetica, sans-serif} .catalog ul {} .catalog ul li {display:block; float: left; width:204px;} .catalog ul li a {display: block; overflow: hidden; border: 0px dashed #c9c9c9; text-decoration: none; margin:auto; padding: 5px 0 5px; width:100%; } .catalog ul li a:hover {text-decoration: none; } .catalog ul li a:hover em {color: #2ab5d8} .catalog ul li em { font-weight:bold; display: block; overflow:hidden; margin: 5px 0 5px; color: #6A9B00; font-style: normal; font-size: 1em; width:80%;} .catalog ul li small {display: block; color: #FE8300; font-size: .9em; text-decoration:underline; width:80%;} .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear {display: inline-block;} .clear {display: block;} .b-t, .b-t div, .b-b, .b-b div {height: 4px; overflow: hidden; background:url(images/c.png) no-repeat} .b-t {padding-left: 4px; background-position: 0 0} .b-t div {padding-right: 4px; background-position: 100% -4px} .b-t div div {height: 3px; background: #fff; border-top: 1px solid #CCC; } .b-b {padding-left: 4px; background-position: 0 -12px} .b-b div {padding-right: 4px; background-position: 100% -8px} .b-b div div {height: 3px; background: #fff; border-bottom: 1px solid #CCC; } .in {padding: 10px; border: 1px solid #cecccc; border-top: 0; border-bottom: 0; text-align: center} #footer { background:#424E40 url(images/index3_22.jpg) center no-repeat; height:55px; margin-top:1050px; text-align:center; padding-top:12px; color:#FFFFFF; }
  3. А как такое выравнивание ? #center { margin:0 auto; width:800px; }
  4. а что можете сказать насчет <div align="center">после всех кодов закрываем</div> я вот хочу спросить как его принимать все эксплореры! Стоит ли им пользоватся?
  5. А как такой вариант В HTML делаем главный див <div id="center">после всех кодов закрываем</div> А в CSS просто делаем так #center { margin:0 auto; } Как такой вариант центрирования? Или такой вариант <div align="center">после всех кодов закрываем</div>
  6. Нашел один вариант оцентровки! между тегами <body><center></center></body> ЧТо скажите насчет этого варианта он походящий или нет ?
  7. Как правельно оцентровать страничку ? Надо что бы на всех разрешениях монитора отображалось одинакова? Заранее благодарю!
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy