Оправяне на css и PNG FIX

[nom3r1]

Изображенията са в div тагове с background: http://store.picbg.net/pubpic/96/DD/3c5b4405a0b596dd.PNG

Ето и снимка какво става горе при търсачката. Имам и малко разместване при "статистика" при "вход" и т.н. Това разместване е с един празен ред по-точно.

Надявам се някой да помогне по css кода също. :?:

 

[vesku]

Дай кода в CSS на zaglavie,kutiika и bottom.
пп. това е модната система lion-news
Радвам се, че някой я ползва
пп2 има много бъгове в системата, защото я дадох с бъгнатата и стара(от 3 години) основна система

 

[nom3r1]

Дай кода в CSS на zaglavie,kutiika и bottom.
пп. това е модната система lion-news
Радвам се, че някой я ползва
пп2 има много бъгове в системата, защото я дадох с бъгнатата и стара(от 3 години) основна система

Не е lion-news Просто някой css кодовете съм взел от нея и html кодове. По-точно от твоя сайт и си играх с photoshopa , след това и кодовете всичко съм писал аз

За търсачката:

#sech {
background-image: url(images/sech.png);
background-repeat: no-repeat;
width: 330px;
height: 150px;
padding-top: 10px;
margin-left: 655px;
line-height:38px;
}

Това , е което ти поиска:

.zaglavie {
background-image: url(images/zaglavie.png);
background-repeat:no-repeat;
width: 192px; 
font-weight: bold;
font-family:Tahoma;
height:25px;
color: white;
line-height:43px;
text-align: center;
padding: 0 0 10px 0;
}

.zaglavie2 {
background: #0095da;
width: 175px; 
font-weight: bold;
font-family:Tahoma;
line-height:23px;
height:15px;
color: #ffffff;
border: 1px solid #12a4e7;
text-align: center;
}

.kutiika {
background: #ffffff;
width: 172px;
padding: 0 11px 5px 9px;
color: #3B3B3B;
}

.kutiika2 {
background-image: url(images/kutiika2.png);
background-repeat:repeat-x;
padding: 0 10px 10px 10px;
width: 175px;
border: 1px solid #0093DF;
}


.bottom{
background: url(images/bottom.png);
background-repeat:no-repeat;
padding: 0 10px 5px 10px;
width: 172px; 
font-weight: bold;
font-family:Tahoma;
height:19px;
color: #ffffff;
line-height:25px;
}

 

[vesku]

За кутийка padding: 0 11px 0px 9px;
А за търсачката си играх 1 месец и се отказах

 

[nom3r1]

За кутийка padding: 0 11px 0px 9px;
А за търсачката си играх 1 месец и се отказах

Пак същата работа..

Между другото забелязах и някакъв проблем с горното меню не ми изкарва под-менютата. Странно :shock:

 

[vesku]

На заглавие махни
padding: 0 0 10px 0;
Или го направи
padding: 0;

 

[nom3r1]

На заглавие махни
padding: 0 0 10px 0;
Или го направи
padding: 0;

Така вече е ок. Сега остава търсачката да измислим.. :shock:

 

[vesku]

Попринцип не трябва да става така.
При някои browser-и само го прави този номер...
Не е от цсс мислих си за display:block и такива други но...
Единствения вариант е да го направиш с позиция.
Т.е. да кажеш точно каде се намира бутона X,Y

 

[nom3r1]

Попринцип не трябва да става така.
При някои browser-и само го прави този номер...
Не е от цсс мислих си за display:block и такива други но...
Единствения вариант е да го направиш с позиция.
Т.е. да кажеш точно каде се намира бутона X,Y

Явно не си ме разбрал Самата прозрачност не става на картинката:

Понеже го правя с background. Спомням си , че беше с някакъв javascript, но този, който съм използвал нещо не бачка под IE 5/6

Иначе всичко друго си бачка , както трябва. Е имам малко работа да сложа едни таймери , за които и идея си нямам как да ги направя при упражненията, но ще го мъча

<script type="text/javascript">


// Correctly handle PNG transparency in Win IE 5.5 or higher.
// http://homepage.ntlworld.com/bobosola. Updated 02-March-2004

function correctPNG() 
   {
   for(var i=0; i<document.images.length; i++)
      {
	  var img = document.images[i]
	  var imgName = img.src.toUpperCase()
	  if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
	     {
		 var imgID = (img.id) ? "id='" + img.id + "' " : ""
		 var imgClass = (img.className) ? "class='" + img.className + "' " : ""
		 var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
		 var imgStyle = "display:inline-block;" + img.style.cssText 
		 if (img.align == "left") imgStyle = "float:left;" + imgStyle
		 if (img.align == "right") imgStyle = "float:right;" + imgStyle
		 if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle		
		 var strNewHTML = "<span " + imgID + imgClass + imgTitle
		 + " style="" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
	     + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
		 + "(src=\'" + img.src + "\', sizingMethod='scale');"></span>" 
		 img.outerHTML = strNewHTML
		 i = i-1
	     }
      }
   }
window.attachEvent("onload", correctPNG);

</script>

 

[vesku]

Ползвай:

<script src="templates/js/jquery-1.3.2.min.js"></script>
<script src="templates/js/jquery.pngFix.js"></script>
<script type="text/javascript"> 
    $(document).ready(function(){ 
        $(document).pngFix(); 
    }); 
</script>
</head>