Lautes
User-
Posts
23 -
Joined
-
Last visited
Lautes's Achievements
Explorer (1/14)
0
Reputation
-
Цветков Антон спасибо!
-
Требуется установить слой по центру страницы с текстовым контентом. У слоя следующие данные: position:absolute; width:65%; height:831px; z-index:11; left: 174px; top: 222px; Как лучше всего это сделать?
-
Ну так кто нить ответит или это не разрешимая задача?
-
Левая боковина. CSS: #leftimage{ position: absolute; margin: 0; padding: 0; width: 37px; height: 1150px; left: 4px; top: 348px; background-image: url(images/left_image.jpg); background-position: left bottom; background-repeat: repeat; } #left_image_footer{ /это продолжение боквины по горизонтали один узор/ position: absolute; width:138px; height:48px; z-index:1; left: 4px; top: 1499px; margin: 0; padding: 0; background-image: url(images/left_image_footer.jpg); background-position: left bottom; background-repeat: repeat; } Правая боквина. CSS: #rightimage{ position: absolute; margin: 0; padding: 0; width:36px; height:1347px; z-index:2; top: 149px; left: 967px; background-image: url(images/right_image.jpg); background-position: right bottom; background-repeat: repeat; } #right_image_footer{ position: absolute; width:149px; height:50px; z-index:3; left: 854px; top: 1497px; margin: 0; padding: 0; background-image: url(images/right_image_footer.jpg); background-position: right bottom; background-repeat: repeat; } html: Как вы понимаете состоит всего лиш из слоя типа такого: <div id="leftimage"></div>
-
Может стоит убрать у слоя в котором правая боковина убрать абсолютные координаты?
-
Просто весь дизайн был построен как "резиновый", а вот эта правая боковина теперь вс? портит...
-
Ну вот и сразу же ещ? одна проблема возникла. Уже с разрешением монитора т.е. когда я ставлю левую боковину и просматриваю е? при большом разрешении монитора она также и оста?тся на месте, но вот боковина справа сдвигается в центр страницы. Можно ли как то зафиксировать правую сторону на месте?
-
Вс? проблема решилась. Окозалось проблема в редакторе Дримвеер т.е. работая в редиме кода и ставя теже самые ссылки он этого не понял, поставил в визуальном режиме bg вс? стало ок.
-
yopopt так я уже просто тупо копировал адрес из строки браузера...
-
Сейчас это выглядит у меня так: #leftimage{ position: absolute; margin: 0; padding: 0; width: 150px; height: 50px; left: 4px; top: 371px; background-image: url ('http://www.*******.com.ua/left_image.jpeg'); background-position: left bottom; background-repeat: no-repeat; }
-
yopopt собственно это нечего не поменяло...
-
Путь выглядит следующим образом: http://www.********.com.ua/left_image.jpg
-
Блин вс? равно некак не получается. Загрузил уже этот фон на сервер и просто использовал ссылку с него в css параметрах. Вс? равно не видно фон... Делал разную высот слою фон вс? равно не видно. Я взял новый фаил html и вставил туда в него только этот слой и css параметры. Вс? равно фон не видно. Значит нечего не мешает фону отобразится... Что то неправильно в css или где то ещ?...
-
<? include 'news/head.php';?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Сайт</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="verify-v1" content="xmxS3Dd7MfZWxlCNkhtshUzMQX8YKUnY4dYOryLOidA=" /> <LINK rel="icon" href="images/favicon.ico" type="image/x-icon"> <LINK rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } a:link { color: #0099FF; text-decoration: none; } a:visited { color: #0099FF; text-decoration: none; } --> </style> <title>CSS Test</title> <style> a.text1:link { color:#ff0033; text-decoration: none } a.text1:active { color:#FF0033 } a.text1:visited { color:#ff0033 } a.text1:hover { color:#FF0033; text-decoration: underline; } a.text2:link { color:#0066ff; text-decoration: none } a.text2:active { color:#0066ff } a.text2:visited { color:#0066ff } a.text2:hover { color:#0066ff; text-decoration: underline; } a:hover { text-decoration: none; } a:active { text-decoration: none; color: #0066FF; } .style11 { color: #0099FF; font-weight: bold; font-size: 150%; } .style12 { color: #0099FF; font-weight: bold; } .style14 {color: #0099FF} html, body { height: 100%; margin: 0; padding: 0; } #cap{ float: left; margin: 0; padding: 0; width: 100%; } #bar{ margin: 0; padding: 0; width: 100%; } #description{ border-top: 1px solid #ccccff; border-left: 1px solid #ccccff; border-right: 1px solid #ccccff; border-bottom: 1px solid #ccccff; margin: 0; padding: 0px 0px 0px 0px; width: 100%; } #leftimage{ border: 1px solid black; margin: 0; padding: 0; width: 10%; background-image: url('left_image.jpeg'); background-position: left bottom; background-repeat: no-repeat; } #poll{ margin: 0; padding: 0px 0px 0px 0px; width: 20%; } #news{ float:right; margin: 0; padding: 0px 0px 1000px 0px; width: 66%; } #footer{ margin: 0; padding: 0px 0px; border-top: 1px solid #ccccff; width: 100%; } .style16 {font-size: 100%} .style17 {color: #0066FF; font-style: italic; font-size: 100%; } .style21 {color: #0033CC} </style> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //--> </script> </head> <body> <table width="100%" height="100%" border="0"> <tr> <td colspan="3"><div id="cap"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100%" height="120"> <param name="movie" value="flash/menu.swf"> <param name="quality" value="high"> <embed src="flash/menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100%" height="120"></embed> </object> </div> <div align="left"> <div id="bar"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100%" height="20"> <param name="movie" value="flash/waymain.swf"> <param name=quality value=high> <embed src="flash/waymain.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="20"></embed> </object> </div> </div> </td> </tr> <tr> <td width="125" height="141"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="125" height="205"> <param name="movie" value="flash/navigation.swf"> <param name="quality" value="high"> <embed src="flash/navigation.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="125" height="205"></embed> </object></td> <td width="720"><div id="description"> <p align="center" class="style11"> Добро пожаловать!</p> <p align="center" class="style16"> Тут написан всякий текст. </p> <p align="right"><span class="style17">От администрации!</span></p> </div> </td> <td width="133"> </td> </tr> <tr bordercolor ="1"> <td height="87" colspan="3"> <div id="leftimage"> </div> <div align="center"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="15%" height="60" class="style12"> <param name="movie" value="flash/new.swf"> <param name="quality" value="high"> <embed src="flash/new.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="15%" height="60"></embed> </object> </div> </td> </tr> <tr> <td height="1067" colspan="3"> <div id="news"> Скрипт новостей.... </div> <div align="left"> <div id="poll" style="position:relative; bottom: 1017px"> Ещ? один скрипт тут... </div> </tr> <tr> <td height="25" colspan="3"> <div id="footer"> <p align="left"><strong><span class="style16"><a href="reklama.htm" class="text1"><b>Разместить рекламу</b></a></span></strong><span class="style16"> | <a href="vakansii.htm" class="text2">Вакансии</a> </span></p> <p align="left" class="style16">Конец страницы... И тут тоже написана всякая фигня...</p> </div> </td> </tr> <tr> <td height="25" colspan="3"><div align="center"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="55%" height="26"> <param name="movie" value="flash/niza.swf"> <param name="quality" value="high"> <embed src="flash/niza.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="55%" height="26"></embed> </object> </div> </td> </tr> </table> </body> </html>