ugrás a tartalomhoz

Internet Explorer Probléma - Kérlek segitsetek

ekike · 2008. Dec. 19. (P), 19.51
Sziasztok!

Előre is megköszönném,ha valaki tudna nekem segiteni.
Sajnos mindkét webesem lebetegedett,és elég nagy problémám van az internet explorerrel.Egy új oldalt inditank 24 órán belül,és IE a Div-ek mögé dobálja be a lenyiló menü "almenüit".Ezen felül pedig jobbra mozgatja el a menüket oly módon,hogy arra a felhasználó nem tudf klikelni. Bemásolom talán úgy könnyebb lesz.

menu.css:

/* remove the bullets, padding and margins from the lists */
#key_menu_items ul, #other_menu_items ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
#key_menu_items li, #other_menu_items  li{
float:left;

z-index:100;
}

/* use the table to position the dropdown list */
#key_menu_items table, #other_menu_items table{

border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
#key_menu_items a, #key_menu_items :visited, #other_menu_items  a, #other_menu_items :visited{
}
/* style the links hover */
#key_menu_items :hover, #other_menu_items :hover {
}

/* hide the sub level links */
#key_menu_items ul ul, #other_menu_items ul ul {
visibility:hidden;

width:149px;
height:0;
}
/* make the sub level visible on hover list or link */
#key_menu_items ul li:hover ul,
#key_menu_items ul a:hover ul,
#other_menu_items ul li:hover ul,
#other_menu_items ul a:hover ul{
visibility:visible;
}

#other_menu_items ul li ul li {
	display: block;
	clear: both;
	background: #444;
	border-bottom: 2px solid #222;
	width: 150px;
	padding-left: 4px;
	
}

#key_menu_items ul li ul li {
	display: block;
	clear: both;
	background: #444;
	border-bottom: 2px solid #222;
	width: 160px;
	padding: 6px;
	font-size: 12px !important;
}


A CSS

@charset "utf-8";/* CSS Document */

body {

	background:#000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	margin:0;

	padding:0;

}

input, select, textarea { background: #555; border: 1px solid #999; color: #ddd; }

.more { color:#fbb03b; text-decoration:none;  font-size:0.85em; padding:0 3px; }

.more:hover { background:#fbb03b; color:black; }

.typo_block { position:absolute; background:#000; padding:4px; }

.hidden { display: none; }

.unhidden { display: block; }

.clear { clear: both; }



.orangebar { font-size: 16px; background: #f9be1f; color: #000; padding: 2px 4px; }



#wrapper { width:975px; margin:0 auto; }



#log_form { background:url(images/body_rounded_top.png) #1a1a1a no-repeat top left; overflow:hidden; padding:17px; text-align: right; font-size: 11px; }

#log_form  input { background: #555; border: 1px solid #999; width: 60px; color: #ddd; font-size: 11px; }

#log_form .label_login, #log_form .label_pass { color: #999; }

#log_form .logged_in { font-size: 13px; }

#log_form a, #log_form a:hover, #log_form a:active, #log_form a:visited { color: #999; text-decoration: none; margin-left: 6px;}
#log_form .userdo { float: left; }


#header { background:url(images/header.png) no-repeat top center; height:199px;}



#body_featured_content { background:url(images/body_rounded_top.png) #1a1a1a no-repeat top left; overflow:hidden; padding:17px; }

#body_other_content { background:url(images/body_rounded_top_light.png) #666666 no-repeat top left; overflow:hidden; padding:17px; margin-top:10px; }



#footer { margin-top: 50px; font-size: 10px; text-align:center; padding:0 0 10px 0; }



#main_menu { position:relative; font-size:13px;  color:#333333; }

#main_menu a { text-decoration:none; border-bottom:3px solid transparent;  }

#main_menu a:hover { border-bottom:3px solid #fff; }

#main_menu #key_menu_items { position:absolute; top:155px; left:15px; font-size:16px; }

#main_menu #other_menu_items { position:absolute; top:155px; left:350px; }

#main_menu #key_menu_items a { color:#fff; font-weight:bold;  }

#main_menu #other_menu_items a  { color:#aaa; }



/* Generic section */



.section { background:#333333; float:left; margin-right:18px; }

.section .header { background:url(images/section_header_tile.png) repeat-x; height:63px; position:relative; }

.section .header_right { background:url(images/section_header_tile-right.png) no-repeat right top; height:63px;  }

.section .header  h3 { margin:0; text-indent:-300em; height:45px; position:absolute; }

.section .content { padding:3px; }



#body_other_content .section .header { background:url(images/section_header_tile_light.png) repeat-x; height:63px; position:relative; }

#body_other_content .section .header_right { background:url(images/section_header_tile_light-right.png) no-repeat right top; height:63px;  }

#body_other_content .section { background-color:#4d4d4d; }



/* Fetured news */



#kiemelt_hirek { width:405px; height: 690px; }
#kiemelt_hirek .header h3 { background:url(images/sections/kiemelt_hirek.png) no-repeat 5px top; width:200px;  }
#kiemelt_hirek .news_block2 { width:198px; position:relative; margin-bottom:5px; margin-left: 1px; float: left; }
#kiemelt_hirek .news_block2 h2 { margin:0; font-size:12px; text-decoration:blink; padding:1px;  background:#000; height: 40px; }
#kiemelt_hirek .news_block2.closed { height:150px; }
#kiemelt_hirek .news_block2.closed .news_text { display:none; }
#kiemelt_hirek .news_block2.closed h2 { position:absolute; top:120px; }
#kiemelt_hirek .news_block2.open { height:300px; background:#4d4d4d;}
#kiemelt_hirek .news_block2.open .news_text { display:block; padding:3px 10px; }/* Featured partys */


#kiemelt_partyk { width:280px; height:690px; }
#kiemelt_partyk .header h3 { background:url(images/sections/kiemelt_esemenyek.png) no-repeat 5px top; width:200px;  }
#kiemelt_partyk .party_block { width:270px; position:relative; margin-bottom:5px; height:200px; position:relative;}
#kiemelt_partyk .party_block .typo_block { position:absolute; bottom:0px; left: 1px; background:#000; padding:4px; }
#kiemelt_partyk .party_block .typo_block.party_date { position:absolute; bottom:auto; top:0px; background:#000; padding:4px; }
#kiemelt_partyk .party_block h2 { margin:0; font-size:16px; padding:1px; color:#fbb03b; }
#kiemelt_partyk .party_block .typo_block a { color:#fbb03b; text-decoration: none; }
#kiemelt_partyk .party_block .typo_block a:hover { background:#fbb03b; color:#000; text-decoration: none;}
#kiemelt_partyk .party_block .party_date { margin:0; font-size:11px; }
#kiemelt_partyk .party_block .party_location { margin:0; font-size:12px;  }
#kiemelt_partyk .party_block .party_location a { color: #fff;  }
#kiemelt_partyk .party_block img { border:2px solid #000; }
#kiemelt_partyk .party_block .party_location b { background:#444; padding:0 3px; }



/* Featured photos */



#kiemelt_fotok { width:220px; height:690px; margin-right:0; }

#kiemelt_fotok .header h3 { background:url(images/sections/kiemelt_fotok.png) no-repeat 5px top; width:200px;  }

.picture_block { width:220px; position:relative; margin-bottom:5px; height:200px; }

.picture_block h2 { margin:0; font-size:16px; padding:1px; color:#fbb03b; }

.picture_block .party_date { margin:0; font-size:11px; }

.picture_block .party_location { margin:0; font-size:12px;  }

.picture_block img { border:2px solid #000; }

.picture_block .party_location b { background:#444; padding:0 3px;}

.picture_block .typo_block { position:absolute; bottom:0px; background:#000; padding:4px; right:7px;}

.picture_block .typo_block.party_date { position:absolute; bottom:auto; top:0px; background:#000; padding:4px; }



/* News */



#hirek { width:405px; }

#hirek .header h3 { background:url(images/sections/hirek.png) no-repeat 5px top; width:200px; }

#hirek .news_block { width:315px; height:90px; position:relative; margin-bottom:5px; }

#hirek .news_block h2 { margin:0; font-size:14px; position:relative; left:80px; top:-65px; margin-right: 5px;}

#hirek .news_block .news_text {  font-size:11px; text-align: justify; position:relative; left:80px; top:-65px; padding:0 10px 0 0; }



/* Partyk */



#partyk { width:280px;  }

#partyk .header h3 { background:url(images/sections/partyk.png) no-repeat 5px top; width:200px;  }

#partyk .date_separator { text-align:right; color:#999999; font-size:12px; border-bottom:1px dotted; margin:0 0 8px 0; }

#partyk .party_block { width:270px; position:relative; margin-bottom:5px; height:110px; position:relative;}

#partyk .party_block .inside { position:absolute;  left:100px; top:30px;  }

#partyk .party_block h2 { margin:0; font-size:16px; padding:1px; color:#fbb03b; }

#partyk .party_block h2 a { color:#fbb03b; text-decoration: none;}

#partyk .party_block h2 a:hover { background:#fbb03b; color: #000; text-decoration: none;}

#partyk .party_block .party_date { margin:0; font-size:11px; }

#partyk .party_block .party_location { margin:0; font-size:12px;  }

#partyk .party_block .party_location b { background:#444; padding:0 3px; }

#partyk .party_block .party_location b a { color: #fff; text-decoration: none; }

#partyk .party_block .party_location b a:hover { color: #000; background: #fbb03b;  text-decoration: none;}

#partyk .party_block a img { border: 0; }



/* Other Sections */



#other_section_container { float:left; overflow:hidden; }

#other_section_container .section { float:none; margin:5px 0; }



/* Szavazás */



#szavazas { width:220px; margin-right:0  }

#szavazas .header h3 { background:url(images/sections/szavazas.png) no-repeat 5px top; width:200px;  }

#szavazas .content { padding:5px; }

#szavazas ul { list-style:none; padding:0; color:#fbb03b; }



/* Partifotók */


#partypic { }
#partypic .header h3 { background:url(images/sections/partyk.png) no-repeat 5px top; width:200px;  }

#partypic img, #partypic a { margin: 0; border:0; width: 100px; height: 100px; background: #000; }

#partypic h2 { color: #FBB041; text-align: right; margin-right: 5px; margin-top: 0px; }

#partypic .typo_block { position:absolute; bottom:0; background:#000; padding:1px; right:4px; }

#partypic .pic_block h2 {  font-size: 9px; color:#fbb03b; }

#partypic .pic_block p { font-size: 7px; padding: 1px; }

#partypic .pic_block { position: relative; float: left; margin: 0;}



/* Inside Content */



#inside_content { background:url(images/body_rounded_top.png) #1a1a1a no-repeat top left; overflow:hidden; padding:17px; }

#inside_content h1 { color:#fbb03b; }

#inside_content #article_content { width: 600px; float:left; text-align:justify; font-size:12px; line-height:1.5em; padding:10px; }

#inside_content .arcticle_picture { float:left; padding:10px; }

#inside_content .article_link { color:#FF9900; display:block; text-decoration:none; text-align:right; }

#inside_content .admin { background: #000; padding: 4px; color: #fbb03b; border: 2px solid #111;  text-decoration: none; margin: 8px; display: block;  }

#inside_content .admin a { background: #000; padding: 4px; color: #fbb03b; text-decoration: none; font-weight: bold; }

#inside_content .thanks { padding: 4px; margin: 8px; display: block; }

#inside_content .style { padding: 4px 4px 4px 26px; background: #444; }

#inside_content .picture_block { width:195px; position:relative; margin-bottom:5px; height:195px; float: left; }

#inside_content .picture_block .typo_block { margin-bottom:5px;}

#inside_content #article_misc_content { float:right; width:240px; padding:10px; }

#inside_content #article_misc_content #avatar_div { width:100px; padding:5px; text-align:center; float:left; }

#inside_content #article_misc_content h3 { margin:0; font-size:13px; color:#999999; }

#inside_content #article_misc_content ul { list-style:none; padding:5px 0 5px 10px; font-size:14px;}

#inside_content #article_misc_content li { padding:1px 0;}

#inside_content #article_misc_content a { color:#FF9900; display:block; text-decoration:none;  }

#inside_content #article_misc_content a:hover { text-decoration:underline }

#inside_content .party_block { width:265px; position:relative; margin: 0 35px 35px 0; height:200px; position:relative; float: left; text-align: left;}

#inside_content .party_block .typo_block { position:absolute; bottom:0px; background:#000; padding:4px; }

#inside_content .party_block .typo_block.party_date { position:absolute; bottom:auto; top:0px; right:0px; background:#000; padding:4px; }

#inside_content .party_block h2 { margin:0; font-size:16px; padding:1px; color:#fbb03b; }

#inside_content .party_block .party_date { margin:0; font-size:11px; }

#inside_content .party_block .party_location { margin:0; font-size:12px;  }

#inside_content .party_block .party_location a { margin:0; font-size:12px;  color: #fff;}

#inside_content .party_block img { border:2px solid #000; }

#inside_content .party_block .party_location b { background:#444; padding:0 3px; }



#inside_content .search_box { background: #222; display: block; border: 1px solid #333; width: 290px; float: left; }

#inside_content .bio_box { background: #555; }

#inside_content a { color:#fbb03b; text-decoration:none;  font-size:0.85em; padding:0 3px; }

#inside_content a:hover { background:#fbb03b; color:black; }

#inside_content .gallery a:hover { background: none; border: 0; }

#inside_content .dj_box { width: 560px; margin-top: 60px; padding: 10px; padding-bottom: 2px; background: #222; border: 1px solid #333; }

#inside_content span.bio { display: block; clear: both; }

#inside_content span.dj_name { padding: 12px; float: left; display: block; height: 80px; font-size: 20px; text-align: center; width: 350px; color: #fbb03b; font-weight; }

#inside_content .dj_box textarea { background: #222; border: 0; width: 540px; }

#inside_content .img_block {float: left; margin-right: 20px; }

#inside_conten a:hover: {background:none;}

#inside_content .pn_block { background: #222; border: 1px solid #333; display: block; clear:both; min-height: 180px; padding: 16px; }

.pn_block .feher  a { background: none; }

.pn_block .feher  a:hover { background: none; }

#inside_content .comments { padding: 8px; }



#inside_content .mixes { background: #444;}



#inside_content .picevent_block { height: 250px; float: left; margin: 6px; }

#inside_content .picevent_block  .eventdate { display: block; color: #fbb03b; font-weight: bold; position: relative; bottom: 36px; right: 0; z-index: 5; padding: 4px; background: #000;}

#inside_content .picevent_block img {position: relative; top: 0; left: 0; border: 2px solid #000;}



.big_orange { font-size: 20px; color: #FBB041; font-weight: bold; text-align: left; }

.big_orange  a { background: none; }

.big_orange :hover { background: none; color: #000;}



.interju {  }

.interju h2 {font-size: 12px; margin-top: -0.2em; padding-bottom: 20px; display: block; }

.interju img.main_pic { float: left; margin: 6px 10px;}

.interju .pic_block { clear: both; padding: 0; margin:0; }

.interju .pic_block { margin-right: 4px; }

.interju p.click { clear:both; display: block; width: 100%; background: #444; padding: 4px; margin-top: 16px;}

.interju ul { margin: 10px; 0 list-style: none }

.interju li { display: inline }



.party_details {  }

.party_details h2 {font-size: 12px; margin-top: -1.2em; padding-bottom: 20px; display: block; }

.party_details img.main_pic { float: left; margin: 6px 10px; border: 0;}

.party_details .text {}

.party_details p.click { clear:both; display: block; width: 100%; background: #444; padding: 4px; margin-top: 16px;}

.party_details ul { margin: 10px; 0 list-style: none }

.party_details li { display: inline }



.sect_interju { margin-bottom: 6px; background: #333; padding: 1px 8px; }

.sect_interju h1 {font-size: 18px; }

.sect_interju h2 {font-size: 11px; margin-top: -0.2em; padding-bottom: 6px; display: block; }

.sect_interju img.main_pic { float: left; margin: 6px 10px;}

.sect_interju p.click { clear:both; display: block; width: 100%; background: #444; padding: 4px; margin-top: 16px; margin-bottom: 20px;}



.userlist { margin-bottom: 6px; background: #333; padding: 8px; }

.userlist img { float: left; margin: 6px 10px; width: 100px; height: 100px;  }

.userlist .nick, .userlist .email { background: #FBB041; color: #000; }

.userlist .pn_box {}

.userlist .pn_box .pn_text { position: relative; right: 6px; color: #444; font-size: 30px;  }

.userlist .pk { clear: both; background: #222; padding: 4px; }

.userlist .nick  em { position: absolute; font-size: 36px; font-style: normal; padding-bottom: 6px; padding-left: 4px; display: block; font-weight: bold; }

.userlist .email { text-align: right; }



.mix_block {}

.mix_block img.flag { float: left; width: 20px; height: 20px;}

.mix_block  h2.nev { color: #FBB041; font-size: 20px;}



.video_block { clear: both; margin-top: 40px;  }

.video_block img.flag {float: left; width: 20px; height: 20px; }

.video_block img.main_pic { float: left; }

.video_block h2.nev { color: #FBB041; font-size: 20px; }



.sect_video { clear: both; margin-top: 20px; background: #333; padding: 8px; }

.sect_video h1 { background: transparent; color: #000; font-size: 14px; }

.sect_video h2 { font-size: 12px; }





#kulflyers {

	position: relative;

	float: left;

	background: #f9be1f;

	margin: 0 6px;

	background-color: #fbb03b;

}

#kulflyers h2, #kulflyers img { margin: 0 6px; border: 0; background-color:#fbb03b; font:tahoma; font-size:12px; text-align:center  }



.sect_comment { background: #333; margin-bottom: 6px; }

.sect_comment img { float: left; width: 100px; height:100px; }

.sect_comment .head { background: #000; color: #FFB041; padding: 2px; }



#comment_form textarea { width: 580px; height: 120px; display: block }

#comment_form input { display: block; margin: 4px auto; }

#comment_form input[type="hidden"] { display: none; }



#kiem_interju { clear: both; padding: 0 6px; margin: 0; }

#kiem_lemez { clear: both; padding: 0 6px; margin: 0;}

#kiem_partyut { clear: both; padding: 0 6px; margin: 0; }

.sect_kiemcuccos { margin: 0;  padding: 0; }

.sect_kiemcuccos h1 { font-size: 13px;  background: #fbb03b; color: #000; margin-bottom:0;  }

.sect_kiemcuccos h2 { font-size: 11px; margin: 2px 0; background: #000; padding: 2px 2px 2px 4px; }

.sect_kiemcuccos a { color: #fff; text-decoration: none; }

.sect_kiemcuccos .intro { background: #4d4d4d; padding-bottom: 2px; }

.sect_kiemcuccos .intro a { color:#fbb03b; }

.sect_kiemcuccos .intro a:hover { color:#000; }

.sect_kiemcuccos img.main_pic { float: left; margin: 0 10px 0 0; border: 2px solid #fbb03b; }

.sect_kiemcuccos p.clear { display: none }

#kiem_interju img { border-bottom: 0; }

#kiem_lemez img { border-bottom: 0 }
HTML TPL

<!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>	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title>partynews.hu</title>	

	<link href="partynews.css" rel="stylesheet" type="text/css" />



	<link href="menu.css" rel="stylesheet" type="text/css" />

	<script src="javascripts/jquery.js" type="text/javascript"></script>

	<script src="javascripts/partynews.js" type="text/javascript"></script>

	<style type="text/css">
<!--
@import url("file:///H|/partynews/menu2.css");
@import url("file:///C|/Users/Gyuris Anna/Desktop/menu.css");
-->
    </style>
	</head>
<body>	<div id="wrapper">

   	<div id="header"> 

       	<div id="main_menu"> 

           	<div id="key_menu_items"> <ul>

			<li><a href="/_new">Home</a> </li>

		  <li>&nbsp|&nbsp <a href="?op=event">Program</a> <!--[if lte IE 6]><table><tr><td><![endif]-->

				<ul>

				<li><a href="?op=event">Programok, rendezvények</a></li>

				<li><a href="?op=picevent">Képes programajánló</a></li>
				</ul>
			</li>

			<li>&nbsp|&nbsp <a href="?op=partypics">Beszámolók</a></li> 
			
		  <li><a href="?op=mixes">Keresés</a> <!--[if lte IE 6]><table><tr><td><![endif]-->

				<ul>

				<li><a href="?op=mixes">Mixek</a></li>

				<li><a href="?op=videos">Videók</a></li>
				
				<li><a href="?op=tracks">Track-ek</a></li>
				</ul>
			</ul>

			</div> 

           	<div id="other_menu_items"> <ul>

			<li><a href="?op=style&sub=1&style=mind">Mixek</a>  <!--[if lte IE 6]><table><tr><td><![endif]-->

				<ul>

				<li> <a href="?op=style&sub=1&style=techno">techno</a></li>

				<li> <a href="?op=style&sub=1&style=eeelectro">eeelectro</a></li>

				<li> <a href="?op=style&sub=1&style=minimal">minimal</a></li>

				<li> <a href="?op=style&sub=1&style=darktechno">darktechno</a></li>

				<li> <a href="?op=style&sub=1&style=hardtechno">hardtechno</a></li>

				<li> <a href="?op=style&sub=1&style=tech-house">tech-house</a></li>

				<li> <a href="?op=style&sub=1&style=house">house</a></li>

				<li> <a href="?op=style&sub=1&style=trance">trance</a></li>

				<li> <a href="?op=style&sub=1&style=progressive_house">progressive house</a></li>

				<li> <a href="?op=style&sub=1&style=goa_psychedelic">goa/psychedelic</a></li>

				<li> <a href="?op=style&sub=1&style=hardcore">hardcore</a></li>

				<li> <a href="?op=style&sub=1&style=drum_and_bass">drum&bass</a></li>

				<li> <a href="?op=style&sub=1&style=dance">dance</a></li>

				<li> <a href="?op=style&sub=1&style=chillout">chillout</a></li>

				<li> <a href="?op=style&sub=1&style=hardstyle">hardstyle</a></li>

				<li> <a href="?op=style&sub=1&style=breakbeat">breakbeat</a></li>

				<li> <a href="?op=style&sub=1&style=deep_house">deep house</a></li>

				<li> <a href="?op=style&sub=1&style=hip_hop">hip-hop</a></li>

				<li> <a href="?op=style&sub=1&style=mind">összes stílus</a></li>
				</ul>
			</li>

			<li><a href="?op=videos">Videók</a></li>

			<li>&nbsp|&nbsp <a href="?op=tracks">Zenehallgatás</a></li>

		  <li>&nbsp|&nbsp <a href="?op=djlist">DJ lista</a>  <!--[if lte IE 6]><table><tr><td><![endif]-->

				<ul>

				<li> <a href="?op=djlist&sub=&c=1">ABCDE</a></li>

				<li> <a href="?op=djlist&sub=&c=2">FGHI</a></li>

				<li> <a href="?op=djlist&sub=&c=3">JKLMNO</a></li>

				<li> <a href="?op=djlist&sub=&c=4">PQRSTU</a></li>

				<li> <a href="?op=djlist&sub=&c=5">VWXYZ</a></li>

				<li> <a href="?op=djlist&sub=&c=6">#szám#</a></li>
				</ul>
			</li>

			<li>&nbsp|&nbsp <a href="?op=lemez&sub=all">Lemezajánlók</a></li>

			<li>&nbsp|&nbsp <a href="?op=interju&sub=all">Interjúk</a></li>

			<li>&nbsp|&nbsp <a href="?op=partyut&sub=all">Partyút</a></li>

			</ul>

			</div> 

        </div> 

       </div> 

  {LOGIN}        <div id="body_featured_content">			            <!-- Section: Kiemelt hirek --> 

           <div id="kiemelt_hirek" class="section"> 

           	<div class="header"> 

               	<h3>Kiemelt hirek</h3> 

                   <div class="header_right">&nbsp;</div> 

               </div> 

               <div class="content">{SECT_KIEM_HIR}                </div> 

			   

			   <div id="kiem_interju">

					{SECT_INTERJU}

			   </div>

			    <div id="kiem_lemez">

					{SECT_LEMEZ}

			   </div>

			   <div id="kiem_partyut">

					{SECT_PARTYUT}

			   </div>

           </div> 

           <!-- End of section: Kiemelt hirek --> 

			

           <!-- Section: Kiemelt partyk --> 

           <div id="kiemelt_partyk" class="section"> 

           	<div class="header"> 

               	<h3>Kiemelt partyk</h3> 

                   <div class="header_right">&nbsp;</div> 

               </div> 

                               <div class="content"> 

               	                   {SECT_KIEM_ESEM}                </div> 

			<div id="kulflyers">

				<h2 class="orangebar">A HÉT KÜLÖNLEGES ESTJEI</h2>

				<a href="http://wwww.partynews.hu/flyers/kul_flyer1.jpg"><img src="http://www.partynews.hu/viewimg.php?mode=crop&size=118x172&image=flyers/kul_flyer1.jpg" /></a>

				<a href="http://wwww.partynews.hu/flyers/kul_flyer1.jpg"><img src="http://www.partynews.hu/viewimg.php?mode=crop&size=118x172&image=flyers/kul_flyer2.jpg" /></a>

			</div>

           </div> 

           <!-- End of section: Kiemelt partyk --> 

           <!-- Section: Kiemelt fotok --> 

           <div id="kiemelt_fotok" class="section"> 

           	<div class="header"> 

               	<h3>Friss fotók</h3> 

                   <div class="header_right">&nbsp;</div> 

               </div> 

                               <div class="content"> 

               	                   {SECT_KIEMPARTIFOTO}                </div> 

           </div> 

           <!-- End of section: Kiemelt fotok --> 

                   </div> 

       <div id="body_other_content"> 

       	            <!-- Section:hirek --> 

           <div id="hirek" class="section"> 

           	<div class="header"> 

               	<h3>Hirek</h3> 

                   <div class="header_right">&nbsp;</div> 

               </div> 

                               <div class="content"> 

               	                    {SECT_HIR}                </div> 

           </div> 

           <!-- End of section: Hirek--> 

                           <!-- Section: Partyk --> 

           <div id="partyk" class="section"> 

           	<div class="header"> 

               	<h3>Partyk</h3> 

                   <div class="header_right">&nbsp;</div> 

               </div> 

                               <div class="content"> 

               	                    <!-- Separator for partys with different dates --> 

                                                          {SECT_ESEM}                </div> 

           </div> 

           <!-- End of section: Partyk -->			<div id="other_section_container"> 

               <!-- Section: Szavazás -->		<div id="partypic" class="section">		    <div class="header">		        <h3>Partifotók</h3>		        <div class="header_right">&nbsp;</div>		    </div>		    <div class="content">			{SECT_PARTIFOTO}		    </div>		</div> 

               <div id="szavazas" class="section"> 

                   <div class="header"> 

                       <h3>Szavazás</h3> 

                       <div class="header_right">&nbsp;</div> 

                   </div> 

                                       <div class="content"> 

                       Milyen stílusú mixeket látnál szívesen a <i>partynews.hu</i> 

oldalon?						<form action="" method="get"> 

                       	<ul>	                        	<li><input name="" type="radio" value="" /> 

Progressive</li>	                        	<li><input name="" type="radio" value="" /> 

Techno</li>	                        	<li><input name="" type="radio" value="" /> 

Trance</li>	                        	<li><input name="" type="radio" value="" /> 

Goa</li>	                        	<li><input name="" type="radio" value="" /> 

Drum &amp; Bass</li>							</ul> 

                                                       </form> 

                                               </div> 

               </div> 

               <!-- End of section: Szavazás --> 

               <!-- Section: Szavazás --> 

               <div id="szavazas" class="section"> 

                   <div class="header"> 

                       <h3>Szavazás</h3> 

                       <div class="header_right">&nbsp;</div> 

                   </div> 

                                       <div class="content"> 

                       Milyen stílusú mixeket látnál szívesen a <i>partynews.hu</i> 

oldalon?						<form action="" method="get"> 

                       	<ul>	                        	<li><input name="" type="radio" value="" /> 

Progressive</li>	                        	<li><input name="" type="radio" value="" /> 

Techno</li>	                        	<li><input name="" type="radio" value="" /> 

Trance</li>	                        	<li><input name="" type="radio" value="" /> 

Goa</li>	                        	<li><input name="" type="radio" value="" /> 

Drum &amp; Bass</li>							</ul> 

                                                       </form> 

                                               </div> 

               </div> 

               <!-- End of section: Szavazás --> 

               			</div> 

               </div> 

       <div id="footer"> 

           &copy; 2008. partynews.hu. <br/> 

           A tartalom csak a szerkesztők engedélyével felhasználható... (ide kell a jobb szöveg) 
                  </div> 

       </div> 

       </body></html>
JS

news_swapper = {
	current_news:null,
	
	create_ids_for_news:function() {
		$("#kiemelt_hirek div.news_block").each( function(idx, el) {
			el.id ="featured_news_item_" + idx;
			$(el).mouseover( function(el) {
				news_swapper.change_active_news(this)
			})
		})
		this.current_news = $("#kiemelt_hirek div.news_block.open")[0].id;
	},
	
	change_active_news:function( new_active_news ) {
		if (this.current_news != new_active_news.id) {
			var old_open_news_item = $("#kiemelt_hirek #"+this.current_news)
			var new_active_news_item = $(new_active_news)
			
			$(old_open_news_item).removeClass( "open" )
			$(old_open_news_item).addClass( "closed" )		
			
			$(new_active_news_item).addClass( "open" )		
	
			$(new_active_news_item).removeClass( "closed" )
			
			this.current_news = new_active_news.id
		}
		
	}
}

$(document).ready(function () {
	news_swapper.create_ids_for_news();
});
Pls valaki. Tisztelettel előre is köszönöm.
Anna
‹ Stíluslap "kikapcsolása" JavaScripttel Meghatarozott vegzodes keszites webcim eseten - Script- Help ›
 ■
1

Mókának jó

Török Gábor · 2008. Dec. 19. (P), 21.11
Kellemetlen, hogy megbetegedtek a webeseid, de remélem te sem gondolod komolyan, hogy lesz bárki is, aki a közel 600 soros CSS-ből kibányássza, hogy mi nem működik. Ha adnál egy működő demót, ahol látható a probléma, könnyebb lenne segíteni.
2

Elnézést :=

ekike · 2008. Dec. 19. (P), 21.35
http://www1.partynews.hu/ vagy www.partynews.hu/_new
Csak explorerrel.

Köszönöm előre is.
3

Firefoxon is teszteljétek még

Dualon · 2008. Dec. 19. (P), 22.14
Szerintem nézzetek rá még FF alatt is (Ubuntu 7.04, FF3.0.5) úgy, hogy egy picit megnövelitek a betűméretet.
Ha kell, küldök screenshotot is.
4

Köszönöm

ekike · 2008. Dec. 19. (P), 22.17
Megköszönném! info##kukac##partynews.hu
Köszi amúgy az a bug is képben van(emlékeim szerint) de ez az ie még a BETA indulást is gátolja :(
7

Screenshotot elküldtem...

Dualon · 2008. Dec. 20. (Szo), 19.06
Küldtem a levelet képpel. :)
5

position:relative

Poetro · 2008. Dec. 19. (P), 22.32
Amit tehetsz, az az, hogy a #header-nek adsz egy 
#header { position: relative; z-index: 10; }
-et, ami gyogyitja az ala hullast, bar ettol meg a menu nem fog tokeletesen mukodni koszonhetoen a rajta levo "lyukaknak" ami fole ha az eger kerul, eltunik a menu. Ennek javítására:
#key_menu_items li, #other_menu_items  li { margin: 0; }
Meg ha mar itt tartunk, akkor mas hibak is vannak, pl az IE nem szereti, ha a position: absolute; melle nincs top, illetve left attributum megadva, de ezt gondolom latod te is. Ezt a kovetkezo modositasaval lehet orvosolni:
#key_menu_items ul ul, #other_menu_items ul ul { top: 1em; left: 0; }
6

Köszönöm

ekike · 2008. Dec. 19. (P), 22.54
Próbálom probálom :)