Jump to content

ONIX

Newbie
 View Profile  See their activity

  • Posts

    18

  • Joined

  • Last visited

ONIX's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. ONIX
    Спасибо! разобрался с Вашей помощью!
  2. ONIX
    Как наложить картинку поверх другой в FF? В IE это легко получается залав отрицат. смещение: <img id="header_img" alt="Стартовая страница" style="cursor: pointer;" src="../pics/head.png" onclick="GoMenu('/index.html');" /> <img alt="Русский" style="cursor: pointer; padding-right:10px; margin-top:-40px; " src="../pics/ru-RU.gif" align="right" onclick="Change('ru');"/> <img alt="Английский" style="cursor: pointer; padding-right:10px; margin-top:-40px; " src="../pics/en-GB.gif" align="right" onclick="Change('en');"/>Помогите, плиз...
  3. ONIX
    к сайту- статические страницы с блочной разметкой нужно добавить англояз. версию (т.е. все страницы в двух экземплярах: англ. и русс.). Как отследить текущий язык с помощью javascript?
  4. ONIX
    ДА, согласн...просто это продрлжение предыдущего сайта, который упоминался в данном разделе. а без рнр можно? на java script?
  5. ONIX
    а можно небольшой пример скриптов?
  6. ONIX
    Всем привет! Мне поставили задачу сделать двуязыковый сайт с блочной разметкой. Т.е. в верхней части (хэдере) два флага (Россия и Великобритания) при нажатии на которые будет переключаться язык. Как более компактно и логично сделать это, у меня нет опыта в этом? Использовать скрипты?
  7. ONIX
    Спасибо, настроил, получилось...
  8. ONIX
    а как здесь закачать файлы?
  9. ONIX
    Неужели никто не знает?
  10. ONIX
    Помогите пожалуйста, очень нужно!!!
  11. ONIX
    Вот вроде подправил
  12. ONIX
    Нормально это как? что там не так?
  13. ONIX
    Неужели никто не может помочь?
  14. ONIX
    Имеется небольшой сайт с главной страницей: Файл index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html style="font-family:Arial"> <head> <title>Пример</title> <link href="styles/main.css" rel="stylesheet"> </head> <body onload="RenderMenu()"> <div id="title" > <!-- #include file="header.html" --> </div> <div id="content" > <div id="main_ext" style=""> <!-- #include file="start.html" --> </div> <div id="sections_ext" style="float:left"> <!-- #include file="menu.html" --> </div> </div> <div id="meta"> <!-- #include file="footer.html" --> </div> </body> </html> Файл header.html <div id="header" style="line-height:150%; font-size:smaller;"> <img id="header_img" alt="Стартовая страница" style="cursor: pointer;" src="pics/head.png" onclick="GoMenu('/index.html');" /> </div> Файл footer.html <div> <p> <div id="labs"> Центральный офис:<br/>Телефон/факс:<br/>e-mail: </div> <div id="props" > Данные </div> </p> </div> Файл start.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html style="font-family: Arial"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link href="styles/main.css" rel="stylesheet"> </head> <body> <div id="mainS"> <div> <a href="index.html"> <img align="middle" class="picture" src="pics/logo3.gif" alt="company logo" border="0" /></a> </div> <br> <p > Текст <p > Текст <p > Текст <p > Текст </div> <div id="news" > <h3 > Наши новости</h3> <p> 28.11.2008 <p> <b>Расширяем круг друзей!</b> <p> Текст <a href="press/news.html" style="color: Blue;">Подробнее</a> <br> <p> 29.10.2008 <p> <b>Не бизнесом единым!</b> <p> Текст <a href="press/news.html" style="color: Blue;">Подробнее</a> <br> <p> 18.09.2008 <p> <b>«Инвестиции в обучение – инвестиции в будущее!»</b> <p> Текст<a href="press/news.html" style="color: Blue;">Подробнее</a> <br> </div> </body> </html> Файл menu.html <script type="text/javascript" language="JavaScript"> function GoMenu(value) { window.location = value; } function ShowMenu(value) { value=='Company'?document.getElementById('Company').style.cssText='display:block':document.getElementById('Company').style.cssText='display:none'; value=='PressCenter'?document.getElementById('PressCenter').style.cssText='display:block':document.getElementById('PressCenter').style.cssText='display:none'; value=='OurServices'?document.getElementById('OurServices').style.cssText='display:block':document.getElementById('OurServices').style.cssText='display:none'; value=='OurProjects'?document.getElementById('OurProjects').style.cssText='display:block':document.getElementById('OurProjects').style.cssText='display:none'; //value=='SiteMap'?document.getElementById('SiteMap').style.cssText='display:block':document.getElementById('SiteMap').style.cssText='display:none'; } function RenderMenu() { /company/.test(window.location)?document.getElementById('Company').style.cssText='display:block':document.getElementById('Company').style.cssText='display:none'; /press/.test(window.location)?document.getElementById('PressCenter').style.cssText='display:block':document.getElementById('PressCenter').style.cssText='display:none'; /services/.test(window.location)?document.getElementById('OurServices').style.cssText='display:block':document.getElementById('OurServices').style.cssText='display:none'; /projects/.test(window.location)?document.getElementById('OurProjects').style.cssText='display:block':document.getElementById('OurProjects').style.cssText='display:none'; } </script> <div> <h3 onclick="ShowMenu('Company');">О компании</h3> <div id="Company" class="pages" style="display:block;"> <a href="java script:GoMenu('/company/whous.html')">Кто мы</a> <!--company/whous.html--> <a href="java script:GoMenu('/company/appeal.html')">Обращение Генерального Директора</a> <a href="java script:GoMenu('/company/clientreports.html')">Отзывы клиентов</a> <a href="java script:GoMenu('/company/companystructure.html')">Структура компании</a> <a href="java script:GoMenu('/company/ourpartners.html')">Наши партнеры</a> <a href="java script:GoMenu('/company/collaborationoffer.html')">Приглашаем к сотрудничеству</a> <a href="java script:GoMenu('/company/contacts.html')">Контакты</a> </div> <h3 onclick="ShowMenu('PressCenter');">Пресс-Центр</h3> <div id="PressCenter" class="pages"> <a href="java script:GoMenu('/press/news.html')">Новости</a> <a href="java script:GoMenu('/press/events.html')">События</a> </div> <h3 onclick="ShowMenu('OurServices');">Наши услуги</h3> <div id="OurServices" class="pages"> <a href="java script:GoMenu('/services/itconsalting.html')">Управленческий и ИТ-консалтинг</a> <a href="java script:GoMenu('/services/developmentpo.html')">Разработка программного обеспечения</a> <a href="java script:GoMenu('/services/supportio.html')">Сопровождение Информационных Систем</a> <a href="java script:GoMenu('/services/sharepoint.html')">Microsoft Share Point</a> <a href="java script:GoMenu('/services/portalsdevelopment.html')">Разработка Интернет-Порталов</a> <a href="java script:GoMenu('/services/crmsupport.html')">Внедрение и сопровождение CRM- и OMS-систем</a> <a href="java script:GoMenu('/services/sciencedevelopment.html')">Научно-прикладная разработки</a> </div> <h3 onclick="java script:GoMenu('/technologies/ourtechnologies.html');">Наши технологии</h3> <h3 onclick="ShowMenu('OurProjects');">Наши проекты</h3> <div id="OurProjects" class="pages"> <a href="java script:GoMenu('/projects/federalService.html')">Проект1</a> <a href="java script:GoMenu('/projects/ElectronMoscow.html')">Проект2</a> <a href="java script:GoMenu('/projects/smpharma.html')">Проект3</a> <a href="java script:GoMenu('/projects/lawsupport.html')">Проект4</a> <a href="java script:GoMenu('/projects/skif.html')">Проект5</a> <a href="java script:GoMenu('/projects/mediastorage.html')">Проект6</a> <a href="java script:GoMenu('/projects/iportal.html')">Проект7</a> <a href="java script:GoMenu('/projects/ymk.html')">СПроект8</a> <a href="java script:GoMenu('/projects/cargo.html')">Проект9</a> <a href="java script:GoMenu('/projects/vzpm.html')">Проект10</a> <a href="java script:GoMenu('/projects/pm.html')">Проект11;</a> </div> <h3 onclick="java script:GoMenu('/sitemap.html')">Карта сайта</h3> </div> <script type="text/javascript"> RenderMenu(); </script> Файл стилей main.css body { color :black; padding:0; width:1024px; margin:0 auto; position:relative; height:100%; } html { background :#FFF; font-family :Arial; line-height : 150%; } /*заголовок*/ #title { height: 157px; color: white; } /*подвал*/ #meta { bottom:0; height:57px; width:100%; padding:1px 0; background: url(../pics/bottom.png) no-repeat; color:white; font-size:70%; line-height:100%; } #labs { position: absolute; width:12%; left:50px; } #props { position: absolute; width:50%; margin-left: 12%; left:90px } /*содержимое*/ #content { width:100%; height: 100%; padding-bottom:57px; background-color:Navy; } #sections_ext /*меню*/ { float:left; width:20%; font-size:80%; background-color:Red; position: absolute; } #main_ext /*содержимое + новости*/ { float:right; width:80%; padding-bottom:10px; background-color:Blue; } #mainS { overflow:hidden; float:left; width:75%; background-color:Gray; } #news { overflow:hidden; text-align :justify; float:right; width:25%; background-color:Lime; } Проблема в том что в IE6 меню съезжает вниз, а должна находиться наверху блока section_ext , как в IE7, Opera9, FF2. Что нужно исправить или добавить?
  15. ONIX
    Имеется вот такой вот макет разметки, в три колонки с футером и хэдером. Пока некорректно отображается, что нужно подправить, чтобы правильно отобразилось в IE6,7 FF2 Opera9 ? index.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"> <head> <title>Untitled Page</title> <link rel=stylesheet href=default.css type=text/css /> </head> <body> <div > <!-- #include file="header.html" --> </div> <div style="display:inline"> <div id="left" ><!-- #include file="menu.html" --></div> <div id="right" ><!-- #include file="content.html" --></div> </div> <br /> <div ><!-- #include file="footer.html" --></div> </body> </html> default.css body { padding:0; width:100%; height:100%; margin:0; } html { font-family:Arial; line-height: 150%; } #header { background-color:Gray; } #left { float:left; width:20%; background-color:Green; } #right { float:right; width:80%; /*background-color:Aqua;*/ } #footer { background-color:Lime; } #text { overflow:hidden; float:left; width:80%; background-color:Fuchsia; } #announcements { overflow:hidden; float:right; width:20%; background-color:Maroon; } header.html <div id="header"> <p>Header </div> footer.html <div id="footer"> <p>Footer </div> menu.html <div id="menu"> <p>Menu </div> content.html <div style="display:inline; float:right; overflow:hidden"> <div id="text"><!-- #include file="text.html" --></div> <div id="announcements"><!-- #include file="announcements.html" --></div> </div> text.html <div id="text"> <p>Text </div> announcements.html <div id="announcements"> <p>Anouncements </div>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept