witerwe
-
Posts
2 -
Joined
-
Last visited
witerwe's Achievements
Explorer (1/14)
0
Reputation
-
Вот в чем проблема: Есть у меня блок логинирования на сайте: Код: <ul class="reset loginbox"> <li class="loginbtn"><a id="loginlink" href="#"><b>Login</b></a></li> <li class="lvsep"><a href="{registration-link}"><i>Register</i></a></li> </ul> Код css: .loginbox li { float:left; margin:8px 0 0 9px; width:90px; height:33px; line-height:32px; overflow:hidden; text-align:center; } .loginbox li a { font:normal 14px Tahoma, Geneva, sans-serif; color:#fff; } .loginbox li a:hover { text-decoration:underline; Также есть блок пользователя на сайте: (Код css тот же) <ul class="reset loginbox"> <li class="lvsep"><a id="loginlink" href="#"><i>Hi, {login}!</i></a></li> <li class="loginbtn"><a href="{logout-link}"><b>Logout</b></a></li> </ul> Но есть проблема. Если логин больше 8 символов, его не видно. Как сделать, что бы если логин не помещается при стандартном расположении, "Logout" сунуть влево на сколько нужно. Это очень нужно! Простьба всем: помогите кто чем может =(
-
Вот такая у меня, начинающего верстника, возникла проблема: Хотя должно быть примерно так: (шапка - ссылки - левый блок - центр - правый блок) У меня почему то "не работает" правый блок Код html: <!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" xml:lang="ru"> <head> <meta http-equiv="Content-type" content="text/html"; charset="windows-1251" /> <link href="style.css" rel="stylesheet" type="text/css"> <title> Интересные факты о жывотных </title> </head> <body> <div id="macet"> <img src="images/banner.gif" width="800" height="100" alt="Интересные факты о животных"> <div id="menu"> <a href="/" titile="Главная">На главную</a> | <a href="/o-saite.html" titile="О сайте">О сайте</a> | <a href="/kontakt.html" titile="Контактня информация">Контактная информация</a> | <a href="/gostevaya.html" titile="Гостевая страница">Гостевая страница</a> | </div> <div id="left-colon"> 1 </div> <div id="content"> </div> <div id="right-colon"> 2 </div> </div> </body> </html> Код css: body { font: 12pt Arial; background-image:url(fon.gif); color: #cc0000; } a { font: 10pt Verdana; background: #fc0; padding: 7px; border: 1px solid #333; } #macet { width: 800px; margin: 0 auto; background: #ffffff; } #menu { font-size: 14pt; text-align: center; padding: 2px; background: #fc0; } #left-colon { background: #000000 float: left; width: 120px; padding: 5px; } #right-colon { background: #ffffff float: right; width: 200px; padding: 5px; } #content { background: #54B948; margin: 0 120px; /* Ширина колонок */ padding: 10px; }