Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag11.06.2009 um 12:13 (UTC)    
Titel: Problem mit container CSS only

Huhu

ich hab schon wieder ein problem...
was mache ich falsch???

hab einen Newsticker den ich gern in die 2 rechte Box haben möchte...
aber sie wird immer oben im Header dargestellt...

um das rot markierte geht es

Text über dem Designe:
Zitat:
<script language="JavaScript">
aus1 = new Image();
aus1.src = "http://img.webme.com/pic/d/dj-hazard/chart_listen_b_1.png";
an1 = new Image();
an1.src = "http://img.webme.com/pic/d/dj-hazard/chart_listen_b_2.png";
aus2 = new Image();
aus2.src = "http://img.webme.com/pic/d/dj-hazard/diashows_b1.png";
an2 = new Image();
an2.src = "http://img.webme.com/pic/d/dj-hazard/diashows_b2.png";
</script>

<em><a name="top"></a></em>

<div align="center">

<div id="neu_container"></div>
<div id="neu_heading">NEU NEU NEU</div>

<div id="neu1"><a href="http://1.1.1.3/bmi/img.webme.com/pic/d/dj-hazard/destination.png">Neue Musik</a></div>

<div id="neu2"><a href="http://dj-hazard.de.tl/Partypics/kat-14.htm">Spring Flower</a></div>

<div id="neu3"><a href="http://dj-hazard.de.tl/Umfragen.htm">Neue Umfragen</a></div>

<div id="post_neu"></div>
<div id="post_sidebar"></div>
<div id="unsichbar"></div>


<div id="news_heading"><a href="http://www.shortnews.de" style="color: #ffffff" target="blank">ShortNews.de</div>


<div id="news_container"><!-- START SHORTNEWS TICKER -->
<script type="text/javascript">
var tickerheight = 95;
var tickerwidth = 178;
var bordersize = 0;
var fontspace = 1;
var font = "Verdana";
var speed = 100;
var pause = 5000;
var fontsize = 11;
var rubrik = 13;
var sparte = 4;
var font_underline = 0;
var rollover_underline = 1;
var ticker_stop = 1;
var bordercolor = "#000000";
var tickercolor = "#DDDDDD";
var fontcolor = "#559ae7";
var rollovercolor = "#990000";
var visitedlink = "#000000";
var transparent = 1;
var tickertyp = 2;
var u_id = 320909;
</script>
<table width="180" cellspacing="0" cellpadding="0"><tr><td colspan="2" width="27"><script charset="iso-8859-1" type="text/javascript" src="http://newsticker.shortnews.de/de/js/free/2/ticker.js?1"></script></td></tr><tr><td width="27" style="background-color:transparent; vertical-align:middle;"></td><td style="overflow:hidden; background-color:transparent; vertical-align:middle;"></td></tr></table>
<!-- END SHORTNEWS TICKER --></div>



<div id="post_news"></div>



CSS ohne style tags:

Zitat:
#pre_content{display:none}
#pre_header{display:none}
#post_header{display:none}
#below_content{display:none}
#extraDiv2{display:none}
#extraDiv3{display:none}
#extraDiv4{display:none}
#extraDiv5{display:none}
#extraDiv6{display:none}
div.header{display:none}


body{
background-color:#000000;
background-image:url();
text-align:center}


*{ padding: 0; margin: 0 auto; }


td{
text-align:left}


