Разместить блок DIV

Статус
Закрыто для дальнейших ответов.
Г

Гаджи

Member
Регистрация
06.11.2012
Сообщения
12
Есть верхняя часть на сайте юкоз вот кусок кода.. В нем есть блок, который выводит форму входа.
<div class="usr-box">
<div class="usr-ava"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" width="64" height="64" /><?endif?><div class="ava-mask"></div>
</div>

как разместить левее блока <div class="usr-box"></div> такой же блок с текстом чтобы они были рядом сначала блок с текстом, а потом блок с формой входа?

вот весь код шапки если нужен

<div id="header">
<div class="blognames"><div class="site-name"><a href="$HOME_PAGE_LINK$">$SITE_NAME$</a></div><div class="site-descr"><!-- <logo> -->Мой сайт<!-- </logo> --></div></div>
<div class="usr-block">
<?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>
<div class="usr-box">
<div class="usr-ava"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" width="64" height="64" /><?endif?><div class="ava-mask"></div> </div>
<div class="usr-info">
<a href="$PERSONAL_PAGE_LINK$" title="Мой профиль">Мой профиль</a><br /><a href="$PM_URL$">Сообщения<?if($IS_NEW_PM$)?> ($UNREAD_PM$)<?endif?></a>
<span class="lgo-lnk"><a href="$LOGOUT_LINK$" class="button"><span>Выйти</span></a></span>
</div>
<div class="clr"></div>
</div>
<?else?>
<div class="lg-form">
$LOG_FORM$
</div>
<?endif?><?endif?>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div id="menu-box">
<div id="catmenu">
<!-- <sblock_menu> -->
<?if($SMENU_1$)?><!-- <bc> -->$SMENU_1$<!-- </bc> --><?endif?>
<!-- </sblock_menu> -->
<div class="clr"></div>
</div>
<div id="search">
<div class="search-box">
<div class="searchForm"><form onsubmit="this.sfSbm.disabled=true" method="get" style="margin:0" action="$HOME_PAGE_LINK$search/"><div class="schQuery"><input value="Поиск..." type="text" name="q" maxlength="30" size="20" class="queryField" /></div><div class="schBtn"><input type="submit" class="searchSbmFl" name="sfSbm" value="Найти" /></div></form></div>
</div>
</div>
<div class="clr"></div>
</div>
 
ArhAngel

ArhAngel

Well-Known Member
Регистрация
07.05.2011
Сообщения
378
css не помешал бы...
так ничего не скажешь
 
Volter9

Volter9

defined('SURRENDER') or die(); // StarWars
Регистрация
27.05.2012
Сообщения
1 145
Таблицу стилей выложи, и не помешало бы код поместить в теги [ CODE ] код [ /CODE ] (без пробелов):

Код: 
<div id="header">
<div class="blognames"><div class="site-name"><a href="$HOME_PAGE_LINK$">$SITE_NAME$</a></div><div class="site-descr"><!-- <logo> -->Мой сайт<!-- </logo> --></div></div>
<div class="usr-block">
<?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>
<div class="usr-box">
<div class="usr-ava"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" width="64" height="64" /><?endif?><div class="ava-mask"></div> </div>
<div class="usr-info">
<a href="$PERSONAL_PAGE_LINK$" title="Мой профиль">Мой профиль</a><br /><a href="$PM_URL$">Сообщения<?if($IS_NEW_PM$)?> ($UNREAD_PM$)<?endif?></a>
<span class="lgo-lnk"><a href="$LOGOUT_LINK$" class="button"><span>Выйти</span></a></span>
</div>
<div class="clr"></div>
</div>
<?else?>
<div class="lg-form">
$LOG_FORM$
</div>
<?endif?><?endif?>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div id="menu-box">
<div id="catmenu">
<!-- <sblock_menu> -->
<?if($SMENU_1$)?><!-- <bc> -->$SMENU_1$<!-- </bc> --><?endif?>
<!-- </sblock_menu> -->
<div class="clr"></div>
</div>
<div id="search">
<div class="search-box">
<div class="searchForm"><form onsubmit="this.sfSbm.disabled=true" method="get" style="margin:0" action="$HOME_PAGE_LINK$search/"><div class="schQuery"><input value="Поиск..." type="text" name="q" maxlength="30" size="20" class="queryField" /></div><div class="schBtn"><input type="submit" class="searchSbmFl" name="sfSbm" value="Найти" /></div></form></div>
</div>
</div>
<div class="clr"></div>
</div>
 
Г

Гаджи

