Suche im Forum:
Suchen


Autor Nachricht
Beitrag12.12.2010 um 12:41 (UTC)    
Titel: Unten am Footer

Hallo Leute,

Ich hab doch unten am Footer eine Grafik mit Hover wo Twitter drauf steht. Aber ich möchte die Grafik Links an der Seite haben. Ich poste mal meine Codes.

Text über dem Design
Code:
<style type="text/css">
<!--
div#DesignContainer{
margin: 0 auto!important;
width: 900px;}
-->
</style>
<div id="DesignContainer">


Text unter dem Design
Code:
<div id="content_bottom"> </div>
<div id="twitter"> </div>
<div id="facebook"> </div>
<div id="youtube"> </div>
<iframe src="http://www.homepage-baukasten.de/cookie.php?visit=kenanmustafa&auth1=19c87aaef89485557616beb7854fabf4&auth2=69eb158256dba53cb5b05efa38feed09&auth3=768f01582e9dc80db586a060859acd65&auth4=f4336935f7d4f8206a5c8b8db02cac5a&auth5=7ae81363bb7f394023296e8c62a3c03b&mode=track" style="display: none; width: 1px; height: 1px;"></iframe>



<div id="Twitter"><a href="HIER DIE ADRESSE" target="_blank">
<img src="http://img.webme.com/pic/k/kenanmustafa/tg_twitter.png" border="0"onmouseover="
this.src='http://img.webme.com/pic/k/kenanmustafa/tg_twitter_hover.png';" onmouseout="
this.src='http://img.webme.com/pic/k/kenanmustafa/tg_twitter.png';"/></a></div>


CSS Code ohne Style Tags
Code:
#below_content{
margin-left:auto;
margin-right:auto;}

h1#header span{display:none;}
#header{
margin-left:8px!important;}

#nav_container:after{margin: -13px -20px 0px 0px!important;}

/*Ausgeblendet*/
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{list-style-type: none;}
li.nav_element checked_menu{display:none;}
li.nav_element subpage{display:none;}
li.nav_element{display:none;}
#counter{display:none;}


/*Background*/

body {
    background: url(http://img.webme.com/pic/k/kenanmustafa/bg5.jpg) repeat;
    font-family: arial, sans-serif;
    font-size: .8em;
    padding: 0px;
    margin: 0px;}
   
#bg_top{
    background: url() repeat-x;
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0px;
    z-index: -1;}

/*Header*/

#header{
    background: url(http://img.webme.com/pic/k/kenanmustafa/header10.png) no-repeat;
    width: 880px;
    height: 159px;
    margin-bottom: -18px;
    float: left;}

/*CONTENT*/

#content{
    width: 836px;
    min-height: 450px;
    background: url(http://img.webme.com/pic/k/kenanmustafa/content_bg.png) repeat-y;
    float: left;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    color: #646464;}

#content_top{
    background: url(http://img.webme.com/pic/k/kenanmustafa/content_top.png) no-repeat;
    width: 896px;
    height: 19px;
    float:left;}


#content_bottom{
    background: url(http://img.webme.com/pic/k/kenanmustafa/content_bottom.png) no-repeat;
    width: 896px;
    height: 19px;
    float: left;}

#content_box{
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    padding: 10px;
    margin: 10px;}

#design_box{
    width: 175px;
    padding: 5px;
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    margin: 5px;}

#design_thumb{
    width: 120px;
    padding: 5px;
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    margin-right: 10px;}

#design_thumb:hover{
    background: #dafd90;
    color: #000;
    cursor: pointer;}

#design_box:hover{
    background: #dafd90;
    color: #000;
    cursor: pointer;}


#design_pre{
    width: 140px;
    padding: 5px;
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    margin: 5px;
     float: left;
    text-align: center;}

#design_pre:hover{
    background: #dafd90;
    color: #000;
    cursor: pointer;}

/*NAVIGATION*/

#nav_container:before{
    content: url(http://img.webme.com/pic/k/kenanmustafa/dream_navl.png);
    width: 20px;
    height: 43px;
    margin: 0px 0px 0px -20px;
    float: left;
    }

#nav_container:after{
    content: url(http://img.webme.com/pic/k/kenanmustafa/dream_navr.png);
    width: 20px;
    height: 43px;
    margin: 0px 0px -20px 0px;
    float: right;
}
#nav_container{
    background: url(http://img.webme.com/pic/k/kenanmustafa/dream_navbg.png) repeat-x;
    width: 872px;
    height: 43px;
    margin: 5px 0px 0px 12px;
    padding: 0px;
    float: left;
    clear:both;
    }

#nav_heading{
    display:none;}
    }

ul#nav{
    list-style-type: none;
}

 li.nav_element{
    float: left;
    display:block;
    color: #000000;
    margin: 5px 10px 0px 10px;
    }

li.checked_menu:before {
    content: url(http://img.webme.com/pic/k/kenanmustafa/dream_tabl.png);
    height: 43px;
    width: 11px;
    margin: 0px 0px 0px -11px;
    float: left;
    }

 li.checked_menu:after{
    content: url(http://img.webme.com/pic/k/kenanmustafa/dream_tabr.png);
    height: 43px;
    width: 11px;
    display:block;
    margin: 0px -10px 0px 0px;
    float: right;
    }

 li.checked_menu {
    background: url(http://img.webme.com/pic/k/kenanmustafa/dream_tabbg.png) repeat-x;
    height: 43px;
    margin: -8px 10px 0px 10px;
    float: left;
    display:block;
    }

li.subpage a{
    font-style: italic;}

li.subpage a:before{
    content: "»  ";}

li.checked_menu a{
    font-weight: bold;
    color: #000000;
    font-size: 13px;
    margin: 15px 7px 0px 7px;
    }

li.checked_menu a:hover{
    text-decoration: none;
    color: #001a7c;
    }

a.menu{
    display:block;
    float: left;
    color: #fff;
    font-style: normal;
    text-decoration: none;
    padding: 2px
    }

a.menu:hover{
    text-decoration: underline;
    }

    /*NAVIGATION ENDE*/



#Twitter{
    width: 206px;
    height: 62px;
    left: 80px;
    float: left;
    position:absolute;left:8%;
    margin-top: 629px;}





Ich hoffe jemand kann mir helfen Wink

Mfg
Kenan


Zuletzt bearbeitet von kenanmustafa am 12.12.2010, 13:43, insgesamt einmal bearbeitet
Beitrag12.12.2010 um 13:08 (UTC)    
Titel:

Wo genau links an der Seite? links neben dem Content?
Beitrag12.12.2010 um 14:58 (UTC)    
Titel:

ja da will ich es haben
Beitrag12.12.2010 um 17:53 (UTC)    
Titel: Gelöst

Hallo Kenan,

hier der Code, wie du das gesagt hast :

Code:
#Twitter {
    float: left;
    height: 62px;
    left: 13%;
    margin-top: 634px;
    position: absolute;
    width: 206px;
}


Das sieht dann besser aus!

Mfg
Ponder-Network
Beitrag13.12.2010 um 14:23 (UTC)    
Titel:

das geht immer noch nicht
Beitrag13.12.2010 um 17:30 (UTC)    
Titel:

Das musst du in den CSS-Code ohne Style-Tags einfügen. Ja halt du musst dein altes Twitter-Code löschen und meinen darein kopieren.

Mfg
Ponder-Network
Beiträge der letzten Zeit anzeigen:   


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