| |
|
|
| | page_header.tpl
<div id="main_nav" style="position: absolute; top: 78px; width: 97.1%;">
<ul id="main_nav_1st_group">
<li><a href="{U_INDEX}"><span>{L_HOME}</span></a></li>
<li><a href="{U_TRACKER}"><span>{L_TRACKER}</span></a></li>
<li><a href="{U_SEARCH}"><span>{L_SEARCH}</span></a></li>
<li><a href="argeement.php"><span>{L_TERMS}</span></a></li>
<li><a href="{U_FAQ}"><span>{L_FAQ}</span></a></li>
</ul>
<ul id="main_nav_2nd_group">
<li><a href="{U_PRIVATEMSGS}"><span>{L_PRIVATE_MESSAGES}</span></a></li>
<li><a href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a></li>
<li><a href="{U_GROUP_CP}"><span>{L_USERGROUPS}</span></a></li>
<li><a href="{U_OPTIONS}"><span>{L_OPTIONS}</span></a></li>
</ul>
</div>
|
theme_default.css
#main_nav {
padding: 2px 15px 0 8px; margin: 3px 0 0; height: 18px;
border: solid #CFD4D8; border-width: 1px 0; background: #EFEFEF;
font: bold 11px Verdana, sans-serif; white-space: nowrap;
}
#main_nav_1st_group { float: left; }
#main_nav_2nd_group { float: left; }
#main_nav ul { margin: 0; list-style: none; }
#main_nav li { display: inline; margin: 0; }
#main_nav a {
float: left;
margin-right: 1px; /* space between tabs */
color: #535F62; cursor: pointer; text-decoration: none;
}
#main_nav a:hover,
#main_nav a:active {
text-decoration: none !important; color: #000000;
}
#main_nav a span {
float: left; display: block; padding: 1px 5px 4px;
}
|
При таком коде полоска на всю длину, но если сменить разрешение то уже не на всю.
Если убрать style="position: absolute; top: 78px; width: 97.1%; то полоска на всю длину в любом разрешении, но отступа с верха нет.
Если убрать width: 97.1%; то полоска заканчивается на последней букве последнего слова.
Помогите сделать полоску на всю длину в любом разрешении!
Или отступ с верху без style="position: absolute; top: 78px; width: 97.1%; при котором полоска будет на всю длину. | |
| |
|
|
| |
|
|
| |
для: Санька
(03.10.2008 в 15:43)
| | | попробуй padding & margin поубирать.. как выйдет? | |
| |
|
|
| |
 17 Кб |
|
| |
для: sl1p
(03.10.2008 в 16:10)
| | | Бесполезно, вобщем полоска у меня на всю длину, а отступ сверху не точен ставил <br/> если еще одну поставить то уже перебор.
Блин малясь не совпадает, пол <br/>
А вот недабор: | |
| |
|
|
| |
|
|
| |
для: Санька
(03.10.2008 в 16:50)
| | | хм странно у мну есть практически точно такие же постановки и всё болтается нормально...
это во всех браузерах такое? | |
| |
|
|
| |
|
|
| |
для: sl1p
(03.10.2008 в 16:55)
| | | Во всех, где белый фон это картинка, а раньше был крупный текст там было все равномерно.
Вот кусок:
<!--page_header-->
<div id="page_header">
<!--logo-->
<div style="position: absolute; top: 6px;" id="logo">
<img src="templates/default/images/logo/logo.jpg" alt="Загрузка изображения..." />
</div><br/><br/><br/><br/><br/>
<!--/logo-->
<!--main_nav-->
<div style="position: absolute; top: 111px; right: 6px;">
<form id="quick-search" action="" method="post" onsubmit="
$(this).attr('action', $('#search-action').val());
var txt=$('#search-text').val(); return !(txt=='поиск...' || !txt);
">
<input type="hidden" name="max" value="1" />
<input type="hidden" name="to" value="1" />
<input id="search-text" type="text" name="nm" value="поиск..." class="hint" style="width: 120px;" />
<select id="search-action">
<option value="tracker.php#results" selected="selected">по трекеру</option>
<option value="search.php">по форуму</option>
</select>
<input type="submit" class="med bold" value="»" style="width: 30px;" />
</form>
</div>
<div id="main_nav">
<ul id="main_nav_1st_group">
<li><a href="{U_INDEX}"><span>{L_HOME}</span></a></li>
<li><a href="{U_TRACKER}"><span>{L_TRACKER}</span></a></li>
<li><a href="{U_SEARCH}"><span>{L_SEARCH}</span></a></li>
<li><a href="argeement.php"><span>{L_TERMS}</span></a></li>
<li><a href="{U_FAQ}"><span>{L_FAQ}</span></a></li>
</ul>
<ul id="main_nav_2nd_group">
<li><a href="{U_PRIVATEMSGS}"><span>{L_PRIVATE_MESSAGES}</span></a></li>
<li><a href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a></li>
<li><a href="{U_GROUP_CP}"><span>{L_USERGROUPS}</span></a></li>
<li><a href="{U_OPTIONS}"><span>{L_OPTIONS}</span></a></li>
</ul>
</div>
<!-- IF SHOW_BT_USERDATA -->
<div id="user_ratio">
<!-- Рейтинг -->
<!-- <h3>{L_BT_RATIO}</h3> -->
<table cellpadding="0">
<tr><td> {L_YOUR_RATIO}:</td><td><!-- IF DOWN_TOTAL_BYTES gt MIN_DL_BYTES --><b>{USER_RATIO}</b><!-- ELSE --><b>нет</b><!-- ENDIF --></td>
<td>{L_DOWNLOADED}:</td><td class="leechmed"><b>{DOWN_TOTAL}</b></td>
<td>{L_UPLOADED}:</td><td class="seedmed"><b>{UP_TOTAL}</b></td>
<td><i>{L_RELEASED}:</i></td><td class="seedmed">{RELEASED}</td>
<td><i>{L_BT_BONUS_UP}:</i></td><td class="seedmed">{UP_BONUS}</td></tr>
</table>
|
Чтобы было по понятней что к чему | |
| |
|
|
| |
|
|
| |
для: sl1p
(03.10.2008 в 16:55)
| | | Вобщем сделаю по другому, верну текст на место сделаю его белым цветом, а сверху на него положу рисунок и будет все ровно. | |
| |
|
|
