Agamemnon

Newbie

View Profile See their activity

Posts
1
Joined
June 26, 2010
Last visited
July 2, 2010

Agamemnon's Achievements

Explorer (1/14)

Reputation

Помогите советом, что в коде div верстки для юкоз не так?

Agamemnon posted a question in HTML Coding

index <!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"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>[TITLE]</title> <meta name="title" content="" /> <meta name="keywords" content="" /> <?$META_DESCRIPTION$?> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <link rel="icon" href="img/icon.gif" type="image/x-icon"> <link rel="shortcut icon" href="img/icon.gif" type="image/x-icon"> </head> $ADMIN_BAR$ <body> <div id="wrapper">  <div id="header"> <div id="searchbox"><div id="search">$SEARCH_FORM$</div></div> <div class="logo"><img src="img/logo.gif" alt="U.N.I.T" /></div> <div id="menubar"> <div class="bolts_l"> <div class="bolts_r"> <div id="mainmenu"><ul class="mainlevel"><li class="default_active_menu active_menu"><a href="/index">Главная</a></li> <li class="default"><a href="/load">Хабар</a></li> <li class="default"><a href="/forum">Бар "Сталкер"</a></li> <li class="default"><a href="/photo">Фото</a></li> </ul></div> </div> </div> </div> </div>  <div id="middle"> <div id="container"> <div id="content"> [BODY] </div> </div> <div class="sidebar" id="sideLeft"> <div id="modulele_head"><div style=" background-image:url(img/module_head.jpg); background-repeat:no-repeat; height:46px; text-align:center; font-size:18px; padding-top:10px;"><b>TITLE</b></div> </div> <div align="center">CONTENT</div><br /> <div id="modulele_head"><div style=" background-image:url(img/module_head.jpg); background-repeat:no-repeat; height:46px; text-align:center; font-size:18px; padding-top:10px;"><b>Чат</b></div> </div> <div style="border:0px;margin-bottom:2px;"width="226"><?if($CHAT_BOX$)?>$CHAT_BOX$<?endif?></div> </div> <div class="sidebar" id="sideRight"> <div id="modulele_head"><div style=" background-image:url(img/module_head.jpg); text-align:center; font-size:18px; padding-top:10px;"><b>PDA</b></div> </div> <div><strong><font color="#609CBB">$USERNAME$</font></strong><br> <?if($USER_AVATAR_URL$)?><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><?else?><?if($USER_LOGGED_IN$)?><br> <img class="userAvatar" title="$USERNAME$" src="img/noavik.png" border="0"><?else?><br> <img class="userAvatar" src="img/avik.png" border="0"><?endif?><?endif?><br> <?if($USER_LOGGED_IN$)?> <strong><font color="#609CBB">$USER_GROUP$</font></strong><br> <font color="#FFFFFF">В Зоне:</font> <font color="#609CBB"><strong>$USER_REG_DAYS$</strong></font><font color="#FFFFFF">-й день</font><br> <a href="java script:openOnClick('users')"><font color="#609CBB">Список Сталкеров</font></a><br> <a href="$PERSONAL_PAGE_LINK$"><font color="#609CBB">Информация</font></a><br><br> <strong><font color="#FFFFFF">—</font> <br><a href="java script:openOnClick('send')"><font color="#609CBB">Отправить ЛС</font></a><br> <a id="upml2" href="java script:openOnClick('mail')"><font color="#609CBB">Читать ЛС</font> (<font color="#609CBB"><strong>$UNREAD_PM$</strong></font>)</a> <br><br><br><a href="$LOGOUT_LINK$" title="Log out"><font color="#609CBB">Завершить сеанс</font></a> <?if($IS_NEW_PM$)?> <script type="text/javascript"> function flashit(id,cl) { var c=document.getElementById(id); if (c.style.color=='red') { c.style.color=cl; } else { c.style.color='red'; } } setInterval("flashit('upml2','')",500)</script> <?endif?> <script type="text/javascript"> function openOnClick(client_type) { if(client_type=="mail")clientWindow = window.open("$PM_URL$","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="send")clientWindow = window.open("/index/14-999-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="options")clientWindow = window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="users")clientWindow = window.open("$USERS_LIST_URL$","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="rules")clientWindow = window.open("/rules.html","rules","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); } </script> <?else?> <br><font color="#FFFFFF">СТАЛКЕР!<br></font><font color="#BC7F3D">Я всегда рад видеть <br>еще одну живую душу!<br>Но я незнаю кто ты?<br> <a href="/index/3-0-0"><font color="#609CBB"><blink>Регистрация</blink></a><br> <a interclue-click-count="1" href="java script://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;" title="Вход"><font color="#609CBB"><b>Вход!</b></a></font><br><br> <font color="#FFFFFF"> — </font> <br><br><a href="/forum/0-0-1-35"><font color="#609CBB">Список Сталкеров</font></a> <?endif?></div>  <br />  <div style=" background-image:url(img/module_head.jpg);background-repeat:no-repeat; height:46px; text-align:center; font-size:18px; padding-top:10px;"><b>TITLE</b></div> <div align="center">CONTENT</div>  </div>  </div> </div> <div id="clear"></div> <div id="footer"> <div id="bot-rocket"> <img src="img/plat.png" border="0" alt="постъядерный мир" /> <div style="position: absolute; right: 15px; top: 0;">[COPYRIGHT]<b style="float:right">$POWERED_BY$</b> </div> </div> </div> </body> </html>  <table border="0" cellpadding="2" cellspacing="1" style="background:#A9B8C2;" width="100%"> <tr><td style="background:#D4DFF7;" align="center"><b>[TITLE]</b></td></tr> <tr><td align="center" style="background:#F4F4F4;padding:5px;">[BODY]</td></tr> </table>  css * { margin: 0; padding: 0; } html { height: 100%; } body { background: #000 url(img/bg.jpg)100% 0; font: 14px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wrapper { width: 1015px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } /* Header —————————————————————————--*/ #header { height: 468px; background-image:url(img/header_bg.jpg); background-repeat:no-repeat; } .logo{ width:64px; height:64px; margin-left:227px; } #searchbox { background: url(img/search00.jpg) 0 0 no-repeat; float: left; width: 174px; height: 54px; overflow: hidden; border-top:-10px; z-index:1; } #search { position:absolute; top:20px; text-align:center; width: 200px; height: 50px; overflow: hidden; border-top:-20px; z-index:2; } #searchbox input { background: #163D1E; margin-top: 19px; margin-left: 26px; height: 12px; width: 120px; border: 0; color: #40CE5E; font-size: 10px; } /*Меню горизонтальное прикр к хедера*/ #menubar { background-image:url(img/menu_bg.png); background-repeat:repeat-x; position:absolute; top:419px; width:1015px; } div#menubar .bolts_l { background-image:url(img/menu_bolts.png); background-repeat:no-repeat; } div#menubar .bolts_r { background: url(img/menu_bolts.png) 100% 0 no-repeat; height: 49px; } /* main menu */ #mainmenu { padding: 0; white-space: nowrap; float: left; margin: 5px 18px 0; } #mainmenu ul { position:absolute; left:300px; float: left; margin: 0; padding: 0; list-style: none; } #mainmenu li { float: left; margin: 0; padding: 0 10px; border-right: 1px solid #333; } #mainmenu a:link, #mainmenu a:visited { float: left; display: block; padding: 2px 10px; font-size: 75%; text-transform: uppercase; font-weight: bold; height: 17px; line-height: 17px; color: #999966; } #mainmenu a:hover { color: #999900; text-decoration: none; } /* Middle —————————————————————————--*/ #middle { width: 100%; padding: 0 0 100px; height: 1%; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { background-color:#FFFFFF; ; width: 100%; float: left; overflow: hidden; } #content { background-image:url(img/p_bg.png); padding: 0 270px 0 270px; } /* Sidebar Left —————————————————————————--*/ #sideLeft { float: left; width: 225px; height:auto; margin-left: -100%; position: relative; background-image:url(img/fon_menu.jpg); text-align:center; } /*Модуль left*/ #modulele_head { background-image:url(img/module_head.jpg); background-repeat:no-repeat;height:46px; } h1 {position:absolute; top:10px; left:60px; font-size:18px; font:Arial, Helvetica, sans-serif bold;} h2 {position:absolute; top:70px; left:60px; font-size:18px; font:Arial, Helvetica, sans-serif bold;} h3 {position:absolute; top:10px; left:30px; font-size:18px; font:Arial, Helvetica, sans-serif bold;} /* Sidebar Right —————————————————————————--*/ #sideRight { float: left; margin-right: -3px; width: 225px; margin-left: -225px; position: relative; background-image:url(img/fon_menu.jpg); text-align:center; } /*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */ #clear{ height:0; font-size:1px; line-height:0px; clear:both; } /* Footer —————————————————————————--*/ #footer {background: url(img/footer_bg.png) repeat-x; border-top: 1px solid #000; width: 1015px; margin: -100px auto 0; height: 90px; } #bot-rocket { margin: 22px auto; display: block; position: relative; width: 140px; height: 41px; } Вот чего хочу добиться . Заранее благодарен!
- June 26, 2010

Sign In

Agamemnon

Posts

Joined

Last visited

Agamemnon's Achievements

Explorer (1/14)

Reputation

Помогите советом, что в коде div верстки для юкоз не так?

Forums

Important Information