News - Features - Downloads - Forum - Team - Support - Switch View: Screen
Login - Registrierung - Passwort vergessen

Antworten: 9
Seite [1]
RaPiD


Geekboy




Beiträge: 1192
 # Thema - 15.05.2009 um 11:24 Uhr
Hi, ich hab da kleines problem ich hab z.B. ne navbox mit Banners oder Online Users anzeige und da möchte ich gerne eine grafik ganz oben festlegen ohne wiederholter grafik um so mehr es tiefer geht dann lieber ein background color kommt nutzen.

css:
.nrbg3{
background-image:url(images/bg/ProGold_db5.jpg);
vertical-align:top;
background-color:#020202;
width:168px;
height:auto;
color:#e5e517;
vertical-align:text-top;
margin:0px;
}
Inaktiv
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
 # Antwort: 1 - 15.05.2009 um 18:04 Uhr
.nrbg3{
vertical-align:top;
width:168px;
height:auto;
color:#e5e517;
vertical-align:text-top;
margin:0px;
background: url(images/bg/ProGold_db5.jpg) #020202 no-repeat top left;
}


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Zuletzt editiert von Nachtmeister am 15.05.2009 um 18:22 Uhr (1x Editiert)
Inaktiv
|
RaPiD
Thread-Ersteller


Geekboy




Beiträge: 1192
 # Antwort: 2 - 15.05.2009 um 18:27 Uhr
Cool danke Dir klappte wunderbar so sieht das kommende Free template schon besser seitlich aus

EDIT: brauch ich jetzt für jede box eine grafik selbst, weil wenn ich den text kopiere und in jede andere gleich breite boxe rein mache geht das nicht der zeigt das nur bei 1 box an...?!


Zuletzt editiert von RaPiD am 15.05.2009 um 18:43 Uhr (1x Editiert)
Inaktiv
|
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
 # Antwort: 3 - 15.05.2009 um 18:45 Uhr
Ne, das sollte eigentlich genau so bei jeder gehen. Wüsste nicht warum es nicht gehen sollte. Musst aber beachten, dass du deine anderen Background und background-color attributen jeweils rauslöscht, überall wo du das einsetzt.


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
RaPiD
Thread-Ersteller


Geekboy




Beiträge: 1192
 # Antwort: 4 - 15.05.2009 um 18:50 Uhr
Momentan sieht die css so aus und ich find auch den fehler nicht wieso das nicht geht, vllt bin ich auch einfach übermüdet da ich innerhalb 3 tage ein kunde ein design gemacht hab. Würde mich freuen wenn du mal kurz ein blick drüber wirfst.

RaPiDstylez.css +-
body{
background-image:url(images/bg/ProGold_db1.jpg);
width:1000px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
font-family:Verdana,Helvetica,sans-serif;
font-size:7pt;
color:#e5e517;
}

/* Navigation Header */

.pro1{
background-image:url(images/ProGold_02.jpg);
width:7px;
height:14px;
}
.wel{
background-image:url(images/ProGold_03.jpg);
width:363px;
height:14px;
color:#e5e517;
text-align:center;
}
.addy{
background-image:url(images/ProGold_04.jpg);
width:260px;
height:14px;
color:#e5e517;
text-align:center;
}
.cou{
background-image:url(images/ProGold_05.jpg);
width:363px;
height:14px;
color:#e5e517;
text-align:center;
}
.pro2{
background-image:url(images/ProGold_06.jpg);
width:7px;
height:14px;
}

.ntbg{
background-image:url(images/ProGold_09.jpg);
width:948px;
height:10px;
font-size:6pt;
}

/* *Navigation Last */

.nibg1{
background-image:url(images/bg/ProGold_db3.jpg);
background-repeat:repeat;
width:294px;
height:auto;
}
.nibg2{
background-image:url(images/bg/ProGold_db3.jpg);
background-repeat:repeat;
width:294px;
height:auto;
}
.nibg3{
background-image:url(images/bg/ProGold_db3.jpg);
background-repeat:repeat;
width:294px;
height:auto;
}

/* Navigation Left */

.nl1{
background-image:url(images/lines/ProGold_42.jpg);
background-repeat:repeat;
width:10px;
height:auto;
}
.nl2{
background-image:url(images/lines/ProGold_43.jpg);
background-repeat:repeat;
width:28px;
height:auto;
}
.nlbg1{
vertical-align:top;
width:168px;
height:auto;
color:#e5e517;
vertical-align:text-top;
margin:0px;
background: url(images/bg/ProGold_db5.jpg) #020202 no-repeat top left;
}
.nlbg2{
vertical-align:top;
width:168px;
height:auto;
color:#e5e517;
vertical-align:text-top;
margin:0px;
background: url(images/bg/ProGold_db5.jpg) #020202 no-repeat top left;
}
.nlbg3{
vertical-align:top;
width:168px;
height:auto;
color:#e5e517;
vertical-align:text-top;
margin:0px;
background: url(images/bg/ProGold_db5.jpg) #020202 no-repeat top left;
}
.nlbg4{
vertical-align:top;
width:168px;
height:auto;
color:#e5e517;
vertical-align:text-top;
margin:0px;
background: url(images/bg/ProGold_db5.jpg) #020202 no-repeat top left;
}
.nlbg5{
vertical-align:top;
width:168px;
height:auto;
color:#e5e517;
vertical-align:text-top;
margin:0px;
background: url(images/bg/ProGold_db5.jpg) #020202 no-repeat top left;
}

