Code: <html><head> <style type="text/css"> div{ float: left; } .d1{ background: #789789; width: 500px; height: 28px; } .p1{ background: #921413; width: 10px; height: 20px; } .p2{ background: #885674; width: 10px; height: 20px; } .p3{ background: #00FF00; width: 200px; height: 20px; } .p4{ background: #0000FF; width: 10px; height: 20px; } .p5{ background: #FF0000; width: 10px; height: 20px; } </style> </head><body> <div class='d1'> <div class='p1'>1</div> <div class='p2'>2</div> <div class='p3'>3</div> <div class='p4'>4</div> <div class='p5'>5</div> </div> </body></html> 3 div будет изменятся средствами JS, как заставить 4 div взять всю доступную ширину?
все просто. обычно в первый раз адекватный сервер отдает все стили и скрипты с кешированием. циферки ставят как бы на версию, чтобы когда изменят файл у всех пользователей он загрузился снова.
Добрый день. У меня такой вопрос. Создал я HTML страницу, сохранил в кодировке UTF-8 с помощью NOTEPAD, и вот какой результат: 1) В Chrom`e и IE все отображается правильно. 2) В Opera и FF отображается одинаково неправильно. Во - первых текст в непонятной кодировке, во - вторых появляется пару каких то символов вверху страницы. Если сохраняю в кодировке UTF - 8 (без BOM), то картина следующая: 1) В Chrom и в IE появляются проблемы с кодировкой как в предыдущий раз с FF и Opera: 2) В Opera и в FF остались проблемы с кодировкой, лишь пропали пару символов вверху страницы. Помогите решить эти проблемы, что б во всех браузерах отображалось одинаково.
Не подходит, нужно чтобы блок сам забирал свободную ширину без указаний. Можно использовать таблицу, но блин, это будут уже костыли
Edward, попробуй прописать в разделе <head></head> эту строку: PHP: <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Использовании таблиц при верстке это нормальное явление. Писать скрипт для выставления определенной ширины - вот это костыль. Делайте как будет проще.
Народ, помогите! Есть такая тема: HTML: <div id="header"> <div id="menu"> <div id="menu_links"> <a href="index.html">home</a> <a href="about_us.html">about us</a> <a href="services_products.html">services / products</a> <a href="news.html">news</a> <a href="contacts.html">contacts</a> <a href="links.html">links</a> </div><!-- close menu_links--> </div><!-- close div menu--> </div> <!-- close div header--> <div id="content"> <p> blablabla </p> </div><!-- close div content--> <div id="footer"> <div id="footer_text"> © All right reserved </div><!-- close footer_text--> </div><!-- close div footer--> <!-- </div> <!-- close div main --> Code: #header{ position:relative; margin:auto; top:11px; width:99%; height:107px; background-image:url(../images/header.jpg); border-left: 2px solid #1a5189; border-right: 2px solid #1a5189; } #menu{ background-image:url(../images/menu.jpg); position:absolute; bottom:0px; left:25%; width:540px; height:27px; border:2px solid #1c79a9; z-index:1; } #menu_links { width:100%; height:100%; margin-left:40px; margin-top:5px; } #menu_links a{ margin-right:25px; text-decoration:none; color:#fff; font-size:14px; font-family:"Time New Roman", Tahoma, Verdana; } #menu_links a:hover{ color:#0f4; } #menu_links a:active{ color:#005edd; } #content{ position:absolute; margin-left:25%; left:4px; width:540px; height:80%; background-color:#fff; border-right:2px solid #1c79a9; border-left:2px solid #1c79a9; border-bottom:2px solid #1c79a9; } #footer{ position:absolute; background-image:url(../images/footer.jpg); background-attachment:scroll; width:99%; left:4px; height:29px; bottom:0px; border-left: 2px solid #1a5189; border-right: 2px solid #1a5189; } мне нужно, чтоб menu и menu_links были по серередине (на мёртвой середине =)), так же как и текст футера.... а то, чё то я сёдня всю ночь сидел, и всё равно как то не получилось... если прописываю в ксс маргин-лефт:50%, то он начинает только с половины....
Tw!m4, для menu и menu-links поубирай все маргины, что сейчас установлены, и пропиши: HTML: #menu, #menu-links { margin: auto; }
Code: #menu{ background-image:url(../images/menu.jpg); width:540px; height:27px; border:2px solid #000; z-index:1; margin: auto; } #menu_links { width:100%; height:100%; border: 1px solid red; } margin: auto у тебя не работало т. к. ты непонятно зачем абсолютно позиционировал блок. Теперь будет по центру, вставь мой код.
Возможно ли с таким кодом чтобы при нажатие на кнопку "Заказать" открывала новую вкладку. Code: <a href="site.ru" <p style="text-align: center"><button>Заказать</button></a>
Code: <a href="http://site.ru" target="_blank"><p style="text-align: center"><button>Заказать</button></p></a> ошибочки-с А вообще тэг button в данном случае, если я правильно понимаю ситуацию, использовать незачем.
PIN, bagon66, нихрена-себе вы тут перлы выдаете о_О Давно я такого идиотского хтмл-кода не видел! Вы бы спеки почитали, что-ли.