[HTML, Css] - Задай вопрос, получи ответ

Discussion in 'PHP' started by banned, 28 Jun 2007.

Thread Status:
Not open for further replies.
  1. mff

    mff Elder - Старейшина

    Joined:
    12 Mar 2008
    Messages:
    2,074
    Likes Received:
    701
    Reputations:
    227
    XopoIII верстай таблицами, меньше гемора будет. А с дивами должно быть так: 3 дива display:inline; в первом диве див, у него margin-top:x px во втором диве див, у него margin-top:x px и в третьем диве див с меню там тоже margin-top:x px
     
  2. mff

    mff Elder - Старейшина

    Joined:
    12 Mar 2008
    Messages:
    2,074
    Likes Received:
    701
    Reputations:
    227
    очень просто! z-index:1; z-index:2; z-index:3; у того слоя с картинкой пиши в стиле z-index:3 и он будет над теми двумя

    HTML:
    <div style="position:absolute; left:30px; top:10px; z-index:2;"><img src="http://forum.antichat.ru/antichat/pic/logo.gif"></div>
    <div style="position:absolute; left:40px; top:15px; z-index:2;"><img src="http://forum.antichat.ru/antichat/pic/logo.gif"></div>
    <div style="position:absolute; left:50px; top:20px; z-index:3;"><img src="http://forum.antichat.ru/antichat/pic/logo.gif"></div>
     
    #482 mff, 16 Jul 2008
    Last edited: 16 Jul 2008
  3. XopoIII

    XopoIII Elder - Старейшина

    Joined:
    29 Oct 2007
    Messages:
    386
    Likes Received:
    30
    Reputations:
    0
    можно и таблицами, но там не устраивает то, что даже когда border=0 все ровно остается маленький промежуток или можно как то убрать границу вообще до нуля?
     
  4. mff

    mff Elder - Старейшина

    Joined:
    12 Mar 2008
    Messages:
    2,074
    Likes Received:
    701
    Reputations:
    227
    HTML:
    <table border="0" width="100%" cellspacing="0" cellpadding="0">
    ни каких границ!!!
     
    1 person likes this.
  5. XopoIII

    XopoIII Elder - Старейшина

    Joined:
    29 Oct 2007
    Messages:
    386
    Likes Received:
    30
    Reputations:
    0
    проблемка с png изображениями, отображаются голубо-серыми в осле, это можно убрать как нибуть, вот вырезка:
    http://i067.radikal.ru/0807/3f/872c70d923a9.jpg
     
  6. FIND_ERROR

    FIND_ERROR Elder - Старейшина

    Joined:
    30 Apr 2007
    Messages:
    70
    Likes Received:
    14
    Reputations:
    0
    XopoIII ето неубрать, вроде в 7м осле глюк исправлен но не целиком, а так лучше используй gif
     
  7. Корвин

    Корвин Elder - Старейшина

    Joined:
    26 Feb 2007
    Messages:
    256
    Likes Received:
    31
    Reputations:
    3

    http://forum.antichat.ru/showpost.php?p=710351&postcount=4 там я описал как это обойти
     
  8. XopoIII

    XopoIII Elder - Старейшина

    Joined:
    29 Oct 2007
    Messages:
    386
    Likes Received:
    30
    Reputations:
    0
    так когда в гифе сохраняю пропадает тень и блики...хз почему
     
  9. FIND_ERROR

    FIND_ERROR Elder - Старейшина

    Joined:
    30 Apr 2007
    Messages:
    70
    Likes Received:
    14
    Reputations:
    0
    зделай jpg с тем же фоном...
     
  10. XopoIII

    XopoIII Elder - Старейшина

    Joined:
    29 Oct 2007
    Messages:
    386
    Likes Received:
    30
    Reputations:
    0
    так фон идет как картинка 10*10 с узором, если делаю изображения с фоном заранее то получается несовпадение...дибилизм...остается только сделать одну большую картинку со всеми нужными изображениями и вставить как фоновую...
     
  11. lisa99

    lisa99 Banned

    Joined:
    15 Jul 2008
    Messages:
    359
    Likes Received:
    200
    Reputations:
    70
    а) gif =256 цв, .png = 2^48 оттенков.
    б) прозрачность в png тоже другая.

    Есть два выхода: переделать картинку в гиф (только в Photoshop), чем то поступившись. Плюс- уменьшите объем лого.
    (если совсем не получится- выкладывайте здесь ваш png, я переделаю в gif с мин. потерями)
    Второе- использовать хак для IE (их много, например, как здесь _http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html)
     
    2 people like this.
  12. Корвин

    Корвин Elder - Старейшина

    Joined:
    26 Feb 2007
    Messages:
    256
    Likes Received:
    31
    Reputations:
    3


    чувак я же тебе написал как png отображать в осле


    http://forum.antichat.ru/showpost.php?p=776160&postcount=490
     
    1 person likes this.
  13. mff

    mff Elder - Старейшина

    Joined:
    12 Mar 2008
    Messages:
    2,074
    Likes Received:
    701
    Reputations:
    227
    Решений данной проблеммы много! Глюк ентот возникает в IE ниже седьмой версии. Попробуй вариант от Корвин, не получиться мой зацени

    Между тегами <head></head>:
    HTML:
    <!--[if lt IE 7]>
    	<![if gte IE 5.5]>
    	<script type="text/javascript" src="fixpng.js"></script>
    	<style type="text/css">
    	.iePNG{filter:expression(fixPNG(this));}
    	</style>
    	<![endif]>
    	<![endif]-->
    
    fixpng.js
    HTML:
    function fixPNG(element) {
    	if (/MSIE (5\.5|6).+Win/.test(navigator.userAgent)) {
    		var src;
    		if (element.tagName=='IMG') {
    			if (/\.png$/.test(element.src))
    		{
    		src = element.src;
    		element.src = "img/blank.gif";
    		}
    	}
    	else {
    		src = element.currentStyle.backgroundImage.match(/url\("(.+\.png)"\)/i)
    		if (src) {
    			src = src[1];
    			element.runtimeStyle.backgroundImage="none";
    		}
    	}		
    	if (src) element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
    	}
    }
    В рисунки с png пропиши в тег <img> class="iepng"

    Скачай этот рисунок - http://i44.servimg.com/u/f44/12/44/55/09/blank10.gif и переименуй как blank.gif, кинь в папку img
    Всё! Работает 100%

    собачья чушь! Я тоже так когда то думал...
     
    #493 mff, 17 Jul 2008
    Last edited: 17 Jul 2008
    1 person likes this.
  14. procedure

    procedure Elder - Старейшина

    Joined:
    22 Dec 2007
    Messages:
    527
    Likes Received:
    257
    Reputations:
    46
    помогите плиз, горизантальный скрулбар уходит за рамки, а это не похэк. Как его вобще убрать?
    http://proceduring.com/

    ----
    Да и еще один, вопрос прошу помочь. В опере если нажать на картинку и не отпуская кнопку мыши, картинкой можно водить по сайту. Можно ли как нить сделать чтоб картинка была закреплена?
     
    #494 procedure, 17 Jul 2008
    Last edited: 17 Jul 2008
  15. mff

    mff Elder - Старейшина

    Joined:
    12 Mar 2008
    Messages:
    2,074
    Likes Received:
    701
    Reputations:
    227
    поменяй вот этот блок:
    HTML:
    div.di1{
    	position:relative;
    	left:72.3%;
    	top:65%;
    
    }
    на этот:
    HTML:
    div.di1{
    	position:absolute;
    	left:72.3%;
    	top:65%;
    
    }
    А как замутиться в Опере с картинками - не представляю даже ;)
    Можно попробывать для дива фоном сделать эту картинку

    HTML:
    div.di1{
    	position:absolute;
    	left:72.3%;
    	top:65%;
    	background-image:url(/images/para.jpg);
    }
     
    #495 mff, 17 Jul 2008
    Last edited: 17 Jul 2008
  16. FIND_ERROR

    FIND_ERROR Elder - Старейшина

    Joined:
    30 Apr 2007
    Messages:
    70
    Likes Received:
    14
    Reputations:
    0
    ошибался... наехал прям...
     
  17. mff

    mff Elder - Старейшина

    Joined:
    12 Mar 2008
    Messages:
    2,074
    Likes Received:
    701
    Reputations:
    227
    ни кто не наезжал... ;)
     
  18. procedure

    procedure Elder - Старейшина

    Joined:
    22 Dec 2007
    Messages:
    527
    Likes Received:
    257
    Reputations:
    46
    глупый вопрос, но как подключить допустим файл head в index.html? =)
     
  19. XopoIII

    XopoIII Elder - Старейшина

    Joined:
    29 Oct 2007
    Messages:
    386
    Likes Received:
    30
    Reputations:
    0
    <?php include 'head.html'; ?>
    или напиши функцию нахождения и замены спец символами и вызывай хэд примерно {head}
     
  20. Корвин

    Корвин Elder - Старейшина

    Joined:
    26 Feb 2007
    Messages:
    256
    Likes Received:
    31
    Reputations:
    3
    XopoIII, фильтр мой пахал во всех ослах, а начиная с 7го проблема с png исправлена вроде как, только 6ой не отображает, вывод поменяй себе IE, а для всех остальных поставь фильтр
     
Thread Status:
Not open for further replies.