Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag14.03.2010 um 10:27 (UTC)    
Titel: CSS Coding Fehler?

Hay,
ich habe eine Frage wie kann ich den eifnachen BG auf ZaX66.de.tl durch eine Grafik ersetzen, ihr könnt euch auf miener Test-Page(Zax66-test.de.tl) mal anschauen was dabei rauskommt und die grafik die ich eigentlich benutzen will sihet so aus: http://www.fotos-hochladen.net/1balkenrot93hfk8ci.png

Könnt ihr mir sagen woran es liegt? Und fragt einfach wenn ihr den CSS-Code von mir brauchen solltet den ich benutze.


mfg
Luka
Beitrag16.03.2010 um 13:58 (UTC)    
Titel:

ich kann zwar nich ganz verstehen, was dein problem ist, aber ich denke mal, die grafik is nich hoch genug .. o.O


edit:

und zu breit Razz
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!





Zuletzt bearbeitet von pure-gfx am 16.03.2010, 14:58, insgesamt einmal bearbeitet
Beitrag16.03.2010 um 20:47 (UTC)    
Titel:

Welche größe müsste die Grafik dan haben? ich meine von der länge her.
Beitrag17.03.2010 um 12:33 (UTC)    
Titel:

lässt sich schwer sagen, wenn sie bei alle auflösungen über die gesammte breite gehn soll .

was du machen könntest wäre, auf die runden ecken zu versichten , eine schmale (vllt 10px) grafik zuerstellen und diese als background zunehmen , der sich auf der x-achse wiederholt..
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!



Beitrag17.03.2010 um 14:55 (UTC)    
Titel:

Ja, Ok. Das wäre eine möglich keit, aber ich habe eine andere Idee, wenn du jetzt nochmal auf meine Testseite gehst siehst du nur noch einen kleinen roten Balken, wie bekomme ich den genau ans Design ran? ich find den COde dazu nirgends.
Beitrag17.03.2010 um 14:58 (UTC)    
Titel:

dazu müsste ich wissen wie dein design-code aussieht und wie du den balken positioniert hast Very Happy
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!



Beitrag17.03.2010 um 15:06 (UTC)    
Titel:

Des letzte ist es, es heißt Moe.


Code:
 

/* DATEN */ /*
Designbezeichnung:      Redstar Black
Designer: Poddi [www.poddi.de.tl]
Kategorie:     CSS Profi / HPBK
Aktuelle Version:     1.0
Erscheinung:     15.Februar 2010
Verfügbare Editionen:     - aktuell Einzelstück

/*AB HIER DARFST DU DEN CSS CODE NACH BELIEBEN NDERN.  DER COPYRIGHTHINWEIS IM FOOTER MUSS ALLERDINGS IMMER BESTEHEN BLEIBEN!*/  /*<<--CSS CODE OHNE STYLE-TAGS ANFANG-->>*/

/*Versteckte Container*/

h1#title{display: none;}
h2#title span {display: none;}
div.header{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;}
#nav_container{display:none;}
#sidebar_container{display:none;}
#counter{display:none;}


/*HINTERGRUND*/

body{
    background: #4e4e4e;
    font-family: verdana, arial, sans-serif;
    font-weight: normal;
    font-size: .69em;
    padding: 0px;
    margin: 0px;}


/*SCHRIFTFORMATIERUNG*/

p{
    margin: 0px;
    font-weight: normal;
    padding: 0px 0px 16px 0px;
    line-height: 1.5em;}

h1{
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    color: #e80000;}

h2{
    margin: 0px;
    font-size: 7;
    color: #525252;}

h3{
    margin: 0px;
    font-size: 80%;
    color: #888888;}
h4{
    margin: 0px;
    font-size: 100%;
    color: #888888;}

h1.hptitle{
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    margin-top: 70px; margin-left: 180px;
    color: #fff;}

h2.slogan{
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 240px;
    font-size: 120%;
    color: #fff;}

a{
    color: #e80000;
    text-decoration: none;
    outline: none;}

a.balken{
    color: #FFFFFF;
    text-decoration: none;
    outline: none;}

a.balken:hover{
    color: #FFFFFF;
    text-decoration: none;
    outline: none;}

a:hover{
    color: #727272;
    text-decoration: underline;}

*{
    padding: 0;
    margin: 0;}

ul, li{
    list-style-type: square;}

hr{
    height: 1px;
    border: 0px dashed #ced2ba;
    background-color: #ced2ba;
    margin: 5px;}
   
img{
    border: 0px;}

/*DESIGN*/

#design{
    width: 900px;
    margin: 0px auto;
    color: #FFF;
    margin-top: 130px;
    font-weight: normal;}

#main{
    width: 900px;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_main.png);
    background-repeat: repeat-y;
    float: left;
    clear.both;}


/*Header*/

#header{
    background-image: url(http://img.webme.com/pic/z/zax66-test/7_foot3.png);
    background-repeat: no-repeat;
    width: 900px;
    height: 10px;
    color: #ffffff;
    margin: 0px auto;
    float: left;
    clear:both;
    margin-top: 0px;}


/*BOX*/

#box{
    width: 200px;
    color: #000;
    float: left;
    margin-left: 10px;}

#btop{
    width: 200px;
    height: 25px;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_btop.png);
    color: #000;
    float: left;}