/* Navigation Content */

.con{
width:548px;
color:#000000;
}

/* Navigation Right */

.nr2{
background-image:url(images/lines/ProGold_59.jpg);
background-repeat:repeat;
width:28px;
height:auto;
}
.nr1{
background-image:url(images/lines/ProGold_60.jpg);
background-repeat:repeat;
width:10px;
height:auto;
}
.nrbg1{
vertical-align:top;
width:168px;
height:auto;
color:#e5e517;
vertical-align:text-top;
margin:0px;
background: url(images/bg/ProGold_db5.jpg) #020202 no-repeat top left;
}
.nrbg2{
vertical-align:top;
width:168px;
height:auto;
color:#e5e517;
vertical-align:text-top;
margin:0px;
background: url(images/bg/ProGold_db5.jpg) #020202 no-repeat top left;
}
.nrbg3{
vertical-align:top;
width:168px;
height:auto;
color:#e5e517;
vertical-align:text-top;
margin:0px;
background: url(images/bg/ProGold_db5.jpg) #020202 no-repeat top left;
}
.nrbg4{
vertical-align:top;
width:168px;
height:auto;
color:#e5e517;
vertical-align:text-top;
margin:0px;
background: url(images/bg/ProGold_db5.jpg) #020202 no-repeat top left;
}
.nrbg5{
vertical-align:top;
width:168px;
height:auto;
color:#e5e517;
vertical-align:text-top;
margin:0px;
background: url(images/bg/ProGold_db5.jpg) #020202 no-repeat top left;
}
.nrbg6{
vertical-align:top;
width:168px;
height:auto;
color:#e5e517;
vertical-align:text-top;
margin:0px;
background: url(images/bg/ProGold_db5.jpg) #020202 no-repeat top left;
}
Inaktiv
|
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
 # Antwort: 5 - 15.05.2009 um 19:04 Uhr
Sehe jetzt auch wirklich grad kein Fehler (vielleicht jemand anderes). Hast du einen Link zum lebenden Objekt?


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
RaPiD
Thread-Ersteller


Geekboy




Beiträge: 1192
 # Antwort: 6 - 15.05.2009 um 19:08 Uhr
Jop, wunder dich nicht wenn der Server ausfällt, funpic halt hab keine anderen spaces um meine templates an zu passen
http://rapid4designz.ra.funpic.de


Inaktiv
|
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
 # Antwort: 7 - 15.05.2009 um 19:25 Uhr
Klappt alles wunderbar. Warum du die Bilder nicht siehst liegt daran, das zu wenig Inhalt in den jeweiligen Blöcken ist, damit der Hintergrund nach unten gezogen wird. Der Hintergrund wird auch immer nur nach unten angezeigt, wenn der Inhalt auch dementsprechend Weit nach unten reicht.

Ein weiteres Problem ist, dass du hinter diesen NavBoxen, welche du mit dem hintergrundbild versehen hast, noch den Hintergrund als grau definiert hast. Ich weiss nicht, wo genau du das definiert hast. Find mich gerade nicht so zurecht zwischen deinem Tabellen Salat


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
scennative


Poststar




Beiträge: 640
 # Antwort: 8 - 15.05.2009 um 20:15 Uhr
@RaPiD

Du ich wurde das func:show noch zentrieren, da der Inhalt linksbündig ist. Hab es bemerkt als ich einen Shoutbox eintrag auf der Testseite erstellt habe:

Shoutbox - Eintragen
Vorgang erfolgreich.

Weiter

Also würde besser ausschauen wenn man es zentriert macht

Greetz Scenna
Inaktiv
|
RaPiD
Thread-Ersteller


Geekboy




Beiträge: 1192
 # Antwort: 9 - 15.05.2009 um 20:15 Uhr
tja also ich komm bestens damit klar dafür kann ich xhtml kein meter trotz video tut.
Also danke für die schnelle Info & hilfe, dann kann ich ja weiter machen.


Inaktiv
|
Antworten: 9
Seite [1]


Sie müssen sich registrieren, um zu antworten.

ClanSphere Project - Mailus - Imprint - Disclaimer - Scriptinfo