a{color :#000000;text-decoration :none}
a:hover{color :#63703F;text-decoration :none}
a:active{color :#63703F;text-decoration :none}


#header_container{
position:absolute;
top:45px;
left:50%;
margin-left:-450px;
width:900px;
height:171px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/h/hazard-test/header.png);
border:0px solid #c9c9c9}


h2#title{
position:static;
width:528px;
height:38px;
margin-top:0px;
padding-top:2px;
font-weight:bold;
font-size:26px;
font-family:verdana;
color:#ffffff;
text-align:center;
background-color:#000000;
background-image:url(http://img.webme.com/pic/h/hazard-test/content_header1.png);
border:0px solid #FFFFFF;}


#content{
margin:0 auto;
left:50%;
margin-top:197px;
width:528px;
height:-px;
color:#F2F2F2;
font-size:12px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/h/hazard-test/content_ground1.png);
border:0px solid #FFFFFF;
overflow:none}


#post_content{
background-image:url(http://img.webme.com/pic/h/hazard-test/content_footer1.png);
width:528px;
height:13px;
margin:0 auto;
clear:both}


#nav_heading{
position:static;
width:178x;
height:27px;
margin-top:0px;
padding-top:5px;
padding-bottom:0px;
margin-bottom:0px;
font-weight:bold;
font-size:13px;
font-family:verdana;
color:#ffffff;
text-align:center;
background-color:#000000;
background-image:url(http://img.webme.com/pic/h/hazard-test/nav_header1.png);
border:0px solid #FFFFFF;}


#nav_container{
position:absolute;
left:50%;
margin:0 auto;
top:224px;
margin-left:-450px;
width:178px;
padding-bottom:2px;
border:0px solid #343434;
background-image:url(http://img.webme.com/pic/h/hazard-test/nav_ground1.png)}


ul#nav{
padding:0px;
margin:0px}


li.nav_element{
list-style-type:none;
position:relative;
width:178px;
text-align:center;
margin-top:0px;
border-bottom:0px solid #ffffff}


li.nav_element a{
display:block;
width:154px;
height:24px;
padding-top:5px;
margin-left:13px;
color:#ffffff;
font-size:13px;
font-family:verdana;
color:#000000;
font-weight: bold;
text-align:center;
background-color:#000000;
background-image:url(http://img.webme.com/pic/h/hazard-test/button1.png);
border-left:0px solid #C9C9C9;
border-right:0px solid #c9c9c9}


li.nav_element a:hover{
color:#FFFFFF;
background-color:#000000;
background-image:url(http://img.webme.com/pic/h/hazard-test/button_hover1.png)}


#sidebar_heading{
position:static;
width:178px;
height:22px;
margin-top:0px;
padding-top:5px;
padding-bottom:0px;
margin-bottom:0px;
font-weight:bold;
font-size:13px;
font-family:verdana;
color:#ffffff;
text-align:center;
background-color:#000000;
background-image:url(http://img.webme.com/pic/h/hazard-test/sidebar_header.png);
border:0px solid #FFFFFF;}


#sidebar_container
{position:absolute;
left:50%;
top:224px;
margin-left:272px;
margin-bottom:0px;
width:178px;
height:auto;
background-image:url(http://img.webme.com/pic/h/hazard-test/sidebar_ground.png);
background-repeat:repeat;
border:0px solid #ffffff;
text-align:center;
font-size:11px;
font-family:verdana;
color:#000000;
overflow:none}


#post_sidebar{
position:absolute;
margin:0 auto;
top:700px;
margin-left:272px;
left:50%;
width:178px;
height:13px;
border:0px solid #343434;
background-image:url(http://img.webme.com/pic/h/hazard-test/sidebar_footer.png)}


#neu_container{
position:absolute;
margin:0 auto;
top:599px;
margin-left:-450px;
left:50%;
width:178px;
height:97px;
border:0px solid #343434;
background-image:url(http://img.webme.com/pic/h/hazard-test/nav_ground1.png)}


#neu_heading{
position:absolute;
margin:0 auto;
top:577px;
margin-left:-450px;
left:50%;
width:178px;
height:20px;
padding-top:2px;
padding-bottom:0px;
margin-bottom:0px;
font-weight:bold;
font-size:13px;
font-family:verdana;
color:#ffffff;
text-align:center;
border:0px solid #343434;
background-image:url(http://img.webme.com/pic/h/hazard-test/neu_header2.png)}


#neu1 a{
position:absolute;
margin:0 auto;
top:606px;
margin-left:-437px;
left:50%;
width:154px;
height:24px;
padding-top:5px;
padding-bottom:0px;
margin-bottom:0px;
font-weight:bold;
font-size:13px;
font-family:verdana;
color:#000000;
text-align:center;
border:0px solid #343434;
background-image:url(http://img.webme.com/pic/h/hazard-test/button1.png)}


#neu1 a:hover{
color:#FFFFFF;
padding-top:5px;
width:154px;
height:24px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/h/hazard-test/button_hover1.png)}


#neu2 a{
position:absolute;
margin:0 auto;
top:635px;
margin-left:-437px;
left:50%;
width:154px;
height:24px;
padding-top:5px;
padding-bottom:0px;
margin-bottom:0px;
font-weight:bold;
font-size:13px;
font-family:verdana;
color:#000000;
text-align:center;
border:0px solid #343434;
background-image:url(http://img.webme.com/pic/h/hazard-test/button1.png)}


#neu2 a:hover{
color:#FFFFFF;
padding-top:5px;
width:154px;
height:24px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/h/hazard-test/button_hover1.png)}


#neu3 a{
position:absolute;
margin:0 auto;
top:664px;
margin-left:-437px;
left:50%;
width:154px;
height:24px;
padding-top:5px;
padding-bottom:0px;
margin-bottom:0px;
font-weight:bold;
font-size:13px;
font-family:verdana;
color:#000000;
text-align:center;
border:0px solid #343434;
background-image:url(http://img.webme.com/pic/h/hazard-test/button1.png)}


#neu3 a:hover{
color:#FFFFFF;
padding-top:5px;
width:154px;
height:24px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/h/hazard-test/button_hover1.png)}


#post_neu{
position:absolute;
margin:0 auto;
top:692px;
margin-left:-450px;
left:50%;
width:178px;
height:10px;
border:0px solid #343434;
background-image:url(http://img.webme.com/pic/h/hazard-test/nav_footer1.png)}


#unsichbar{
position:absolute;
margin:0 auto;
top:20px;
margin-left:10px;
width:900px;
height:10px;
border:0px solid #343434;
background-color:transparent;
background-image:url()}


#news_heading{
position:absolute;
margin:0 auto;
top:721px;
margin-left:272px;
left:50%;
width:178px;
height:22px;
padding-top:5px;
padding-bottom:0px;
margin-bottom:0px;
font-weight:bold;
font-size:13px;
font-family:verdana;
color:#ffffff;
text-align:center;
border:0px solid #343434;
background-image:url(http://img.webme.com/pic/h/hazard-test/sidebar_header.png)}


#news_container{
position:absolute;
margin:0 auto;
top:748px;
margin-left:272px;
left:50%;
width:178px;
height:150px;
border:0px solid #343434;
background-image:url(http://img.webme.com/pic/h/hazard-test/sidebar_ground.png)}



#post_news{
position:absolute;
margin:0 auto;
top:898px;
margin-left:272px;
left:50%;
width:178px;
height:13px;
border:0px solid #ffffff;
text-align:center;
font-size:11px;
font-family:verdana;
border:0px solid #343434;
background-image:url(http://img.webme.com/pic/h/hazard-test/sidebar_footer.png)}



Habe schon versucht den Java-script Teil raus zu nehmen und ihn einfach oben hingesetzt ändert aber nichts...

danke im vorraus

ps.: homepage hazard-test.de.tl
Beitrag12.06.2009 um 12:51 (UTC)    
Titel:

Keiner ne Idee???
______________
Musik mit Klang: http://dj-hazard.de.tl
Beitrag13.06.2009 um 11:17 (UTC)    
Titel:

so da bedanke ich mich ma recht herzlich für eure hilfe....

aber ich habe nun das problem selber gelöst und hab nenn anderen newsticker genammen....

vielen dank für eure mühen
______________
Musik mit Klang: http://dj-hazard.de.tl
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de