Jump to content

Максим Саенко

Newbie
  • Posts

    2
  • Joined

  • Last visited

Everything posted by Максим Саенко

  1. ПАМАГИТЕ... или я себя не того... всю ночь сидел бился... почитал статью (где она только раньше была?!??) попробовал — получилось... решил переделать... и пошла котовасия!!! То райт на лефт заезжает, то футер куда-то уходит... короче долго бился, но победил... щас, вроде, всё нормально... но... появился какой-то отступ сверху... пикс. так на 15-20 (см. рис.). Привожу коды страницы и css-стилей Страница: <!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Бебебе</title><link href="/css/style.css" rel="stylesheet" type="text/css"></head><body><div id="page"> <div id="header"><h1>Слоган или имя сайта</h1></div> <div id="left"> Здесь потом что-то напишем </div> <div id="right"> Это основная колонка сайта </div> <div id="footer">© Подвальчик сайта</div></div></body></html>Таблица стилей: html { margin:0; padding:0}body { margin:0; padding:0; font-family: verdana; font-size: 11px; color:#000000; background-color:#999999; height:100%;}h1 { font-size:18px; color:#DCDCDC;}a { text-decoration:none;}/*Page ID*/#page { width:1000px; margin:0 auto; background: #ffffff;}#header { border-radius: 5px 5px 0 0; width: 950px; background:#FFF5EE; height:150px; line-height:150px; margin:10px 25px 0 25px;}#left { width:250px; float:left; margin-left:25px; background:#E6E6FA; padding:5px 0;}#right { width:700px; margin-left:275px; background:#FFF0F5; padding:5px 0;}#footer { width:950px; clear:both; height:50px; line-height:50px; background:#FFE4E1; margin:0 25px 10px 25px;}И вот что получилось:
  2. Ребята! Вот как я не лазил по сайтам, посвященным html/css — никак мне нормально рассказать не могут (или это у меня руки кривые). Короче есть код: #menu { width: 600px; height: 30px; margin: 0px auto; } #menu ul { margin: 0px; padding: 0px; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; width: 150px; padding: 5px 0px; text-align: center; text-decoration: none; font-weight: bold; background: #EEEEEE; } #menu a:hover { background: #CCCCCC; } происходит нормальное выравнивание по вертикали по центру! Вот как тут: http://template.ho.ua/norm/ Делаю ТОЧНО по аналогии, но только мне DIV-ы пошире нужны, да и повыше (не хочу чужой код лопатить) И У МЕНЯ, блин пасхальный, текст выравнивается по вертикали СВЕРХУ (тут вырезается цензурой)!!! http://template.ho.ua/my/ ЧТО Я (тут вырезается цензурой), блин дырявый, не так делаю!? Может кто подскажет такие вещи: как, используя в div-e height выровнять по вертикали по центру!? чему будет равна высота такого div-а и как ее вычислить: div.test { font-family:verdana; paddind-top:10px; paddind-bottom:10px; font-size:11px; }
×
×
  • 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