|
Помогите с вёрсткойОбсуждение темы Помогите с вёрсткой в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Цитата: Сообщение от vladendark ну уж нет! лучше подключить шрифты я тоже так считаю. Помогите пожалуйста, что-то опять не так в этом долбаном ... |
|
Опции темы |
04.01.2013, 23:51 | #11 |
|
я тоже так считаю.
Помогите пожалуйста, что-то опять не так в этом долбаном css На этой странице меню опять укатилось вниз http://kulinarof.net/publ Код:
table.main-table {border: 0px; padding-top: 5px; border-collapse: collapse; width: 1000px; border-spacing: 0px; margin-top: 300px; margin-left: auto; margin-right: auto;} td.content-block { vertical-align: top; padding-top: 5px; padding-right: 10px; padding-left: 10px; margin-top: 300px; } td.side-block { width: 210px; padding-top: 5px; border-right: 1px solid #CCCCCC;text-align: center; margin-top: 300px; } td.forum-block {vertical-align: top; padding-top: 0px;} Всё!!!! Кажется получилось))) Дело было в vertical-align: top; всего-лишь нужно было добавить эту надпись))) Боже мой, когда же я научусь разбираться в css , а не делать всё методом тыка по 3 часа. И ещё один вопросик, почему шрифт на главной отличается от шрифта на http://kulinarof.net/publ Что не так? Надо чтоб и на главной был такой же. Код:
table.main-table {border: 0px; padding-top: 350px; border-collapse: collapse; width: 1000px; border-spacing: 0px; margin-top: 300px; margin-left: auto; margin-right: auto;} td.content-block { vertical-align: top; padding-top: 5px; padding-right: 10px; padding-left: 10px; margin-top: 300px; } td.side-block { width: 210px; vertical-align: top; padding-top: 5px; border-right: 1px solid #CCCCCC;text-align: center; margin-top: 300px; } td.forum-block {vertical-align: top; padding-top: 0px;} header, nav, article, aside, section, footer{display:block;} html, body{width:100%;height:100%;margin:0;padding:0;} textarea, input{outline:none;resize:none;} img, a img{border:none;outline:none;} ul, li{margin:0;padding:0;} a, a:link, a:visited, a:active{color:#E8AD0B;text-decoration:none;} a:hover{text-decoration:underline;} body{font:12px/20px 'Georgia';background:#FFFFFF url('/img/background.jpg');color:#7A7A7A;} h1, h2, h3, h4, h5, h6{font-weight:normal;text-transform:uppercase;color:#000000;padding:0;margin:5px 0;} input[type="button"], input[type="submit"], input[type="reset"]{border:none;background:#000000;color:#FFDD80;font-family:Georgia;font-size:12px;cursor:pointer;} input[type="text"], input[type="password"], textarea{border:1px solid #DFDFDF;font-family:Georgia;font-size:12px;color:#BFBFBF;max-width:99% !important;} input[type="text"], input[type="password"]{height:20px;line-height:20px;} #container{min-height:100%;background:url('/img/topBg.jpg') top center repeat-x;} nav{width:1000px;height:48px;padding-top:8px;margin:0 auto;text-align:center;} nav ul{display:inline-block;line-height:48px;list-style:none;text-transform:uppercase;} nav ul li{float:left;} nav ul li a{display:block;color:#FFFFFF !important;text-decoration:none !important;padding:0 18px;} nav ul li a.uMenuItemA, nav ul li a:hover{color:#FFDD80 !important;background:url('/img/arrow.png') bottom center no-repeat;} #middleWrap{background:url('/img/middleWrap.png') top center no-repeat;min-height:304px;} #logo{width:1000px;padding:50px 0;margin:0 auto;text-align:center;} #logo h1{margin:0;height:43px;line-height:40px;font-size:45px;text-transform:none;} #logo h1 > span a{color:#000000;text-decoration:none !important;} #logo h1 > span:before, #logo h1 > span:after{content:"";display:inline-block;margin:0 15px;height:7px;width:75px;border-top:1px solid #CCCCCC;} #logo h2{font-size:10px;color:#C5C5C5;letter-spacing:3px;margin:0;} #topLine{width:940px;height:1px;background:#E0E0E0;margin:10px auto 45px;} #middle{width:1000px;margin:0 auto;background:#FFFFFF url('/img/middle11.jpg') top no-repeat;border:1px solid #E9E9E9;border-top:none;border-color:rgba(0, 0, 0, 0.2);min-height:603px;overflow:hidden;padding-bottom:40px;} #middle2{width:1000px;margin:0 auto;background:#FFFFFF url('/img/middle21.jpg') top no-repeat;border:1px solid #E9E9E9;border-top:none;border-color:rgba(0, 0, 0, 0.2);min-height:603px;overflow:hidden;padding-bottom:40px;} #middle4{width:1000px;margin:0 auto;background:#FFFFFF url('/img/middle41.jpg') top no-repeat;border:1px solid #E9E9E9;border-top:none;border-color:rgba(0, 0, 0, 0.2);min-height:603px;overflow:hidden;padding-bottom:40px;} #middle5{width:1000px;margin:0 auto;background:#FFFFFF url('/img/middle51.jpg') top no-repeat;border:0px solid #E9E9E9;border-top:none;border-color:rgba(0, 0, 0, 0.2);min-height:603px;overflow:hidden;padding-bottom:40px;} #middle6{width:1000px;margin:0 auto;background:#FFFFFF url('/img/middle61.jpg') top no-repeat;border:0px solid #E9E9E9;border-top:none;border-color:rgba(0, 0, 0, 0.2);min-height:603px;overflow:hidden;padding-bottom:40px;} #middle411{width:1000px;margin:0 auto;background:#FFFFFF url('/img/middle411.jpg') top no-repeat;border:1px solid #E9E9E9;border-top:none;border-color:rgba(0, 0, 0, 0.2);min-height:603px;overflow:hidden;padding-bottom:40px;} #photo{width:943px;margin:0 auto 35px;line-height:0;} .p-top, .p-bot{height:0px;background:url('/img/ph.png') top;} .p-bot{background-position:bottom !important;} #photo img{line-height:0;width:929px;background:#FFFFFF;padding:0 6px; border-left:1px solid #E5E5E5;border-right:1px solid #E5E5E5;} #content{width:640px;float:right;margin-right:28px;overflow:hiden;} #shadow{width:974px;height:24px;margin:0 auto;background:url('/img/shadow.png');} Последний раз редактировалось Biata; 04.01.2013 в 23:51.. Причина: Добавлено сообщение |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Помогите с вёрсткой в IE7 | Kitry | HTML, CSS, JavaScript | 2 | 02.10.2011 22:59 |
Помогите с вёрсткой | Akafaus | HTML, CSS, JavaScript | 1 | 24.06.2011 17:18 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|