Member
Регистрация
06.11.2012
Сообщения
12
Код: 
body {margin:0;padding:0;font-family:Tahoma,Century gothic, Arial,sans-serif;color:#777;font-size:13px;background:#efefef url(/images/body.png);}
img,form {border:0;margin:0;}
a,input {outline:none;}
img {border:0;margin:0;}
a {color:#444;text-decoration:none;outline:none;}
a:hover {color:#555;text-decoration:underline;}
h1,h2, h3, h4, h5, h6 {font-weight:bold;margin:0;padding:0;}
h1 {font-size:26px;}
h2 {font-size:21px;}
h3 {font-size:19px;}
h4 {font-size:17px;}
h5 {font-size:15px;}
h6 {font-size:13px;}
ul {list-style:square;}
hr {border:none;border-top:1px solid #d7d7d7;border-bottom:1px solid #fff;}
.clr {clear:both;}
#page {background:url(/images/overlay.png) center 0 no-repeat;padding:60px 0 0 0;}
#wrapper {width:980px;margin:0 auto;background:#f3f3f3 url(/images/cont-bg.png);}
#wrapper legend {color:#444!important;}
#wrapper fieldset {background:#ececec;border:1px solid #f8f8f8;border-bottom-color:#dadada;color:#444;border-right-color:#dadada;}
#wrapper label {color:#888;}
#cont-box {background:url(/images/content.png) -980px 1px repeat-y;}
#cont-outer {background:url(/images/content.png) 0 0 no-repeat;}
#cont-inner {background:url(/images/content.png) -1960px bottom no-repeat;padding:18px 10px 10px 10px;height:100%;}
#header {height:90px;overflow:hidden;background:url(/images/header.png) 0 0 no-repeat;padding:0 20px 10px 20px;}
#header .blognames {float:left;width:700px;padding:14px 0 0 0;}
#header .site-name {font-size:36px;text-shadow:1px 1px 1px #fff;}
#header .site-descr {font-size:11px;text-shadow:1px 1px 1px #fff;}
#header .usr-block {float:right;width:200px;}
#header .lg-form {padding:2px 0 0 0;}
#header .loginDiv span,#header .passwordDiv span,#header .rememberDiv {display:none;}
#header .loginDiv,#header .passwordDiv {width:170px;height:26px;background:url('/images/login.png') 0 0 no-repeat;padding:0 0 0 30px;overflow:hidden;}
#header .passwordDiv {background-position:0 -26px;margin:5px 0;}
#header .loginDiv input,#header .passwordDiv input {width:160px;height:26px;line-height:26px;padding:0;margin:0;background:none;border:none;color:#bbb;}
#header .buttonDiv {float:right;}
#header .logLnkSep {padding:0 5px;}
#header .loginLinks {float:left;font-size:9px;width:140px;height:17px;overflow:hidden;padding:6px 0 0 0;white-space:nowrap;text-shadow:1px 1px 1px #fff;}
#header .usr-box {width:186px;height:64px;padding:12px;background:url(/images/usr-box.png) 0 0 no-repeat;}
#header .usr-ava {float:left;width:64px;height:64px;overflow:hidden;position:relative;background:url(/images/ava.png) 0 0 no-repeat;}
#header .ava-mask {width:64px;height:64px;position:absolute;top:0;left:0;background:url(/images/ava.png) 0 -64px no-repeat;_display:none;}
#header .usr-info {float:right;width:112px;padding:2px 5px 0 5px;text-align:center;text-shadow:1px 1px 1px #fff;font-size:12px;}
#header .lgo-lnk {display:block;padding:6px 0 0 34px;width:78px;}
#menu-box {height:38px;background:#e3e3e3 url(/images/menu-box.png) 0 0 no-repeat;padding:1px 20px;}
#catmenu{float:left;width:698px;text-transform:uppercase;background:url(/images/menu-sep.png) 0 0 no-repeat;padding:0 0 0 2px;}
#catmenu ul {list-style:none;margin:0;padding:0;}
#catmenu ul li {float:left;}
#catmenu ul li a {position:relative;overflow:hidden;color:#777;text-decoration:none;padding:0 2px 0 0;background:url(/images/menu-sep.png) right 0 no-repeat;_overflow:visible;_width:10px;}
#catmenu ul li a,#catmenu ul li a span {display:block;font-size:13px;height:38px;text-shadow:1px 1px 0 #fff;line-height:38px;white-space:nowrap;}
#catmenu ul li a span {padding:0 10px;text-transform:uppercase;_width:10px;}
#catmenu ul li a:hover,#catmenu ul li.item-hover a,#catmenu ul li a.current-item {color:#444;text-decoration:none;}
#catmenu ul li a:hover span,#catmenu ul li.item-hover a span,#catmenu ul li a.current-item span {background:url(/images/menu-hov.png) 0 1px repeat-x;}
#catmenu ul li.item-parent a span {padding-right:23px;}
#catmenu ul li a .item-arrow {top:14px;right:12px;z-index:30;}
#catmenu ul li a.java-on span {background:none;}
#catmenu ul li a.java-on span {position:relative;z-index:15;}
#catmenu ul li a span.menu-line {background:url(/images/menu-hov.png) 0 1px repeat-x;position:absolute;z-index:10;left:0;top:0;}
#catmenu ul ul {float:none;width:auto;}
#catmenu ul ul ul {margin:0 0 0 180px;}
#catmenu ul li ul {background:#ececec;border:1px solid #e2e2e2;border-bottom:none;}
#catmenu ul li li a {background:none;color:#444;border-bottom:1px solid #e2e2e2;line-height:normal;height:auto;font-size:11px;white-space:normal;padding:8px 10px;_width:auto;}
#catmenu ul li li a span {text-shadow:1px 1px 0 #fff;color:#444;font-size:11px;white-space:normal;line-height:normal;height:auto;padding:0;_width:auto; text-transform:capitalize;}
#catmenu ul li li a:hover,#catmenu ul li.item-hover li a,#catmenu ul li li a.current-item,#catmenu ul li.item-hover li a span,#catmenu ul li li a:hover span,#catmenu ul li li a.current-item span,#catmenu ul li li.item-hover a,#catmenu ul li li.item-hover a span {background:none;text-shadow:1px 1px 0 #fff;color:#444;}
#catmenu ul li li a:hover,#catmenu ul li li a:hover span {background:#f6f6f6;color:#555;text-shadow:1px 1px 0 #fff;}
#catmenu ul li li a .item-arrow {top:10px;right:5px;}
#catmenu .multicolumn > li {border-color:#e2e2e2;}
#search {float:right;width:200px;padding:4px 0 0 0;}
#search .search-box {width:180px;height:28px;overflow:hidden;padding:0 10px;background:url(/images/search.png) 0 0 no-repeat;}
#search .schQuery input {width:150px;margin:0;padding:0;height:28px;line-height:28px;border:none;font-size:12px;color:#bbb;float:left;border:none;background:none;}
#search .schBtn {padding:6px 0 0 0;}
#search .schBtn input{float:right;margin:0;height:16px;width:20px;overflow:hidden;text-indent:-10000px;background:url(/images/search.png) -200px 0 no-repeat;border:none;cursor:pointer;}
#search .schBtn input.hover {background-position:-200px -16px;}
#casing,#forum-casing {padding:0 20px;}
#right-side {float:right;width:200px;padding:20px 0 0 0;}
.sidebox{padding:0 0 20px 0;}
.sidetitle {padding:0 0 18px 0;font-weight:normal;color:#444;font-size:16px;text-transform:uppercase;text-shadow:1px 1px 0 #fff;background:url(/images/title.png) 0 bottom repeat-x;}
.sidebox .inner {padding:10px 0 0 0;}
.sidebox ul {list-style-type:none;margin:0;padding:0;}
.sidebox ul li,.sidebox .catsTd {padding:5px 0 7px 0;background:url(/images/hr.png) 0 bottom repeat-x;}
.sidebox li a,.sidebox .catsTable td a {color:#777;text-shadow:1px 1px 0 #fff;padding:0 0 0 20px;background:url(/images/bullets.png) 0 0 no-repeat;}
.sidebox li a:hover,.sidebox .catsTable td a:hover,.sidebox .catsTable td a.catNameActive {color:#444;background-position:-980px 0;}
.sidebox .catNumData {color:#aaa;font-size:9px;}
.sidebox .calTable{width:100%;text-shadow:1px 1px 0 #fff;}
.calTable td {text-align:center;padding:5px 3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.calTable td a {font-weight:bold;}
.calTable td a:hover {text-decoration:underline;}
.calTable .calWday,.calTable .calWdaySe,.calTable .calWdaySu,.calTable .calMdayA,.calTable .calMdayIsA {background:#b9b9b9 url(/images/switch.png) 0 0 repeat-x;border:1px solid #b2b2b2;color:#444;}
.calTable .calMday,.calTable .calMdayIs{background:#f8f8f8;border:1px solid #dadada;}
.calTable .calMdayIsA a {color:#444;}
.sidebox ul li li {background:none;padding:0;}
.sidebox ul ul {margin:0 0 0 -182px;background:#ececec;border:1px solid #e2e2e2;border-bottom:none;}
.sidebox ul li ul ul {margin:0 0 0 -180px;}
.sidebox ul li li a {background:none;color:#444;border-bottom:1px solid #e2e2e2;line-height:normal;height:auto;font-size:11px;white-space:normal;padding:8px 10px;}
.sidebox ul li li a:hover,.sidebox ul li.item-hover li a,.sidebox ul li li a.current-item {background:none;color:#444;}
.sidebox ul li li a:hover {background:#f6f6f6;color:#555;text-shadow:1px 1px 0 #fff;}
.sidebox ul.ut-menu li a .item-arrow {top:2px;}
.sidebox ul.ut-menu li li a .item-arrow {top:7px;}
.sidebox .multicolumn > li {border-color:#e2e2e2;}
.sidebox iframe {border:1px solid #e2e2e2;}
.sidebox .loginField {width:120px!important;}
#baseLogForm {display:block!important;}
#uidLogButton {display:none!important;}
#content {float:left;width:700px;padding:20px 0;}
#content .manTable,#content .commTable {max-width:700px!important;}
#content .calTable td {font-size:14px;padding:12px;}
.eBlock {padding:0 0 10px 0;}
.eTitle {padding:0 0 18px 0!important;color:#444;font-size:16px;text-transform:uppercase;text-shadow:1px 1px 0 #fff;background:url(/images/title.png) 0 bottom repeat-x;}
.eTitle a {color:#444;}
.eTitle a:hover {color:#555;}
.eDetails, .eDetails1, .eDetails2{font-size:11px;background:#f8f8f8;border:1px solid #dadada;padding:6px 10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.eMessage,.eText {margin:0;padding:5px 0;}
.eMessage p,.eText p{margin:0;padding:0 0 5px 0;}
.pagesBlockuz1 b,.pagesBlockuz2 b,#pagesBlock1 b,#pagesBlock2 b {padding:2px 6px 2px 6px;font-weight:normal;background:#b9b9b9 url(/images/switch.png) 0 0 repeat-x;border:1px solid #b2b2b2;color:#777;font-size:10px;text-shadow:1px 1px 0 #fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.pagesBlockuz1 a,.pagesBlockuz2 a,#pagesBlock1 a,#pagesBlock2 a {padding:2px 6px 2px 6px;text-decoration:none;border:1px solid #dadada;color:#444;background:#f8f8f8;font-size:10px;text-shadow:1px 1px 0 #fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.pagesBlockuz1 a:hover,.pagesBlockuz2 a:hover,#pagesBlock1 a:hover,#pagesBlock2 a:hover {background:#b9b9b9 url(/images/switch.png) 0 0 repeat-x;border:1px solid #b2b2b2;color:#777;}
.cBlock1,.cBlock2,.commTable{padding:10px;background:#ececec;border:1px solid #f8f8f8;border-bottom-color:#dadada;color:#888;border-right-color:#dadada;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.cBlock1 b,.cBlock2 b {color:#999;}
.commTable {background:#eee;}
.cMessage {font-size:11px;}
.cTop {padding:0 0 10px 0;margin:0;border-bottom:1px solid #dadada;}
.cAnswer {padding:5px 0 0 15px;font-style:italic;color:#aeaeae;}
.commTd1 {padding:5px 2px;}
.commSbmFl {}
.securityCode {}
.eAttach {margin:16px 0 0 0;padding: 0 0 0 15px;background: url(/images/attach.gif) 0 0 no-repeat;}
.eRating {font-size:8pt;}
.manTdError,.commError {color:#ff0000;}
.commReg {padding: 10px 0;text-align:center;}
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
.replaceTable {color:#777;font-size:12px!important;padding:10px;background:#f3f3f3 url(/images/cont-bg.png);border:1px solid #dedede;border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;}
.legendTd {font-size:8pt;}
.outputPM {border:1px dashed #e2e2e2;margin:4px 0 4px 30px;}
.inputPM {border:1px dashed #e2e2e2;margin:4px 0;}
.uTable {padding:0;background:#e2e2e2;}
.uTable td {background:#f1f1f1;padding:3px 10px;}
.uTable td.uTopTd {background:#ececec;}
.eAttach .entryAttachSize {padding-left:4px;}
.manTable {text-align:left;}
.manTable .manTd1 {font-size:12px;line-height:14px;width:200px;}
.manTd2 br,.gTableBody1 br {clear:both;}
.popuptitle {font-size:16px;background:url(/images/hr.png) 0 bottom repeat-x;color:#444;text-shadow:1px 1px 1px #fff;padding:0 0 10px 0;text-align:center;}
.popupbody {padding:10px 0 0 0;font-size:12px;color:#777;}
.popupbody * {font-size:12px!important;}
.popuptable {margin:10px auto;padding:10px;background:#f3f3f3 url(/images/cont-bg.png);border:1px solid #dedede;border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;}
.popuptable table {text-align:left;color:#777;}
#footer {width:960px;padding:20px 10px;margin:0 auto;}
#footer .fleft {float:left;width:70%;font-size:11px;}
#footer .fright {float:right;width:141px;}
#footer .fright a {display:block;width:141px;height:32px;overflow:hidden;text-indent:-10000px;background:url(/images/ut-logo.png) 0 0 no-repeat;}
#forum-box {padding:10px 0;}
#forum-casing .sidetitle {font-size:14px;font-weight:normal;background:none;}
#forum-casing #ut-spon {padding:18px 0;background:url(/images/title.png) 0 0 repeat-x;}
#forum-casing #ut-spon-1 a,#forum-casing #ut-spon-2 a {line-height:17px;background:url(/images/bullets.png) 0 0 no-repeat;padding:0 0 0 20px;}
#forum-casing #ut-spon-1 a:hover,#forum-casing #ut-spon-2 a:hover{background-position:-980px 0;}
.gTable {background:#e2e2e2;}
.gTableTop {padding:10px;margin:0;font-size:14px;color:#444;text-transform:uppercase;text-shadow:1px 1px 0 #fff;background:#e3e3e3 url(/images/menu-box.png) 0 -1px repeat-x;}
.gTableTop a {color:#444;}
.gTableSubTop,.postTdTop {padding:3px;color:#777;font-size:11px;background:#ececec;}
.gTableSubTop a,.postTdTop a,.gTableSubTop a:hover,.postTdTop a:hover {color:#777;}
.gTableBody,.gTableBody1,.gTableBottom,.gTableError,.forumNameTd,.forumLastPostTd,.threadNametd,.threadAuthTd,.threadLastPostTd,.threadsType,.postPoll,.newThreadBlock,.newPollBlock,.newThreadBlock,.newPollBlock,.gTableRight,.postTdInfo,.posttdMessage{padding:3px 10px;background:#f5f5f5;}
.forumIcoTd,.forumThreadTd,.forumPostTd,.gTableLeft,.threadIcoTd,.threadPostTd,.threadViewTd,.postBottom,.codeMessage,.quoteMessage {padding:3px 10px;background:#f1f1f1;}
.gTableLeft {font-weight:bold;}
.gTableError {color:#FF0000;}
.forumLastPostTd,.forumArchive {font-size:8pt;}
a.catLink {text-decoration:none;}
a.catLink:hover {text-decoration:underline;}
.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:normal;}
.archivedForum{font-size:8pt;color:#FF0000;font-weight:normal;}
.forum {font-weight:normal;font-size:9pt;}
.forumDescr {color:#aeaeae;font-size:8pt;}
div.forumModer {color:#666;font-size:8pt;}
a.forumModer {color:#666;}
.forumViewed {font-size:9px;}
.forumBarKw {font-weight:normal;}
a.forumBarA {text-decoration:none;color:#666;}
a.forumBarA:hover {text-decoration:none;}
.fastLoginForm {font-size:8pt;}
.switch,.pagesInfo {padding:2px 5px;font-weight:normal;border:1px solid #dadada;color:#444;background:#f8f8f8;font-size:10px;text-shadow:1px 1px 0 #fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.switchActive {padding:2px 4px;font-weight:normal;background:#b9b9b9 url(/images/switch.png) 0 0 repeat-x;border:1px solid #b2b2b2;color:#777;text-shadow:1px 1px 0 #fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
a.switchDigit,a.switchBack,a.switchNext {text-decoration:none;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline;}
.threadLastPostTd {font-size:8pt;}
.threadDescr {color:#aeaeae;font-size:8pt;}
.threadNoticeLink {font-weight:normal;}
.threadsType {height:20px;font-weight:normal;font-size:8pt;}
.threadsDetails {height:20px;}
.forumOnlineBar {height:20px;}
a.threadPinnedLink {font-weight:normal;color:#f63333;}
a.threadLink {font-weight:normal;}
a.threadLink:hover,a.threadPinnedLink:hover {text-decoration:underline;}
.postpSwithces {font-size:8pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:8pt;text-align:right;}
.forumNamesBar {font-size:11px;padding:3px 0;}
.forumModerBlock {padding:3px 0;}
.postPoll {text-align:center;}
.postSeparator {height:1px;background:#f8f8f8;}
.postUser {font-weight:bold;}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;}
.postTdInfo {padding:10px;text-align:center;}
.posttdMessage {line-height:18px;padding:10px;}
.pollQuestion {text-align:center;font-weight:bold;}
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:8pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}
.codeMessage,.quoteMessage {font-size:11px;padding:10px;background:#ececec;border:1px solid #dadada!important;border-bottom-color:#f8f8f8!important;color:#999;border-right-color:#f8f8f8!important;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.signatureView {font-size:8pt;line-height:14px;}
.edited {padding-top:30px;font-size:8pt;text-align:right;color:gray;}
.editedBy {font-weight:bold;font-size:8pt;}
.statusBlock {padding-top:3px;}
.statusOnline {color:#0000FF;}
.statusOffline {color:#FF0000;}
.newThreadItem {padding: 0 0 0 8px; background: url(/images/12.gif) no-repeat 0 4px;}
.newPollItem {padding: 0 0 0 8px; background: url(/images/12.gif) no-repeat 0 4px;}
.postNameFl,.postDescrFl {width:90%!important;}
.postPollFl,.postQuestionFl {width:90%!important;}
.postResultFl {width:50px}
.postAnswerFl {width:80%!important;}
.postTextFl {width:98%!important;height:150px}
.postUserFl {width:80%!important;}
.pollHelp {font-weight:normal;font-size:8pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}
.userAvatar {padding:2px;background:#e2e2e2;border:none;}
.checkbox {display:inline;font-size:13px;line-height:13px;cursor:pointer;}
.checkbox .mark {display:inline;width:13px;height:13px;padding:0 4px 0 0;}
.checkbox img {width:13px;height:13px;}
.checkbox img{background:url(/images/niceforms/checkbox.png) no-repeat;}
.checkbox img{background-position: 0 0;}
.checkbox-hover img{background-position:-13px 0;}
.checkbox-checked img{background-position:0 -13px;}
.checkbox-checked .checkbox-hover img {background-position:-13px -13px;}
.checkbox-disabled img{background-position:0 -26px;}
.checkbox-checked .checkbox-disabled img{background-position:0 -39px;}
.radio {display:inline;font-size:14px;line-height:14px;cursor:pointer;}
.radio .mark {display:inline;width:14px;height:14px;padding:0 4px 0 0;}
.radio img {width:14px;height:14px;}
.radio img{background:url(/images/niceforms/radio.png) no-repeat;}
.radio img{background-position: 0 0;}
.radio-hover img{background-position:-14px 0;}
.radio-checked img{background-position:0 -14px;}
.radio-checked .radio-hover img {background-position:-14px -14px;}
.radio-disabled img{background-position:0 -28px;}
.radio-checked .radio-disabled img{background-position:0 -42px;}
form.utTransformdone div.rowElem{clear:both;padding:4px 0;}
button.uttb {margin:0 0 2px 0;padding:0;border:none;background-color:transparent;cursor:pointer;overflow:visible;white-space:nowrap;height:26px;color:#777;}
button.uttb span.uttbl {background:url(/images/niceforms/btn.png) right -26px no-repeat;display:block;float:left;padding:0 10px 0 0;margin:0;height:26px;}
button.uttb span.uttbm {background:url(/images/niceforms/btn.png) 0 0 no-repeat;display:block;padding:0 0 0 10px;height:26px;color:#777;text-shadow:1px 1px 0 #fff;font-weight:normal;}
button.uttb span.uttbr {background:#e4e4e4 url(/images/niceforms/btn.png) -10px 0 no-repeat;padding:0 2px;display:block;text-decoration:none;height:26px;font-size:10px;line-height:26px;text-transform:uppercase;}
button.uttb_hover span.uttbl {background-position:right -78px;}
button.uttb_hover span.uttbm {background-position:0 -52px;}
button.uttb_hover span.uttbr {background-position:-10px -52px;background-color:#eee;}
.button {float:left;display:block;height:26px;line-height:26px;color:#777;font-size:10px;text-decoration:none;background:url(/images/niceforms/btn.png) right -26px no-repeat;padding:0 5px 0 0;text-shadow:1px 1px 0 #fff;text-transform:uppercase;}
.button span {display:block;height:26px;background:url(/images/niceforms/btn.png) 0 0 no-repeat;padding:0 0 0 5px;}
.button:hover {background-position:right -78px;text-decoration:none;color:#777;}
.button:hover span {background-position:0 -52px;}
.uttiw {background:url(/images/niceforms/text-input.png) right -28px no-repeat;height:28px;padding:0 10px 0 0;margin:0;float:left;_height:26px;}
.uttii {padding:0;margin:0;background:url(/images/niceforms/text-input.png) 0 0 no-repeat;height:28px;padding:0 0 0 10px;_height:26px;}
.uttii input {font-size:12px!important;line-height:28px;vertical-align:middle;height:28px;color:#bbb!important;border:none;padding:0;margin:0;background:none;border:none;_height:26px;}
.uttt {width:100%;}
.uttt td#uttt-mm textarea{font-size:12px; padding:0 5px;}
.uttt textarea{margin:0;padding:0;border:0;background:none;color:#bbb;}
.uttt td#uttt-tl{background:url(/images/niceforms/textarea-corn.png) 0 0 no-repeat;}
.uttt td#uttt-tm{background:url(/images/niceforms/textarea-hor.png) 0 0 repeat-x;}
.uttt td#uttt-tr{background:url(/images/niceforms/textarea-corn.png) -15px 0 no-repeat;}
.uttt td#uttt-ml{background:url(/images/niceforms/textarea-ver.png) 0 0 repeat-y;}
.uttt td#uttt-mm{background:#f8f8f8;}
.uttt td#uttt-mr{background:url(/images/niceforms/textarea-ver.png) -15px 0 repeat-y;}
.uttt td#uttt-bl{background:url(/images/niceforms/textarea-corn.png) 0 -10px no-repeat;}
.uttt td#uttt-bm{background:url(/images/niceforms/textarea-hor.png) 0 -10px repeat-x;}
.uttt td#uttt-br{background:url(/images/niceforms/textarea-corn.png) -15px -10px no-repeat;}
.uttsw {position:relative;height:28px;float:left;margin:0;padding:0 1px 0 0;text-align:left!important;color:#bbb;}
.uttsw span {font-size:11px;float:none;position:absolute;white-space:nowrap;height:28px;line-height:28px;overflow:hidden;cursor:pointer;background:url(/images/niceforms/select.png) 0 0 no-repeat;}
.uttsw a.uttso {display:block;position:absolute;right:1px;top:0;width:23px;height:28px;background:url(/images/niceforms/select.png) right -28px no-repeat;}
.uttsw a.uttso:hover {background-position:right -56px;}
.uttsw ul,.sidebox .uttsw ul {position:absolute;top:28px;left:0;list-style:none;background:#f8f8f8;border:1px solid #dadada;display:none;margin:0;padding:1px;height:150px;overflow:auto;z-index:10;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.uttsw ul a,.sidebox .uttsw ul li a {display:block;padding:2px 5px;text-decoration:none;color:#bbb;font-size:11px;}
.uttsw ul a.selected {background:#ececec;color:#444;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.uttsw ul a:hover, .uttsw ul a.selected:hover,.sidebox .uttsw ul li a:hover {background:#ececec;color:#444;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.utth {display: none;}
.sidebox .uttsw ul {margin:0;width:auto;}
.sidebox .uttsw ul li {background:none;border:none;padding:0;margin:0;}
.sidebox .uttsw ul li a {background:none;text-shadow:none;}
.sel-mult {background:#f8f8f8;border:1px solid #dadada;color:#bbb;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.fileinput {position:relative;overflow:hidden;float:left;}
.fileinput .filebtn {background:url(/images/niceforms/choose-file.png) right -28px no-repeat;position:absolute;right:0;top:0;overflow:hidden;cursor:pointer;}
.fileinput .filehover {background-position:right -56px;}
.fileinput .chs-file {background:url(/images/niceforms/choose-file.png) 0 0 no-repeat;border:none;color:#bbb;padding:0 0 0 5px;margin:0;}
/* -------------
* Ucoz splinters
* ------------- */
/* ------ combolists ------- */
#doSmbBt,.u-combobut {display:none;}
#casing .u-comboeditcell,#casing .u-combo {border:0!important;background:none!important;}
#casing .u-combolist {background:#f8f8f8;border:1px solid #dadada;color:#bbb;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#casing .u-comboedit,#casing .u-comboeditimg {margin:0!important;padding:0!important;}
/* ------ registration ------- */
#uNetRegF table {text-align:left;}
#uNetRegF table table {clear:both;}
#uNetRegF table table td {padding:5px 0 0 0;}
#uNetRegF table .uttiw,#uNetRegF table .fileinput {margin:0 10px 0 0;}
#uNetRegF .blockdiv {clear:both;padding:5px 0 0 0;}
.manTable .manTd2 .uttii input {width:350px!important;}
.manTable .manTd2 .uttii input#fCode {width:60px!important;}
/* ------ text fields ------- */
input.commFl {width:350px!important;}
textarea.commFl {width:90%!important;}
textarea.manFl {width:90%!important;}
.img-code,.img-size {background:#f8f8f8;border:1px solid #dadada;color:#bbb;font-size:11px;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.img-size {color:#bbb;}
textarea.manFlBrief {width:85%!important;}
/* ------ other ------- */
.copy {clear:both;font-size:7pt;}
.noun {font-weight:bold;}
.div-inline {display:inline;background:none;padding:0;float:none;margin:0;border:none;}
.forumModerFuncs button {float:left;}
.answer {padding:4px 0 0 0;}
.fFastSearchTd {font-size:0;color:#bbb;}
.fFastSearchTd * {display:none;}
#content .xw-tl,#content .xw-bl,#content .u-menuvsep {display:none;}
#content .xw-ml,#content .xw-mr {margin:0;padding:0;background:none;}
#content .xw-mc {background:#f8f8f8;border:1px solid #dadada;color:#bbb!important;margin:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
 
Indev29

Indev29

Just Code...
Регистрация
15.08.2012
Сообщения
370
:blink:

UPD: ого.
UPD2: юкоз.
UPD3: уважаемый ТС, а вы не могли бы выложить ТОЛЬКО код относящийся к теме. Заранее спасибо!
 
Volter9

Volter9

defined('SURRENDER') or die(); // StarWars
Регистрация
27.05.2012
Сообщения
1 145
[member=Гаджи], прошу, пож-ста пришлити ссылки на ресурс. !Обещаю не критиковать сайт!
 
Г

Гаджи

Member
Регистрация
06.11.2012
Сообщения
12
Indev сказал(а):
:blink:

UPD: ого.
UPD2: юкоз.
UPD3: уважаемый ТС, а вы не могли бы выложить ТОЛЬКО код относящийся к теме. Заранее спасибо!
Нажмите, чтобы раскрыть...
если бы я мог разобраться где тут кусок который относится в нужному диву я бы не писал сюда. Сам не знаю где этот кусок

возможно этот кусок т.к. див находится в шапке

Код: 
#header {height:90px;overflow:hidden;background:url(/images/header.png) 0 0 no-repeat;padding:0 20px 10px 20px;}
#header .blognames {float:left;width:700px;padding:14px 0 0 0;}
#header .site-name {font-size:36px;text-shadow:1px 1px 1px #fff;}
#header .site-descr {font-size:11px;text-shadow:1px 1px 1px #fff;}
#header .usr-block {float:right;width:200px;}
#header .lg-form {padding:2px 0 0 0;}
#header .loginDiv span,#header .passwordDiv span,#header .rememberDiv {display:none;}
#header .loginDiv,#header .passwordDiv {width:170px;height:26px;background:url('/images/login.png') 0 0 no-repeat;padding:0 0 0 30px;overflow:hidden;}
#header .passwordDiv {background-position:0 -26px;margin:5px 0;}
#header .loginDiv input,#header .passwordDiv input {width:160px;height:26px;line-height:26px;padding:0;margin:0;background:none;border:none;color:#bbb;}
#header .buttonDiv {float:right;}
#header .logLnkSep {padding:0 5px;}
#header .loginLinks {float:left;font-size:9px;width:140px;height:17px;overflow:hidden;padding:6px 0 0 0;white-space:nowrap;text-shadow:1px 1px 1px #fff;}
#header .usr-box {width:186px;height:64px;padding:12px;background:url(/images/usr-box.png) 0 0 no-repeat;}
#header .usr-ava {float:left;width:64px;height:64px;overflow:hidden;position:relative;background:url(/images/ava.png) 0 0 no-repeat;}
#header .ava-mask {width:64px;height:64px;position:absolute;top:0;left:0;background:url(/images/ava.png) 0 -64px no-repeat;_display:none;}
#header .usr-info {float:right;width:112px;padding:2px 5px 0 5px;text-align:center;text-shadow:1px 1px 1px #fff;font-size:12px;}
#header .lgo-lnk {display:block;padding:6px 0 0 34px;width:78px;}
 
tigra60

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
Вот вам вся "прелесть" юкоза - шаг влево/вправо - расстрел.

Дайте, пожалуйста, ссылку на сайт.
 
tigra60

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
HTML:
между блоками blognames и usr-block вставляете нужный вам блок (назовем его, для примера, top-banner).
В итоге, код будет такой:
Код: 
<div class="blognames"> .... </div>
<div class="top-banner"> сюда вставляем содержимое нового блока </div>
<div class="usr-block"> .... </div>
CSS:
1. Чтобы новый блок поместился в ряд с предыдущими, нужно уменьшить ширину блока blognames. Реально ее можно уменьшить до 440 рх.
Для этого в my.css строка 36 изменяем стиль селектора #header .blognames:
Код: 
#header .blognames {
float: left;
width: 440px; /* ширина изменена */
padding: 14px 0 0 0;
}
2. Теперь, когда мы освободили 260 рх, можем разместить там новый блок.
Добавляем в CSS:
Код: 
#header .top-banner {
float: left;
width:240px;
padding:10px;
}
Обратите внимание, что здесь указана ширина блока 240 рх, а не 260, потому что у нас установлен отступ (padding) 10 + 10 = 20 рх, значит общая ширина блока будет 10 + 240 + 10 = 260 рх. Не забывайте об этом, иначе блокам не хватит места и они развалятся (последний блок перейдет на новую строку)
 
Г

Гаджи

Member
Регистрация
06.11.2012
Сообщения
12
Теперь выводит рядом, только есть одно НО. если пользователь зашел на сайт под своими данными вместо формы входа показывается его ава как на рисунке ниже. А если сделать как вы сказали этот блок немного некрасиво смотрится рисунок я выкладывают сюда же. Можно сделать так чтобы блок был расположен так же как и на картинке с авой?
 

Вложения

  • 1.jpg
    1.jpg
    31,4 КБ Просмотры: 6
  • 2.jpg
    2.jpg
    27,3 КБ Просмотры: 6
tigra60

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
Совсем ничего не понятно. Попробуйте выложить рисунки (скриншуты) шапки целиком - как у вас получилось и как должно быть.

И можете смело вставить пока что пустой третий блок с теми стилями, что я вам написал. Пока он пуст, он не будет виден вообще и никому не будет мешать.
 
Г

Гаджи

Member
Регистрация
06.11.2012
Сообщения
12
Картинка где ава это на моем сайте как сейчас без ваших изменений, а картинка без авы это на тестовом сайте я делаю с вашими изменениями
 

Вложения

  • 1.jpg
    1.jpg
    21,5 КБ Просмотры: 14
  • 2.jpg
    2.jpg
    18,2 КБ Просмотры: 18
tigra60

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
Насколько я вижу, верхняя картинка - с сайта, а нижняя - исходный макет. Возможно там стили разные для блоков usr-ava и usr-info.
А вот на макете с нижней картинки (где заголовок "Персональный сайт") если убрать средний блок (там, где надпись "Скачивать могут ..." ), то тогда аватар становится слева от информации? Неужели это так?

Попробуйте в HTML вставить блок (так, как я писал) и сделайте, чтобы он был реально на сайте (сейчас его нет). Я проверю - что там не так.
 
Г

Гаджи

Member
Регистрация
06.11.2012
Сообщения
12
tigra60 сказал(а):
Насколько я вижу, верхняя картинка - с сайта, а нижняя - исходный макет. Возможно там стили разные для блоков usr-ava и usr-info.
А вот на макете с нижней картинки (где заголовок "Персональный сайт") если убрать средний блок (там, где надпись "Скачивать могут ..." ), то тогда аватар становится слева от информации? Неужели это так?

Попробуйте в HTML вставить блок (так, как я писал) и сделайте, чтобы он был реально на сайте (сейчас его нет). Я проверю - что там не так.
Нажмите, чтобы раскрыть...

а я ведь так и сделал вот код шапки

Код: 
<div id="header">
<div class="blognames"><div class="site-name"><a href="$HOME_PAGE_LINK$">$SITE_NAME$</a></div><div class="site-descr"><!-- <logo> -->Мой сайт<!-- </logo> --></div></div>
  <div class="top-banner">Скачивать могут только зарегистрированные пользователи</div>
  <div class="usr-block">
  <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>
  <div class="usr-box" style= "float:right;">
  <div class="usr-ava" style= "float:right;"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" width="64" height="64" /><?endif?><div class="ava-mask"></div>
  </div>
  <div class="usr-info">
<a href="$PERSONAL_PAGE_LINK$" title="Мой профиль">Мой профиль</a><br /><a href="$PM_URL$">Сообщения<?if($IS_NEW_PM$)?> ($UNREAD_PM$)<?endif?></a>
<span class="lgo-lnk"><a href="$LOGOUT_LINK$" class="button"><span>Выйти</span></a></span>
</div>


<div class="clr"></div>
</div>
<?else?>
<div class="lg-form">
$LOG_FORM$
</div>
<?endif?><?endif?>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div id="menu-box">
<div id="catmenu">
<!-- <sblock_menu> -->
<?if($SMENU_1$)?><!-- <bc> -->$SMENU_1$<!-- </bc> --><?endif?>
<!-- </sblock_menu> -->
<div class="clr"></div>
</div>
<div id="search">
<div class="search-box">
<div class="searchForm"><form onsubmit="this.sfSbm.disabled=true" method="get" style="margin:0" action="$HOME_PAGE_LINK$search/"><div class="schQuery"><input value="Поиск..." type="text" name="q" maxlength="30" size="20" class="queryField" /></div><div class="schBtn"><input type="submit" class="searchSbmFl" name="sfSbm" value="Найти" /></div></form></div>
</div>
</div>
<div class="clr"></div>
</div>
или вы что-то другое имете ввиду? Если убрать блок где написано скачивать могут... то картинка не смещается. остается также как я показал на картинке. т.к. Css изменили ведь
 
tigra60

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
Я смотрю ваш сайт в инспекторе объектов браузера, Там виден код HTML и можно управлять CSS.

Сейчас там в шапке 2 блока (не считая clr).

Просто добавьте между ними еще один блок. И стили поменяйте, как я писал. Я посмотрю на сайте и скажу, в чем проблема.
 
Г

Гаджи

Member
Регистрация
06.11.2012
Сообщения
12
tigra60 сказал(а):
Я смотрю ваш сайт в инспекторе объектов браузера, Там виден код HTML и можно управлять CSS.

Сейчас там в шапке 2 блока (не считая clr).

Просто добавьте между ними еще один блок. И стили поменяйте, как я писал. Я посмотрю на сайте и скажу, в чем проблема.
Нажмите, чтобы раскрыть...
вы смотрите не тот сайт изменения я делаю на этом сайте http://werwer12wer3.ucoz.ru/ посмотрите по этому адресу я там добавил два блока

<div class="top-banner">Скачивать могут только зарегистрированные пользователи</div>
<div class="top-banner"></div>

но стало еще хуже и стили изменил как вы сказали
 
tigra60

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
у вас там лишний блок top-banner, то есть их получилось два top-banner (всего 4 вместо 3). Уберите один и все будет ОК

ss1.jpg

Вот вам скриншут, как это будет выглядеть, если вы все правильно сделаете.

Только не пихайте стили в блок, я это вынужденно сделал. У вас этот блок с текстом должен иметь класс и его стили описаны в CSS.
 
Статус
Закрыто для дальнейших ответов.

Онлайн статистика

Пользователи онлайн
3
Гости онлайн
28
Всего посетителей
31
Общее число может включать скрытых пользователей.

Статистика форума

Темы
10 927
Сообщения
64 038
Пользователи
12 689
Новый пользователь
KarinaTib

Новые пользователи

Поделиться этой страницей

Верх Низ