Помощник
|
align="middle" в разных браузерах |
CandyDandy
|
Сообщение
#1
|
||
|
|
||
|
|||
alexdrob |
1.12.2010, 22:35;
Ответить: alexdrob
Сообщение
#2
|
|
Может и можно) Это видно только вам)
|
|
|
CandyDandy
|
Сообщение
#3
|
|
Так походу скрытый смысл этого ответа в том что у моего вопроса есть простое решение, которое я смогу найти и сам? =))
|
|
|
alexdrob |
1.12.2010, 22:44;
Ответить: alexdrob
Сообщение
#4
|
|
Ну код только вы видите) Как можно сказать почему у вас что то там поехало
|
|
|
CandyDandy
|
Сообщение
#5
|
|
Что то я совсем загоняться стал с этим css ))
Вот код: <div id="menu"> <ul> <li class="flink"> <img src="menuicon/biblioteka.png" id="im1" align="middle" style="margin-right:1px; margin-bottom:9px;" alt="Библиотека"> <a href="#" onmouseover="document.getElementById('im1').src='menuicon/biblioteka1.png'" onmouseout="document.getElementById('im1').src='menuicon/biblioteka.png'"> Билиотека </a></li> <li class="olink"> <img src="menuicon/game.png" id="im2" align="middle" style="margin-right:1px; margin-bottom:9px;" alt="Обучение"> <a href="#" onmouseover="document.getElementById('im2').src='menuicon/game1.png'" onmouseout="document.getElementById('im2').src='menuicon/game.png'"> Обучение</a></li> <li class="olink"> <img src="menuicon/magazin.png" id="im3" align="middle" style="margin-right:1px; margin-bottom:9px;" alt="Магазин"> <a href="#" onmouseover="document.getElementById('im3').src='menuicon/magazin1.png'" onmouseout="document.getElementById('im3').src='menuicon/magazin.png'"> Магазин </a></li> <li class="olink"> <img src="menuicon/project.png" id="im4" align="middle" style="margin-right:1px; margin-bottom:9px;" alt="О проекте"> <a href="#" onmouseover="document.getElementById('im4').src='menuicon/project1.png'" onmouseout="document.getElementById('im4').src='menuicon/project.png'"> О проекте </a></li> <li class="olink"> <img src="menuicon/club.png" id="im5" align="middle" style="margin-right:1px; margin-bottom:9px;" alt="Клуб"> <a href="#" onmouseover="document.getElementById('im5').src='menuicon/club1.png'" onmouseout="document.getElementById('im5').src='menuicon/club.png'"> Клуб </a></li> </ul> </div> html, body
{ background:#33111b; margin:0; padding:0; height:100%; width:100%; margin: 0 auto; width:999px; } #menu { position:relative; top:0px; left:0px; background:url(menu.png); width:999px; height:54px; } #menu ul { margin:0; padding:0; list-style:none; } .flink { margin-left:36px; margin-top:9px; display:block; float:left; } .olink { margin-left:74px; margin-top:9px; display:block; float:left; } a:link { text-decoration:underline; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#d41d2b; font-size:14px; } a:visited { text-decoration:none; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#d41d2b; font-size:14px; } a:hover { text-decoration:none; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#d41d2b; font-size:14px; } a:active { text-decoration:none; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#d41d2b; font-size:14px; } |
|
|
pavelsc |
1.12.2010, 23:47;
Ответить: pavelsc
Сообщение
#6
|
|
CandyDandy, меняй скриптом margin-top в olink и flink например на 6, если скрипт определит браузер как IE. И еще можно выставлять visibility: visible при этом у слоя с текстом "Скачай нормальный браузер тут [ссылка, например, на оперу]" :hihi:
|
|
|
pavelsc |
2.12.2010, 0:47;
Ответить: pavelsc
Сообщение
#7
|
|
<script type="text/javascript"> Назначаешь всем элементам с классом olink id="xxx", а с классом flink - id="yyy". Cоздаешь 2 новых класса olink2 и flink2 с измененным margin-top. Потом function fuckIE(){ var IE='\v'=='v'; if(IE) { document.getElementById('xxx').className='olink2'; document.getElementById('yyy').className='flink2'; }} </script> <body onload=fuckIE();>
|
|
|
pavelsc |
2.12.2010, 2:54;
Ответить: pavelsc
Сообщение
#8
|
|
|
<title>"аррррр"</title> сделано и работает на jQuery, меняет margin-bottom в зависимости от браузера :goodpost: <link href="style.css" rel="stylesheet" type="text/css"> <script src="http://code.jquery.com/jquery-1.4.4.js"></script> </head> <body> <div id="content"> <a href="#"><img src="logo.png" class="logo" alt="арр"></a> <div id="slogan"><p class="pervaya">— "аррр"</p></div> </div> <div id="footer"> <div id="menu"> <ul> <li class="flink"> <img src="menuicon/biblioteka.png" id="im1" align="middle" style="margin-right:1px; margin-bottom:9px;" alt="Библиотека"> <a href="#" onmouseover="document.getElementById('im1').src='menuicon/biblioteka1.png'" onmouseout="document.getElementById('im1').src='menuicon/biblioteka.png'"> Билиотека </a></li> <li class="olink"> <img src="menuicon/game.png" id="im2" align="middle" style="margin-right:1px; margin-bottom:9px;" alt="Обучение"> <a href="#" onmouseover="document.getElementById('im2').src='menuicon/game1.png'" onmouseout="document.getElementById('im2').src='menuicon/game.png'"> Обучение</a></li> <li class="olink"> <img src="menuicon/candystore.png" id="im3" align="middle" style="margin-right:1px; margin-bottom:9px;" alt="CandyStore"> <a href="#" onmouseover="document.getElementById('im3').src='menuicon/candystore1.png'" onmouseout="document.getElementById('im3').src='menuicon/candystore.png'"> CandyStore </a></li> <li class="olink"> <img src="menuicon/project.png" id="im4" align="middle" style="margin-right:1px; margin-bottom:9px;" alt="О проекте"> <a href="#" onmouseover="document.getElementById('im4').src='menuicon/project1.png'" onmouseout="document.getElementById('im4').src='menuicon/project.png'"> О проекте </a></li> <li class="olink"> <img src="menuicon/club.png" id="im5" align="middle" style="margin-right:1px; margin-bottom:9px;" alt="Клуб закрытыййййй"> <a href="#" onmouseover="document.getElementById('im5').src='menuicon/club1.png'" onmouseout="document.getElementById('im5').src='menuicon/club.png'"> Клуб закрытыййййй </a></li> </ul> </div> <script> jQuery.each(jQuery.browser, function(i, val) { if(i=="msie" || i=="opera") $("div div ul li img").css("margin-bottom","0px"); }); </script> <p class="copyryght">2010 год, все права защищены, ООО ""</p> <p class="tire">—</p> <p class="about">Разработка сайта —</p> <div id="CandyDandy"> <img src="candydandydark.png" align="middle" class="im" id="imcandy" alt="CandyDandy"> <a href="#" class="a1" onmouseover="document.getElementById('imcandy').src='candydandy.png'" onmouseout="document.getElementById('imcandy').src='candydandydark.png'">CandyDandy</a> </div> </div> </body> </html>
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Хостинг "Hostland" - качественный хостинг по разумным ценам и со своей Панелью Управления | 0 | artmeteor | 385 | 18.4.2024, 22:46 автор: artmeteor |
|
⭐⭐⭐ Google Voice | Gmail - OLD аккаунты "SMS и звонки" ⭐⭐⭐ | 15 | Chekon | 4445 | 18.4.2024, 12:00 автор: Chekon |
|
✅ sms.chekons.com - ⭐ Сервис для получения SMS на реальные номера USA "Non-VoIP, безлим SMS, API" ⭐ Сервис для получения SMS на реальные номера USA |
13 | Chekon | 4078 | 18.4.2024, 11:48 автор: Chekon |
|
Требуется помощь по сайту на "ВордПресс" Закрылся доступ в панель администратора |
15 | Tia2 | 2349 | 17.4.2024, 0:54 автор: diviner99 |
|
Пишет кто отзывы на сайт в янднекс с разных аккаунтах | 1 | TenDemon_rs | 1176 | 22.3.2024, 13:18 автор: writer80 |
Текстовая версия | Сейчас: 20.4.2024, 1:54 |