#bbg{
     width: 180px;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_bbg.png);
    color: #000;
    float: left;
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0px;}

#bbottom{
    width: 200px;
    height: 5px;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_bbottom.png);
    color: #000;
    float: left;}


#box_items a:link,
#box_items a:visited,
#box_items a:hover {
    font-weight: bold;
    width: 159px;
    height: 16px;
    color:#000000;
    display:block;
    padding: 3px;
    border-bottom: 1px solid #e80000;}

#box_items a:hover {color: #888888;
    text-decoration: none;
    font-weight: bold;}



/*CONTENT*/

#subpage{
    width: 638px;
    float: right;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_cbg.png);
    padding-left: 15px;
    padding-right: 15px;
    color: #000;
    margin-right: 10px;}

#ctop{
    width: 668px;
    height: 25px;
    float: right;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_ctop.png);
    margin-right: 10px;}

#content{
    width: 638px;
    float: right;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_cbg.png);
    padding-left: 15px;
    padding-right: 15px;
    color: #000;
    margin-right: 10px;}

#cbottom{
    width: 668px;
    height: 5px;
    float: right;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_cbottom.png);
    margin-right: 10px;}

/*MENU*/


#menu {
    width: 858px;
    height: 27px;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_nav_bg.png);
    margin: 10px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    color: #000;}


#menu_items a:link,
#menu_items a:visited,
#menu_items a:hover {
    font-weight: bold;
    height: 16px;
    color:#505050;
    display:block;
    float: left;
    border-right: 1px solid #bdbdbd;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;}

#menu_items a:hover {color: #e80000;
    text-decoration: none;
    font-weight: bold;}


/*FOOTER*/

#footer{
    width: 900px;
    min-height: 11px;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_foot.png) no-repeat;
    color: #fff;
    margin-bottom: 20px;
    padding-top: 20px;
    text-align: right;
    float: left;
    clear: both;}
#footer1{
    width: 900px;
    min-height: 11px;
    color: #fff;
    margin-bottom: 20px;
    padding-top: 20px;
    text-align: right;
    float: left;
    clear: both;}

#footer a {
    color: #fff;
}

#footer a:hover{
    color: #dc000F;
}

/*WEITERES*/

input{
    border: 1px solid #bdbdbd;
    background: #e8e8e8;
    padding: 2px;}

textarea{
    border: 1px solid #bdbdbd;
    background: #e8e8e8;
    padding: 2px;}

input[type=submit]{
    border: 1px solid #bdbdbd;
    background: #e8e8e8;
    padding: 2px;
    cursor: pointer;}

#moe{width: 100px;
     heigth: 7px; 
     background: #e80000;
     margin-top: 10px;
     margin-left: 400px;
      }






-->

</style>
<table style="margin: 0px auto; margin-top: 0px;" cellpadding="0" cellspacing="0" ><tr><td>
<style type="text/css">
<!--



Zuletzt bearbeitet von zax66 am 17.03.2010, 16:07, insgesamt einmal bearbeitet
Beitrag17.03.2010 um 15:10 (UTC)    
Titel:

versuch doch mal das "moe" div in den design container zuplatzieren. dann sollte es eigentlich funktionieren
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!



Beitrag17.03.2010 um 15:11 (UTC)    
Titel:

wie?
Beitrag17.03.2010 um 15:16 (UTC)    
Titel:

was haste denn bei code über dem design?
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!



Beitrag17.03.2010 um 15:23 (UTC)    
Titel:

Des hier:

Code:
</td></tr></table>
<style type="text/css">
<!--
td[height="102"] {
position:absolute;
left:50%;
margin-top: 100px;
margin-left: -370px; }
-->
</style>
<div id="moe">
<table cellspacing="1" cellpadding="1" border="0" style="width:200 px; height: 50px;">
    <tbody>
        <tr>
            <td>
            <a href="http://www.ZaX66.de.tl" class="balken"><h1 class="hptitle">ZaX66</span></a></h1>
            </td>
            <td>
            <a href="http://www.ZaX66-Award.de.tl" class="balken"><h1 class="hptitle">Award</a></h1>
            </td>
            <td>
            <a href="http://www.ZaX66-Webmaster.de.tl" class="balken"><h1 class="hptitle">Webmaster</a></h1>
            </td>
        </tr>
    </tbody>
</table>


</div>
<div id="design">
<div id="header">
</div>

<div id="main">
<div id="menu">
<div id="menu_items">
<a href="home.htm#"><font size="2" >Startseite</font></a>
<a href="http://ZaX66.de.tl/Blog.htm#"><font size="2" >Blog</font></a>
<a href="/Apps.htm#"><font size="2" >APPs</font></a>
<a href="/Musik.htm#"><font size="2" >Musik</font></a>
<a href="/Filme.htm#"><font size="2" >Filme</font></a>
<a href="/Topliste.htm#"><font size="2" >Topliste</font></a>
<a href="http://ZaX66.de.tl/GB.htm#"><font size="2" >Gästebuch</font></a>
</div></div>

<div id="box">
<div id="btop"></div>
<div id="bbg">
<h1>Navigation</h1>
<h4>Bitte wählen</h4>
<br />

<div id="box_items">
<a href="http://ZaX66.de.tl/About.htm#">»  About</a>
<a href="http://ZaX66.de.tl/Partner.htm#">»  Partner</a>
<a href="http://ZaX66.de.tl/Auszeichnungen.htm#">»  Auszeichnungen</a>
<a href="http://ZaX66.de.tl/LinkMe.htm#">»  Link Me</a>
<a href="http://ZaX66.de.tl/VoteforMe.htm#">»  Vote for Me</a>
<a href="http://ZaX66.de.tl/Counter.htm#">»  Counter</a>
<a href="http://ZaX66.de.tl/Kontakt.htm#">»  Kontakt</a>
<a href="http://ZaX66.de.tl/Impressum.htm#">»  Impressum</a>
</div>
<br /><br />
<h1>Vote for Me</h1>
<h4>Stimme für Mich</h4><br />
<p><a href="http://free-award.xe.cx/abstimmung.php">Free-Award</a>
<br /><a href="http://css.xe.cx/count/385">Witze15</a></p>
<br />
<h1>Partner</h1>
<h4>von ZaX66</h4>
<br />
<div id="box_items">
<a href="http://poddi.de.tl/">»  Poddi</a>
<a href="http://kohompa.de.tl/">»  Kohompa</a>
<a href="http://www.Online-Bewertung.de.tl">»  Online Bewertung</a>
<a href="http://quco.xe.cx/">»  Quoco</a>
<a href="http://papple-tut.de.tl/">»  pApple</a>
<a href="www.ZaX66.de.tl/Bewerbung.htm#">»  Partner werden?</a>
</div><br /><br />
<!-- AddThis Button BEGIN -->
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&username=xa-4b7ae166683b1a0f"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b7ae166683b1a0f"></script>
<!-- AddThis Button END -->
<br />
<br />
</div>
<div id="bbottom"></div>
</div>
<div id="ctop"></div>
<div id="subpage"><h3>Du bist hier: »[subpage]</h1><hr width=100%/></div>


Beitrag17.03.2010 um 15:25 (UTC)    
Titel:

versuche mal,

Code:
<div id="moe">
<table cellspacing="1" cellpadding="1" border="0" style="width:200 px; height: 50px;">
    <tbody>
        <tr>
            <td>
            <a href="http://www.ZaX66.de.tl" class="balken"><h1 class="hptitle">ZaX66</span></a></h1>
            </td>
            <td>
            <a href="http://www.ZaX66-Award.de.tl" class="balken"><h1 class="hptitle">Award</a></h1>
            </td>
            <td>
            <a href="http://www.ZaX66-Webmaster.de.tl" class="balken"><h1 class="hptitle">Webmaster</a></h1>
            </td>
        </tr>
    </tbody>
</table>


</div>


unter:

Code:
<div id="design">
zukopieren.[/code]
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!



Beitrag17.03.2010 um 20:08 (UTC)    
Titel:

Thx hat geklappt, morgen arbeite ich dann weiter am Design.
Beitrag17.03.2010 um 20:32 (UTC)    
Titel:

keen ding

Very Happy
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!



Beitrag18.03.2010 um 17:24 (UTC)    
Titel:

Aber ich versuch jetzt mal mein eigenes Design zu coden Very Happy
Es gibt doch irgendwo so ne Seite wo es ganz grobe vorlagen gibt, wie heißt die nochmal?
Beiträge der letzten Zeit anzeigen:   


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