ilch Forum » Allgemein » Anfragen / Angebote » Boxen ausrichten

Geschlossen
  1. #1
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    leider habe ich noch ein Problem und zwar möchte ich es Bündig haben leider bekomme ich es nicht hin. Im moment sieht es so aus wie auf dem Bild zu sehen gesperrtes Bild


    <html>
    <head>
    	<title>{TITLE}</title>
    	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    	<link rel="stylesheet" type="text/css" href="include/designs/blue_v1/style.css">
    	<script type="text/javascript" language="javascript" src="include/designs/blue_v1/jquery.js"></script> 
    	<script type="text/javascript" language="javascript" src="include/designs/blue_v1/easySlider1.7.js"></script> 
    	<!--[if lt IE 7]> 
    	<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
    	<![endif]-->
    	<script type="text/javascript"> 
        $(document).ready(function(){ 
    		$("ul.dropdown li").hover(function(){
                $(this).addClass("hover");
    			$('ul:first',this).css('visibility', 'visible');
        		}, function(){
        		$(this).removeClass("hover");
    			$('ul:first',this).css('visibility', 'hidden');
    		});
    		$("#werbung_links").easySlider({
    				auto: true, 
    				continuous: true,
    				controlsShow: false,
    				pause:			5000
    		});
    		$("#werbung_unten").easySlider({
    				auto: true, 
    				continuous: true,
    				controlsShow: false,
    				pause:			5000
    		});
        }); 
    	</script> 
    </head>
    <body><a id="top" name="top"></a><div id="header-bg"></div>  
    <table cellspacing="0" cellpadding="0" border="0" id="center" width="100%"><tr><td valign="top" align="center">
    <table cellspacing="0" cellpadding="0" border="0" id="container" width="1000"><tr><td valign="top">
    <div id="container_div"><div id="header-bg"></div>
    <div id="header">
    <div id="header_title">{_boxes_title}</div>
    <div id="header_box">{_boxes_text}</div>
    <div id="menu">
            <ul class="dropdown">
            	<li><a href="index.php?news">Home</a>
    			<ul class="sub_menu">
    					{_list_menunr1@<!--%1-->%2}
            		</ul></li>
            	<li><a href="index.php?forum">Forum</a>
            		<ul class="sub_menu">
    					{_list_menunr2@<!--%1-->%2}
            		</ul>
            	</li>
            	<li><a href="index.php?downloads">Downloads</a></li>
            	<li><a href="index.php?impressum">Impressum</a></li>
            	<li><a href="index.php?contact">Kontakt</a></li>
            </ul>
    </div></div>
    <div id="content">
    <div id="content_padding-top"></div>
    
    <div id="content_left">
    {_list_menunr4@<div class="box_out"><div class="box_in">
    <div class="box_header">%1</div>
    <div class="box_content">%2</div>
    </div></div><br />}
    </div>
    <div id="content_padding-bottom"></div>
    
    <div id="content_center">
    <div id="gallery">{_boxes_ROTATION}</div>
    <div id="inhalt">
    {EXPLODE}
    </div>
    <center><div id="rotation_unten">{_boxes_WERBUNG_UNTEN}</div></center>
    </div>
    
    <div id="content_right">
    {_list_menunr5@<div class="box_out"><div class="box_in">
    <div class="box_header">%1</div>
    <div class="box_content">%2</div>
    </div></div><br />}
    </div>
    
    <div id="content_padding-bottom"></div>
    </div>
    <div id="footer"><div id="footer-bg"></div>	
    <div id="footer_copy">&copy; Copyrights © 2012 <a href="http://www.newsgamer.de">Newsgamer</a></div>
    <div id="footer_menu">{_list_menunr3@<!--%1-->%2}<a href="#top"><img src="include/designs/blue_v1/images/top.png" border="" alt="" /></div>
    </div>
    </div>
    
    </td></tr></table>
    </td></tr></table>
    </body>
    </html>
    
    
    
    {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>}
    {_list_vmenubegi@}
    {_list_vmenuende@}
    {_list_hmenupoint@<a target="%1" class="box" href="%2">%3</a>| I }
    {_list_hmenubegi@}
    {_list_hmenuende@}



    verwendete ilchClan Version: 1.1 P

    betroffene Homepage: externer Link


    Zuletzt modifiziert von beschi am 20.10.2013 - 00:12:02
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.629
    Beitragswertungen
    1192 Beitragspunkte
    Jetzt komplett nach zu vollziehen ist schwer. Was ich erkenne ist, dass Du die Spalten mit float:left aneinander setzt. Hier müssen dann aber auch die Beitenangaben inklusive dem padding & margin zusammen addiert in den Content passen.

    Mit ist auch noch nicht klar warum Du Tabellen um deine Container gesetzt hast.

    Im Quelltext kann man erkennen das es Fehler mit schließenden </div> Tags gibt. Vielleicht mal prüfen und durch einrücken/formatieren des Codes bessere Übersicht halten.
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    Ich bin ein leie vondaher weiss ich jetzt nicht wirklich was ich machen muss. Gibt es eine möglichkeit mir das irgendwie in dem Code den ich gepostet habe richtig zu machen.
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    Hallo nochmal, also wenn sie mir vielleicht schildern könnten wie ich es machen muss, das würde mir auch reichen.Wir wollen halt Boxen auch Links von den News haben.
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    Keiner eine Idee
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    doch klar haben wir ideen aber wir sind ja nicht dauer online ... lächeln

    du musst <div id="content_left"> für die id="content_left" die breite anpassen damit die boxen schmaler werden.

    das machst du in der style.css
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    Wie man sie schmaler macht haben wir Gestern heraus gefunden. Was wir nicht schaffen ist die Box die oben auf dem Bild zu sehen ist bündig zu machen.Also sprich die News und die Rechten Boxen daneben zu setzen


    Zuletzt modifiziert von beschi am 20.10.2013 - 16:52:29
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    ja dann mach die mal ne ganze ecke schmaler! oder schau ob der box bereich und der rest jeweils float:left hat
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    Ok wir haben es probiert und dieses float:left scheint nicht in der index.html zu sein oder ist es woanders?.
    Hier nochmal ein Bild wie geschrieben schmaler ja aber wir bekommen die einfach nicht bündig

    gesperrtes Bild


    Zuletzt modifiziert von beschi am 20.10.2013 - 20:35:19
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    das sollte alles in der style.css stehen.

    bitte nochmal html und css posten
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    <html>
    <head>
    	<title>{TITLE}</title>
    	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    	<link rel="stylesheet" type="text/css" href="include/designs/blue_v1/style.css">
    	<script type="text/javascript" language="javascript" src="include/designs/blue_v1/jquery.js"></script> 
    	<script type="text/javascript" language="javascript" src="include/designs/blue_v1/easySlider1.7.js"></script> 
    	<!--[if lt IE 7]> 
    	<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
    	<![endif]-->
    	<script type="text/javascript"> 
        $(document).ready(function(){ 
    		$("ul.dropdown li").hover(function(){
                $(this).addClass("hover");
    			$('ul:first',this).css('visibility', 'visible');
        		}, function(){
        		$(this).removeClass("hover");
    			$('ul:first',this).css('visibility', 'hidden');
    		});
    		$("#werbung_links").easySlider({
    				auto: true, 
    				continuous: true,
    				controlsShow: false,
    				pause:			5000
    		});
    		$("#werbung_unten").easySlider({
    				auto: true, 
    				continuous: true,
    				controlsShow: false,
    				pause:			5000
    		});
        }); 
    	</script> 
    </head>
    <body><a id="top" name="top"></a><div id="header-bg"></div>  
    <table cellspacing="0" cellpadding="0" border="0" id="center" width="100%"><tr><td valign="top" align="center">
    <table cellspacing="0" cellpadding="0" border="0" id="container" width="1000"><tr><td valign="top">
    <div id="container_div"><div id="header-bg"></div>
    <div id="header">
    <div id="header_title">{_boxes_title}</div>
    <div id="header_box">{_boxes_text}</div>
    <div id="menu">
            <ul class="dropdown">
            	<li><a href="index.php?news">Home</a>
    			<ul class="sub_menu">
    					{_list_menunr1@<!--%1-->%2}
            		</ul></li>
            	<li><a href="index.php?forum">Forum</a>
            		<ul class="sub_menu">
    					{_list_menunr2@<!--%1-->%2}
            		</ul>
            	</li>
            	<li><a href="index.php?downloads">Downloads</a></li>
            	<li><a href="index.php?impressum">Impressum</a></li>
            	<li><a href="index.php?contact">Kontakt</a></li>
            </ul>
    </div></div>
    <div id="content">
    <div id="content_padding-top"></div>
    
    <div id="content_left"><div id="rotation_links">{_boxes_WERBUNG_LINKS}</div></div>
    
    <div id="content_center">
    <div id="gallery">{_boxes_ROTATION}</div>
    <div id="inhalt">
    {EXPLODE}
    </div>
    <center><div id="rotation_unten">{_boxes_WERBUNG_UNTEN}</div></center>
    </div>
    
    <div id="content_right">
    {_list_menunr5@<div class="box_out"><div class="box_in">
    <div class="box_header">%1</div>
    <div class="box_content">%2</div>
    </div></div><br />}
    </div>
    
    <div id="content_padding-bottom"></div>
    </div>
    <div id="footer"><div id="footer-bg"></div>	
    <div id="footer_copy">&copy; Copyrights © 2012 <a href="http://www.newsgamer.de">Newsgamer</a></div>
    <div id="footer_menu">{_list_menunr3@<!--%1-->%2}<a href="#top"><img src="include/designs/blue_v1/images/top.png" border="" alt="" /></div>
    </div>
    </div>
    
    </td></tr></table>
    </td></tr></table>
    </body>
    </html>
    
    
    
    {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>}
    {_list_vmenubegi@}
    {_list_vmenuende@}
    {_list_hmenupoint@<a target="%1" class="box" href="%2">%3</a>| I }
    {_list_hmenubegi@}
    {_list_hmenuende@}



    html, body{
    
    margin:0;
    
    padding:0;
    
    font-family:Arial;
    
     background-image:url(images/bg2.png);
    background-attachment:fixed;
     background-repeat:no-repeat;
     background-position:center;
    
    
    }
    
    html, body, #center, #center td, #container td, #container{
    
    height:100%;
    
    }
    
    a{
    
    color:#000000;
    
    text-decoration:none;
    
    }
    
    a:hover ,#login_task a:hover, #login_task a#regist:hover,.last_forum_top a:hover{
    
    color:#737373;
    
    text-decoration:none;
    
    }
    
    .btn_small:hover,.btn_big:hover, .btn_big a:hover, .btn_small a:hover{
    
    color:#000000;
    
    
    
    }
    
    .last_forum_top a{
    
    color:#f25200;
    
    }
    
    .topic{
    
    color:#9f754c;
    
    font-size:9px;
    
    
    
    }
    
    .topic2{
    
    color:#9f754c;
    
    font-size:11px;
    
    
    
    }
    
    .topic a{
    
    color:#5f5f5f;
    
    font-size:11px;
    
    }
    
    .topic3{
    
    color:#5f5f5f;
    
    font-size:11px;
    
    }
    
    .topic a:hover{
    
    color:#000000;
    
    }
    
    #inhalt{
    
    margin-top:5px;
    
    font-size:12px;
    
    width:484px;
    
    margin-bottom:10px;
    
    }
    
    #inhalt2{
    
    margin-top:5px;
    
    font-size:20px;
    
    width:850px;
    
    margin-bottom:10px;
    
    }
    
    #inhalt table,#inhalt2 table{
    
    font-size:12px;
    
    
    
    }
    
    
    
    #header{
    
    position:absolute;
    
    z-index:40;
    
    height:220px;
    
    width:1000px;
    
    background:url(images/header.png) no-repeat;
    
    }
    
    #header_title{
    
    position:absolute;
    
    top:59px;
    
    left:170px;
    
    z-index:10;
    
    }
    
    #header_box{
    
    position:absolute;
    
    width:220px;
    
    height:127px;
    
    background:url(images/header_box-trans.png) no-repeat;
    
    top:50px;
    
    right:0px;
    
    z-index:10;
    
    padding-left:90px;
    
    }
    
    #header_box_down{
    
    position:absolute;
    
    width:467px;
    
    height:53px;
    
    background:url(images/header_box_down-trans.png) no-repeat;
    
    top:130px;
    
    left:110px;
    
    z-index:10;
    
    }
    
    #header_box_down_title{
    
    color:#ffffff;
    
    position:absolute;
    
    left:27px;
    
    font-size:10px;
    
    z-index:10;
    
    }
    
    #header-bg{
    
    height:220px;
    
    width:100%;
    
    background:url(images/header_bg.png);
    
    position:absolute;
    
    left:0px;
    
    z-index:0;
    
    }
    
    #content{
    
    top:0px;
    
    height:100%;
    
    width:1000px;
    
    z-index:1;
    
    padding:0px 0px 0px 0px;
    
    }
    
    #com_sub{
    
    background:grey;
    
    position:absolute;
    
    width:118px;
    
    left:270px;
    
    z-index:100;
    
    top:32px;
    
    opacity: 0;
    
    }
    
    #com_sub ul{
    
    list-style-type:none;
    
    padding:0;
    
    margin:0;
    
    font-size:11px;
    
    }
    
    #content_padding-top{
    
    height:230px;
    
    width:1000px;
    
    clear:both;
    
    
    
    }
    
    #content_padding-bottom{
    
    height:176px;
    
    width:1000px;
    
    clear:both;
    
    }
    
    #menu{
    
    width:730px;
    
    height:38px;
    
    padding-left:170px;
    
    }
    
    .menu_point{
    
    text-align:center;
    
    padding-top:7px;
    
    width:133px;
    
    height:24px;
    
    background:url(images/b_off-trans.png) no-repeat;
    
    float:left;
    
    color:#ffffff;
    
    padding-right:8px;
    
    margin-left:-21px;
    
    cursor:pointer;
    
    }
    
    div.menu_point:hover{
    
    background:url(images/b_on-trans.png) no-repeat;
    
    }
    
    #footer{
    
    height:166px;
    
    width:1000px;
    
    background:url(images/footer.png);
    
    z-index:40;
    
    margin-top:-166px;
    
    }
    
    #footer_copy{
    
    font-size:12px;
    
    color:#adacab;
    
    height:70px;
    
    text-align:center;
    
    padding-top:60px;
    
    }
    
    #footer_menu a,#footer_copy a{
    
    color:#adacab;
    
    }
    
    #footer_menu a:hover, #footer_copy a:hover{
    
    color:#f25200;
    
    }
    
    #footer_menu{
    
    height:30px;
    
    text-align:right;
    
    padding-right:10px;
    
    color:#adacab;
    
    font-size:11px;
    
    }
    
    #footer_menu img{
    
    margin-bottom:-2px;
    
    }
    
    #footer-bg{
    
    left:0px;
    
    position:absolute;
    
    height:166px;
    
    width:100%;
    
    background:url(images/footer_bg.png) repeat-x ;
    
    z-index:-1;
    
    }
    
    #content_left{
    
    float:left;
    
    width:150px;
    
    padding-left:20px;
    
    }
    
    #content_right{
    
    width:250px;
    
    float:left;
    
    padding-left:30px;
    
    }
    
    #content_center{
    
    width:499px;
    
    float:left;
    
    padding-left:25px;
    
    } 
    
    #content_center2{
    
    width:674px;
    
    padding-left:20px;
    
    float:left;
    
    }
    
    .head_color{
    
    background:url(images/head_color.png);
    
    color:#ffffff;
    
    height:20px;
    
    font-size:14px;
    
    padding:5px 5px 3px 5px;
    
    }
    
    .head_color a{
    
    color:#ffffff;
    
    }
    
    .head_color a:hover{
    
    color:#f25200;
    
    }
    
    .content{
    
    font-size:12px;
    
    }
    
    .box_out{
    
    width:250px;
    
    background:#ffffff;
    
    padding:5px;
    
    border:#e7e7e7 solid 2px;
    
    }
    
    .box_in{
    
    background:#ffffff;
    
    border:#dcdcdc solid 1px;
    
    }
    
    .box_header{
    
    color:#737373;
    
    padding-left:5px;
    
    padding-bottom:3px;
    
    font-weight:bold;
    
    height:10px;
    
    font-size:11px;
    
    background:url(images/box_header.png) repeat-x;
    
    margin-top:5px;
    
    margin-bottom:5px;
    
    }
    
    #rotation_links{
    
    width:162px;
    
    height:606px;
    
    background:url(images/werbung_links.png) no-repeat;
    
    overflow:hidden; 
    
    padding-top:30px;
    
    padding-left:7px;
    
    
    
    }
    
    
    
    .progress_case{
    
    width:220px;
    
    height:19px;
    
    position:relative;
    
    text-align:center;
    
    }
    
    .progress_overlay{
    
    width:220px;
    
    height:19px;
    
    background:url(images/progressbar_overlay.gif) no-repeat;
    
    z-index:9999;
    
    position:absolute;
    
    }
    
    .progress_bar{
    
    height:19px;
    
    background:url(images/progressbar_orange.gif) no-repeat;
    
    position:absolute;
    
    }
    
    .progress_text{
    
    width:220px;
    
    height:13px;
    
    z-index:99999;
    
    position:absolute;
    
    color:#ffffff;
    
    font-size:11px;
    
    padding-top:2px;
    
    }
    
    
    
    #rotation_links ul, #rotation_links li{
    
    margin:0;
    
    padding:0;
    
    list-style:none;
    
    width:148px;
    
    height:598px;
    
    }
    
    #rotation_unten{
    
    width:478px;
    
    height:80px;
    
    background:url(images/werbung_unten.png) no-repeat;
    
    overflow:hidden; 
    
    padding-top:16px;
    
    margin-left:-16px;
    
    }
    
    #rotation_unten ul, #rotation_unten li{
    
    margin:0;
    
    padding:0;
    
    list-style:none;
    
    width:468px;
    
    height:69px;
    
    }
    
    #rotation_links img ,#rotation_unten img{
    
     border:none;
    
     }
    
    #gallery{
    
    width:484px;
    
    height:217px;
    
    background:url(images/rotation_bg.png);
    
    }
    
    
    
    #search_input{
    
    background:url(images/search_input.png) no-repeat transparent;
    
    width:174px;
    
    height:22px;
    
    border:none;
    
    margin-top:15px;
    
    margin-left:10px;
    
    padding:3px 5px 3px 5px;
    
    font-size:10px;
    
    }
    
    #search_button{ 
    
    background:url(images/search_button.png) no-repeat transparent; 
    
    width:45px;
    
    height:25px;
    
    border:none;
    
    font-size:0;
    
    position:absolute;
    
    margin-top:13px;
    
    margin-left:5px;
    
    }
    
    .login_input{
    
    background:url(images/login_input.png) no-repeat transparent;
    
    width:120px;
    
    height:25px;
    
    border:none;
    
    margin-top:20px;
    
    padding:3px 5px 3px 5px;
    
    font-size:10px;
    
    }
    
    .login_title{
    
    background:url(images/login_title.png) no-repeat transparent;
    
    color:#ffffff;
    
    width:63px;
    
    height:15px;
    
    border:none;
    
    margin-top:5px;
    
    margin-left:15px;
    
    padding:7px 5px 3px 5px;
    
    font-size:11px;
    
    float:left;
    
    }
    
    #login_task{
    
    background:url(images/login_task.png) no-repeat transparent;
    
    color:#ffffff;
    
    width:207px;
    
    height:11px;
    
    padding:1px 20px 1px 20px ;
    
    font-size:9px;
    
    margin-top:6px;
    
    margin-left:8px;
    
    }
    
    #login_task a{
    
    color:#ffffff;
    
    }
    
    
    
    #login_task a#regist{
    
    color:red;
    
    }
    
    #login_submit{
    
    border:none;
    
    background:transparent;
    
    color:#ffffff;
    
    font-size:9px;
    
    height:12px;
    
    margin-top:-2px;
    
    }
    
    #login_submit:hover{
    
    color:#666666;
    
    }
    
    
    
    .last_forum{
    
    text-align:center;
    
    border-bottom:1px #E10D0D solid;
    
    padding:3px;
    
    }
    
    .last_forum2, .last_stats3, .vote_more{
    
    text-align:right;
    
    padding:10px;
    
    }
    
    .vote_more{
    
    border-top:2px #d1d1d1 solid;
    
    }
    
    .last_forum_top{
    
    color:#f25200;
    
    font-size:12px;
    
    font-weight:bold;
    
    }
    
    
    
    .last_forum_bottom{
    
    color:#737373;
    
    font-size:10px;
    
    font-weight:bold;
    
    }
    
    .last_stats{
    
    color:#737373;
    
    font-size:11px;
    
    background:#ededed;
    
    padding:2px 0px 2px 10px;
    
    }
    
    .last_stats2{
    
    color:#737373;
    
    font-size:11px;
    
    background:#e3e3e3;
    
    padding:2px 0px 2px 10px;
    
    }
    
    #vote_button{ 
    
    background:url(images/vote_button.png) no-repeat transparent; 
    
    width:45px;
    
    height:25px;
    
    border:none;
    
    font-size:0;
    
    margin-top:5px;
    
    margin-left:5px;
    
    }
    
    .vote_off{
    
    font-size:12px;
    
    font-weight:bold;
    
    color:#737373;
    
    padding:5px;
    
    }
    
    .vote b{
    
    font-size:13px;
    
    float:left;
    
    }
    
    .vote{
    
    padding:4px;
    
    background:#ededed;
    
    }
    
    .vote_send{
    
    background:#ededed;
    
    padding:4px;
    
    }
    
    .vote_td_1, .vote_td_3, .vote_td_5, .vote_td_7, .vote_td_9, .vote_td_11, .vote_td_13, .vote_td_15, .vote_td_17, .vote_td_19, .downs_td_1{
    
    background:#e3e3e3;
    
    padding:2px 0px 2px 10px;
    
    font-size:11px;
    
    }
    
    .vote_td_2, .vote_td_4, .vote_td_6, .vote_td_8, .vote_td_10, .vote_td_12, .vote_td_14, .vote_td_16, .vote_td_18, .vote_td_20, .downs_td_2{
    
    background:#ededed;
    
    padding:2px 0px 2px 10px;
    
    font-size:11px;
    
    }
    
    .vote_balken{
    
    background:#f66f01;
    
    margin-top:1px;
    
    margin-bottom:7px;
    
    font-size:1px;
    
    height:5px;
    
    }
    
    .vote_voted{
    
    color:#f66f01;
    
    font-size:10px;
    
    padding-left:11px;
    
    padding-top:4px;
    
    font-weight:bold;
    
    }
    
    .vote_foot{
    
    margin:-1px;
    
    background:#eaeaea;
    
    padding:4px;
    
    }
    
    .marginbottom10{
    
    margin-bottom:10px;
    
    }
    
    .marginbottom3{
    
    margin-bottom:3px;
    
    }
    
    .border{
    
    border:#dcdcdc solid 1px;
    
    background:#ffffff; 
    
    margin-bottom:10px;
    
    }
    
    .border_ueberall{
    
    border:#dcdcdc solid 1px;
    
    background:transparent; 
    
    }
    
    .border_ueberall td{
    
    border:#dcdcdc solid 1px;
    
    background:#ffffff; 
    
    }
    
    .border2{
    
    border:#dcdcdc solid 1px;
    
    }
    
    .border3{
    
    border:#dcdcdc solid 1px;
    
    background:#ffffff; 
    
    margin-bottom:2px;
    
    }
    
    .border3 td{
    
    font-size:11px;
    
    }
    
    a.Admin, span.Admin{
    
    
    
    color:#fc0202;
    
    
    
    }
    
    
    
    a.Admin, span.Admin{
    
    
    
    color:#fc0202;
    
    
    
    }
    
    
    
    a.Co-Admin, span.Co-Admin{
    
    color:#ff5a00;
    
    }
    
    a.Moderator, span.Moderator{
    
    color:#0060ff;
    
    }
    
    .news{
    
    border:#dcdcdc solid 1px;
    
    background:#ffffff; 
    
    margin-bottom:10px;
    
    position:static;  
    
    }
    
    .news .head_color{
    
    padding:5px 5px 0px 5px;
    
    }
    
    .news_head{
    
    height:20px;
    
    padding:5px 5px 0px 5px;
    
    }
    
    .news_text{
    
    padding:5px 5px 25px 5px;
    
    font-size:15px;
    
    
    
    position:relative;
    
    }
    
    .news_name{
    
    color:#ffffff;
    
    font-size:20px;
    
    width:70%;
    
    float:left;
    
    }
    
    .news_readmore{
    
    position:relative;
    
    bottom:-20px;
    
    right:0px;
    
    float:right;
    
    width:100px;
    
    height:20px;
    
    text-align:right;
    
    margin-top:-10px;
    
    
    
    }
    
    .news_date{
    
    float:right;
    
    font-size:11px;
    
    width:30%;
    
    text-align:right;
    
    }
    
    
    
    .news_foot{
    
    padding:5px;
    
    background:F3FA6B;
    
    height:13px;
    
    }
    
    .news_autor{
    
    width:50%;
    
    float:left;
    
    }
    
    .news_kom{
    
    float:right;
    
    }
    
    
    
    .news_back {
    
    padding:3px;
    
    background:#ffffff;
    
    float:left;
    
    clear:both;
    
    position:relative;
    
    border:1px #000000 solid;
    
    margin-top:25px;
    
    bottom:0px;
    
    margin-bottom:-15px;
    
    } 
    
    
    
    
    
    
    
    
    
    .user_back {
    
    padding:3px;
    
    background:#ffffff;
    
    float:left;
    
    clear:both;
    
    position:static;
    
    border:1px #000000 solid;
    
    margin-top:5px;
    
    margin-bottom:-10px;
    
    } 
    
    .clearboth{
    
    clear:both;
    
    }
    
    
    
    .news .clearboth{
    
    
    
    clear:both;
    
    
    
    margin-top:-20px;
    
    
    
    height:0px;
    
    
    
    font-size:0px;
    
    
    
    }
    
    
    
    .btn_small{
    
    background:url(images/btn_small.png) transparent;
    
    border:none;
    
    height:17px;
    
    width:80px;
    
    text-align:center;
    
    color:white;
    
    font-size:10px;
    
    padding:0px;
    
    cursor:pointer;
    
    padding-top:8px;
    
    font-weight:normal;
    
    }
    
    input.btn_small {
    
    height:25px;
    
    padding:0px;
    
    }
    
    input.btn_big {
    
    height:25px;
    
    padding:0px;
    
    }
    
    .btn_big{
    
    background:url(images/btn_big.png) transparent;
    
    border:none;
    
    height:17px;
    
    width:104px;
    
    text-align:center;
    
    color:white;
    
    font-size:10px;
    
    padding-top:8px;
    
    cursor:pointer;
    
    font-weight:normal;
    
    }
    
    div.btn_big a, div.btn_small a{
    
    color:#ffffff;
    
    font-weight:normal;
    
    }
    
    #hmenu{
    
    border-bottom:1px #3A0BE3solid;
    
    }
    
    .legende_forum{
    
    padding-top:7px;
    
    height:14px;
    
    font-size:10px;
    
    color:F90808;
    
    }
    
    
    
    .mpl{
    
    
    
    clear:both;
    
    }
    
    .mpl_space {
    
    padding:3px;
    
    float:left;
    
    background:#ffffff;
    
    position:static;
    
    border:1px #000000 solid;
    
    margin-left:3px;
    
    
    
    } 
    
    .mpl_link {
    
    padding:3px;
    
    float:left;
    
    background:#ffffff;
    
    position:static;
    
    border:1px #000000 solid;
    
    margin-left:3px;
    
    } 
    
    .mpl_total{
    
    padding:3px 4px 3px 4px;
    
    float:left;
    
    background:#ffffff;
    
    position:static;
    
    border:1px #000000 solid;
    
    } 
    
    .mpl_sites{
    
    float:right;
    
    position:static;
    
    
    
    } 
    
    
    
    
    
    .latestdowns{
    
    
    
    color:#919293;
    
    
    
    font-size:10px;
    
    
    
    width:147px;
    
    
    
    height:34px;
    
    
    
    margin-top:14px;
    
    
    
    margin-left:1px;
    
    
    
    margin-right:1px;
    
    
    
    float:left;
    
    
    
    position:relative;
    
    
    
    padding:3px;
    
    
    
    }
    
    
    
    .latestdowns .readmore{
    
    
    
    float:right;
    
    
    
    }
    
    .latestdowns .readmore a{
    
    
    
    color:#f25200;
    
    
    
    position:absolute;
    
    
    
    right:2px;
    
    
    
    bottom:3px;
    
    
    
    font-size:9px;
    
    
    
    }
    
    .latestdowns .readmore a:hover{
    
    
    
    color:#919293;
    
    
    
    }
    
    
    
    
    
    
    
    .gbook_entries{
    
    padding:3px;
    
    float:left;
    
    background:#ffffff;
    
    position:static;
    
    border:1px #aaaaaa solid;
    
    }
    
    
    
    
    
    
    
    ul.dropdown{ 
    
    margin-top:-16px;
    
    position: relative; 
    
    list-style: none;
    
    }
    
    ul.dropdown li{ 
    
    float: left;
    
    background:url(images/b_off-trans.png);
    
    margin-left:-12px;
    
    height:31px;
    
    }
    
    ul.dropdown li a {
    
    width:137px;
    
    text-align:center;
    
    display: block;
    
    padding-top:7px;
    
    color: #ffffff;
    
    
    
    padding-left:4px;
    
    }
    
    ul.dropdown li:hover{
    
    background:url(images/b_on-trans.png);
    
    color: black;
    
    position: relative;
    
    }
    
    ul.dropdown li.hover a {
    
    color: #ffffff;
    
    background-image:none;
    
    }
    
    
    
    
    
    /* 
    
    	LEVEL TWO
    
    */
    
    ul.dropdown ul{
    
    background-image:none;
    
    width: 114px; 
    
    visibility: hidden; 
    
    position: absolute; 
    
    top: 100%; 
    
    margin-left:-26px; 
    
    font-size:12px;
    
    z-index:100;
    
    list-style: none;
    
    
    
    }
    
    ul.dropdown ul li { 
    
    background-image:none;
    
    font-weight: normal; 
    
    background: #111111; 
    
    float: none; 
    
    text-align:left;
    
    height:25px;
    
    }
    
    
    
    ul.dropdown ul li a{ 
    
    float: none; 
    
    text-align:left;
    
    
    
    }
    
    
    
    ul.dropdown ul li:hover{ 
    
    background-image:none;
    
    background: #333333; 
    
    
    
    }
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    also wichtig sind

    content_left
    content_center
    content_right

    die haben alle eine Breite + Padding was zur breite addiert wird. und diese summe darf die breite-padding von content nicht überschreiten.


    wollte es gerade auch live anschauen aber die seite geht ja gar nich
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    Doch die Seite geht. externer Link
    Wir haben es ja nicht Live da besucher kommen daher auch nur das Bild


    Zuletzt modifiziert von beschi am 20.10.2013 - 21:19:01
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    die seite lädt bei mir nicht wirklich ...

    ich vermute da ist irgendwo noch ein left oder ein padding-left was das zu weit nach rechts schiebt ...
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    sonst den mal versuchen. externer Link


    Zuletzt modifiziert von beschi am 20.10.2013 - 21:55:07
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    du musst mal das div rotation links raus nehmen

    und wo ist die seite wo links auch ne box ist?
    0 Mitglieder finden den Beitrag gut.
  17. #17
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    So ich hab es jetzt mal Live.Die Rotation haben wir jetzt alle raus genommen.

    Wäre es vielleicht machbar mir den Code so zu schreiben das es Funktioniert


    Zuletzt modifiziert von beschi am 20.10.2013 - 22:24:44
    0 Mitglieder finden den Beitrag gut.
  18. #18
    User Pic
    Ahrtas Moderator
    Registriert seit
    17.12.2007
    Beiträge
    2.368
    Beitragswertungen
    210 Beitragspunkte
    ZitatZitat geschrieben von beschi

    So ich hab es jetzt mal Live.Die Rotation haben wir jetzt alle raus genommen.

    Wäre es vielleicht machbar mir den Code so zu schreiben das es Funktioniert


    Zuletzt modifiziert von beschi am 20.10.2013 - 22:24:44
    Nein das ist nicht machbar! Wir helfen dir und du änderst es selbst, zeige Selbstinitiative!
    0 Mitglieder finden den Beitrag gut.
  19. #19
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    Ja gerne was genau müsste ich denn jetzt tun damit es Funktioniert

    ich hab die Box oben erst mal raus genommen


    Zuletzt modifiziert von beschi am 20.10.2013 - 22:51:16
    0 Mitglieder finden den Beitrag gut.
  20. #20
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    div#rotation_links mal raus nehmen
    0 Mitglieder finden den Beitrag gut.
  21. #21
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    Hallo holz die ist RAUS
    0 Mitglieder finden den Beitrag gut.
  22. #22
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    Hier mal die überarbeitete Index

    <html>
    <head>
    	<title>{TITLE}</title>
    	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    	<link rel="stylesheet" type="text/css" href="include/designs/blue_v1/style.css">
    	<script type="text/javascript" language="javascript" src="include/designs/blue_v1/jquery.js"></script> 
    	<script type="text/javascript" language="javascript" src="include/designs/blue_v1/easySlider1.7.js"></script> 
    	<!--[if lt IE 7]> 
    	<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
    	<![endif]-->
    
    </head>
    <body><a id="top" name="top"></a><div id="header-bg"></div>  
    <table cellspacing="0" cellpadding="0" border="0" id="center" width="100%"><tr><td valign="top" align="center">
    <table cellspacing="0" cellpadding="0" border="0" id="container" width="1000"><tr><td valign="top">
    <div id="container_div"><div id="header-bg"></div>
    <div id="header">
    <div id="header_title">{_boxes_title}</div>
    <div id="header_box">{_boxes_text}</div>
    <div id="menu">
            <ul class="dropdown">
            	<li><a href="index.php?news">Home</a>
    			<ul class="sub_menu">
    					{_list_menunr1@<!--%1-->%2}
            		</ul></li>
            	<li><a href="index.php?forum">Forum</a>
            		<ul class="sub_menu">
    					{_list_menunr2@<!--%1-->%2}
            		</ul>
            	</li>
            	<li><a href="index.php?downloads">Downloads</a></li>
            	<li><a href="index.php?impressum">Impressum</a></li>
            	<li><a href="index.php?contact">Kontakt</a></li>
            </ul>
    </div></div>
    <div id="content">
    <div id="content_padding-top"></div>
    
    <div id="content_left">
    {_list_menunr4@<div class="box_out"><div class="box_in">
    <div class="box_header">%1</div>
    <div class="box_content">%2</div>
    </div></div><br />}
    </div>
    <div id="content_padding-bottom"></div>
    
    <div id="content_center">
    <div id="gallery">{_boxes_ROTATION}</div>
    <div id="inhalt">
    {EXPLODE}
    </div>
    </div>
    <div id="content_right">
    {_list_menunr5@<div class="box_out"><div class="box_in">
    <div class="box_header">%1</div>
    <div class="box_content">%2</div>
    </div></div><br />}
    </div>
    
    <div id="content_padding-bottom"></div>
    </div>
    <div id="footer"><div id="footer-bg"></div>	
    <div id="footer_copy">&copy; Copyrights © 2012 <a href="http://www.newsgamer.de">Newsgamer</a></div>
    <div id="footer_menu">{_list_menunr3@<!--%1-->%2}<a href="#top"><img src="include/designs/blue_v1/images/top.png" border="" alt="" /></div>
    </div>
    </div>
    
    </td></tr></table>
    </td></tr></table>
    </body>
    </html>
    
    
    
    {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>}
    {_list_vmenubegi@}
    {_list_vmenuende@}
    {_list_hmenupoint@<a target="%1" class="box" href="%2">%3</a>| I }
    {_list_hmenubegi@}
    {_list_hmenuende@}
    0 Mitglieder finden den Beitrag gut.
  23. #23
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    ja dann sollte es doch gehen ch hab das nur in mit firebug getestet aber bei mir rutscht dann der content ein ganzes stück nach links und dann kann man eine box links reinpacken
    0 Mitglieder finden den Beitrag gut.
  24. #24
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    Wir bekommen die schon rein nur rutscht das alles so nach unten und wir Wissen nicht wie wir es bündig bekommen
    0 Mitglieder finden den Beitrag gut.
  25. #25
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    ja das hab ich schon kapiert

    in welches menü hast du die box eingehängt?
    0 Mitglieder finden den Beitrag gut.
  26. #26
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    Menü 4
    0 Mitglieder finden den Beitrag gut.
  27. #27
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    ja ist es aktuell online? mit einer box links?

    lad es mal hoch ohne das rotation liinks und mit einer box drin dann schau ich nochmal


    Zuletzt modifiziert von holz am 21.10.2013 - 21:52:33
    0 Mitglieder finden den Beitrag gut.
  28. #28
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    Ok ist drin. Die einzige Rotation die drin ist ist die von der Gallery
    0 Mitglieder finden den Beitrag gut.
  29. #29
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    also ich habs sorry das das so lange ging aber die struktur der seite ist total undurch sichtig!

    wieso hast du divs und dann doch tabellen ??? ... die solltest du mal eliminieren


    nach dem content_left kommt ein div das hat die id: content_padding-bottom

    zunächst mal id's dürfen auf einer seite nur einmal vorkommen da müsste man klassen nutzen ...


    hau das div raus dann ist es links bündig ...
    0 Mitglieder finden den Beitrag gut.
  30. #30
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    Ok haben es so gemacht ist zwar ein wenig nach oben grutscht aber nicht bündig.
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Anfragen / Angebote

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten