Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag13.01.2010 um 20:32 (UTC)    
Titel: Rand um Header etc.

Hallo,

Ich hoffe ihr könnt mir helfen.
Ich habe mir meinen eigenen Hintergrund erstellt jedoch werden um die Fenster dort weiße Rahmen angezeigt.
Wie kann ich es machen das der Hintergrund quasi an diesen Fenster anliegt?ß


Mfg Pimp
Beitrag13.01.2010 um 20:37 (UTC)    
Titel:

Hallo

Tu mal biite deinen gesamten Code von css ohne Style Tags hier rein dann kann man dir besser helfen( glaube der fehler ist das weiß als hintergrundfareb angegeben ist)
______________
Beitrag13.01.2010 um 20:43 (UTC)    
Titel:

Hi,
ersetze folgende zwei Abschnitte:
Zitat:
#content {
width: 640px;
color: #000000;
background-image: url(http://img.webme.com/pic/p/poddi-test/content_bg.png);
background-color: transparent;
margin: 0px 0px 0px 20px;
display: inline;
padding: 5px;
padding-bottom: 0px;
float: left;
overflow: auto;}
Zitat:
#rechts{
width: 223px;
background-color: transparent;
margin: 43px 0px 0px 0px;
float: right;
overflow: none;}


Gruss

Riki
Beitrag13.01.2010 um 20:43 (UTC)    
Titel:

Code:
h1#title{display: none;}   
h2#title span {display: none;}   
div.header{display: none;}   
li.nav_element{list-style-type: none;}   
li{list-style-type: none;} #counter{margin-left: 25px;width: 250px;} 
 
body {   
    background-image: url(http://www.abload.de/img/unbenannt13nh.png);   
    background-color: #000000;}     
 
p, div, b{   
    font-family:  Sans-Serif;   
    font-size: 12px;   
    text-decoration: none;}     
a{ 
    color : #99cc00;   
    font-size : 12px;   
    text-decoration : none;}   
       
a:hover {   
    color : #3AA9CA;   
    font-size: 12px;   
    text-decoration: none;}     
     
a:active { 
    color : #3AA9CA;   
    font-size : 12px;   
    text-decoration : none;}     
     
* { padding: 0; margin: 0; }   
 
#Poddi{   
    margin : 0 auto;   
    margin-top: 10px;   
    margin-bottom: 10px;   
    width : 898px;   
    border: 2px solid #C0C0C0;   
    background-color: #FFFFFF;}     
 
#Header {   
    background-image: url();   
    width: 748px;   
    height: 81px;   
    font-size: 50px; color: #99CC00;   
    float : left;   
    padding: 20px 0px 0px 150px;}     
     
#nav_container{   
    background-image: url(http://img.webme.com/pic/p/poddi-test/greennav_bg.png);   
    background-color: #ffffff;   
    height: 28px;   
    width: 858px;   
    float: left;   
    clear: both;   
    margin: -67px 20px 0px 20px;}     
     
#top{   
    background-image: url(http://img.webme.com/pic/p/poddi-test/sidebar_head.png);   
    height: 14px;   
    width: 190px;   
    padding: 5px;   
    float: right;   
    font-weight: bold;   
    color: #73BA0F;   
    margin-right: 20px;}   
     
#Box{   
    background-image: url(http://img.webme.com/pic/p/poddi-test/sidebar_bg.png);   
    font-size: 12px;   
    padding: 5px;   
    padding-bottom: 0px;   
    width: 190px;   
    float: right;   
    margin-right: 20px;}   
     
#bottom{   
    background-image: url(http://img.webme.com/pic/p/poddi-test/sidebar_foot.png);   
    height: 7px;   
    width: 200px;   
    float: right;   
    margin-right: 20px;   
    margin-bottom: 10px;}   
     
#nav a {   
    text-decoration: none;   
    color: #FFFFFF;}     
     
#nav li{   
    list-style-type: none;   
    color: #FFFFFF;   
    display: block;   
    font-size: 12px;   
    text-decoration: none;   
    height: 14px;   
    padding: 5px;   
    float: left;   
    background-image: url(http://img.webme.com/pic/p/poddi-test/greennav.png);}   
     
#nav li:hover{   
    height: 14px;   
    list-style-type: none;   
    color: #FFFFFF;   
    display: block;   
    font-size: 12px;   
    text-decoration: none;   
    background-image: url(http://img.webme.com/pic/p/poddi-test/greennav_hover.png);   
    padding: 5px;}   
     
#nav li.checked_menu{   
    height: 14px;   
    list-style-type: none;   
    color: #FFFFFF;   
    display: block;   
    font-size: 12px;   
    text-decoration: none;   
    background-image: url(http://img.webme.com/pic/p/poddi-test/greennav_hover.png);   
    padding: 5px;}     
     
#nav li a{   
    list-style-type: none;   
    color: #FFFFFF;   
    display: block;   
    font-size: 12px;   
    text-decoration: none;}   
     
#nav li a:hover{   
    color: #FFFFFF;}   
 
#content_top{   
    width: 640px;   
    height: 14px;   
    background-image: url(http://img.webme.com/pic/p/poddi-test/content_head.png);   
    margin: 0px 0px 0px 20px;   
    display: inline;   
    font-weight: bold;   
    color: #73BA0F;   
    padding: 5px;   
    float: left;}   
     
#content {   
    width: 640px;   
    color: #000000;   
    background-image: url(http://img.webme.com/pic/p/poddi-test/content_bg.png);   
    background-color: #FFFFFF;   
    margin: 0px 0px 0px 20px;   
    display: inline;   
    padding: 5px;   
    padding-bottom: 0px;   
    float: left;   
    overflow: auto;}     
     
#content_bottom {   
    width: 650px;   
    height: 7px;   
    background-image: url(http://img.webme.com/pic/p/poddi-test/content_foot.png);   
    margin: 0px 0px 10px 20px;   
    display: inline;   
    float: left;}     
     
#links{   
    width: 675px;   
    background-color: #FFFFFF;   
    margin: 43px 0px 0px 0px;   
    float: left;   
    overflow: none;}   
     
#rechts{   
    width: 223px;   
    background-color: #FFFFFF;   
    margin: 43px 0px 0px 0px;   
    float: right;   
    overflow: none;}     
     
#Footer{   
    width: 898px;   
    height: 20px;   
    background-image: url(http://img.webme.com/pic/p/poddi-test/foot.png);   
    color: #000000;   
    text-align: center;   
    font-size: 11px;   
    clear: both;}         
     
/*<<--ENDE-->>*/     
 
/*WERBUNG ZENTRIEREN*/   
 
-->  </style> 
<table style="margin: 0px auto; margin-top: 0px;" cellpadding="0" cellspacing="0" ><tr><td>   
<style type="text/css">  <!-- 




Zusätzlich möchte ich mir meinen eingenen Header erstellen.
Jedoch kann ich das nicht machen da ich ihn nicht hochladen muss also muss ich den ja auch als code einbinden. Nur an welche Stelle komme der dann?


Kommt der hier rein?
Code:
#Header {   
    background-image: url();   
    width: 748px;   
    height: 81px;   
    font-size: 50px; color: #99CC00;   
    float : left;   
    padding: 20px 0px 0px 150px;}     
bei background image : url ( www.xxxxx.de)
Beitrag13.01.2010 um 20:47 (UTC)    
Titel:

So zu deinem Header dann:

Zitat:

#Header {
background-image: url(Hier die URL des Headers rein);
width: 748px;
height: 81px;
font-size: 50px; color: #99CC00;
float : left;
padding: 20px 0px 0px 150px;}

______________


Zuletzt bearbeitet von gbpics4all am 13.01.2010, 21:51, insgesamt 2-mal bearbeitet
Beitrag13.01.2010 um 20:49 (UTC)    
Titel:

Hi,
darf ich bitte auf meinen oberen Post aufmerksam machen.
Ich denke der wurde nicht absichtlich übergangen. Wink

Gruss
Riki
Beitrag13.01.2010 um 20:50 (UTC)    
Titel:

riki-designs hat Folgendes geschrieben:
Hi,
darf ich bitte auf meinen oberen Post aufmerksam machen.
Ich denke der wurde nicht absichtlich übergangen. Wink

Gruss
Riki


Ne wurde er nicht. Hab da mal ausversehen was überlessen Rolling Eyes
______________
Beitrag13.01.2010 um 20:51 (UTC)    
Titel:

gbpics4all hat Folgendes geschrieben:
riki-designs hat Folgendes geschrieben:
Hi,
darf ich bitte auf meinen oberen Post aufmerksam machen.
Ich denke der wurde nicht absichtlich übergangen. Wink

Gruss
Riki


Ne wurde er nicht. Hab da mal ausversehen was überlessen Rolling Eyes

War auch kein Vorwurf.
Ist wichtiger, wenn dies der Threadverfasser kommentiert.

Gruss
Riki
Beitrag13.01.2010 um 21:15 (UTC)    
Titel:

Super ihr habt mir echt weiter geholfen:)
Beitrag13.01.2010 um 21:20 (UTC)    
Titel:

pimpmyarena hat Folgendes geschrieben:
Super ihr habt mir echt weiter geholfen:)

Hats denn funktioniert?

Gruss

Riki
Beitrag13.01.2010 um 21:43 (UTC)    
Titel:

Ja auf der rechten sieht ist es jetzt bündig nur links noch nicht.
Was nun?
Beitrag13.01.2010 um 22:17 (UTC)    
Titel:

ich denke es liegt am Counter..

#Counter {
background-color: transparent; }

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



Beitrag13.01.2010 um 22:37 (UTC)    
Titel:

Den befehl finde ich in keinen der Codes
Beitrag13.01.2010 um 22:40 (UTC)    
Titel:

versuch ma den einfach hinzu zufügen..
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!



Beitrag13.01.2010 um 22:53 (UTC)    
Titel:

wobei es natürlich auch an folgendem liegen kann:


#links{
width: 675px;
background-color: #FFFFFF;
margin: 43px 0px 0px 0px;
float: left;
overflow: none;}

ersetze das mit transparent;

dann sollte es klappen 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!



Beiträge der letzten Zeit anzeigen:   


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