<b>REGISTER</b>

GFX-Sector - HTML, CSS


 
GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » CSS Hintergrund » Hello Guest [Login|Register]
Last Post | First Unread Post Print Page | Recommend to a Friend | Add Thread to Favorites

HTML, CSS
Einfache Scriptsprachen und deren Layout mit HTML und CSS
Post New Thread Post Reply

CSS Hintergrund

     Deutsche Version  English version
Author
Post « Previous Thread | Next Thread »

Weble Weble is a male
Filtertester


Weble hat kein Avatar

Registration Date: 03.05.2007
Posts: 6
Location: Wildenholz
Program: gimp

Spacer
CSS Hintergrund

CSS Hintergrund

       
Hallöchen Wink

so ich bin der neue hier *g* wer was über mich wissen will -> profil *g*

Zu meinen kleinen problemchen Wink

(link entfernt, da dead)

das hintergrund bild funzt net :/

das ganze sollte so aussehen:
(link entfernt, da deadlink)

das problem bei der variante war allerdings der Content

in der neuen verison hab ich das gelöst, allerdings war da dann anschließend mein hingergrund schwarz und das bild weg unglücklich

Jemand von euch ne Idee wie ich das bild wider herbekomm?


MfG
Weble
CSS Hintergrund 03.05.2007 22:30 Weble is offline Homepage of Weble Search for Posts by Weble

Mero Mero is a male
The Dreadworks Project

Spender


Avatar von Mero

Registration Date: 12.11.2006
Posts: 3,294
Location: Weserbergland
Program: Photoshop, Illustrator, Notepad++
Deviantart: dreadworks

Spacer
      

meinst den hintergrund oben?

naja

.divname {
background-image: url(deinhintergrund.png);
repeat: repeat-x;
margin: 0;
padding: 0;
}

wäre halt so standart^^

ich verstehe dein problem nicht so ganz. hast du was im quelltext geändert oder nur die Formatierung im css?


.
The Dreadworks Project

And in my darkest moment, fetal and weeping
The moon tells me a secret - my confidant
As full and bright as I am
This light is not my own and
A million light reflections pass over me
CSS Hintergrund 03.05.2007 22:58 Mero is offline Homepage of Mero Search for Posts by Mero

Weble Weble is a male
Filtertester


Weble hat kein Avatar

Registration Date: 03.05.2007
Posts: 6
Location: Wildenholz
Program: gimp

Thread Starter Thread Started by Weble
Spacer
      

also das urprüngliche Problem war, das das Content nicht größer wurd under inhalt drüber hinaus ging unglücklich

Die CSS von damals war:

code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:

ody       { height:100%; margin:0; padding:0; background: #090909 url(1.jpg); background-repeat:repeat-x; font-family: Verdana; font-size: 10px; color: #393939; }

html       { height:100%; }

* html #haupt { 100%; }

a:link     { font:10px  Verdana, Arial, Helvetica; color:#393939; text-decoration:none; }
a:active   { font:10px  Verdana, Arial, Helvetica; color:#393939; text-decoration:none; }
a:hover    { font:10px  Verdana, Arial, Helvetica; color:#BD0000; text-decoration:none; }
a:visited  { font:10px  Verdana, Arial, Helvetica; color:#393939; text-decoration:none; }


#Haupt     { background: url(3.jpg); width: 880px; height:100%; margin:0px auto; }
#Header    { background: url(2.jpg); width: 650px; height:118px; float: left; }
#Login     { background: #444444 url(4.jpg); width: 230px; height: 96px; float:right; padding-top: 22px; }
#Menue     { width: 180px; height: 100%;  float: left; margin-top: 5px; }
#Content   { width: 695px; height: 100%; float: right; margin-top: 5px; }
#Menue LI  { background: url(Bullet.jpg) no-repeat left; padding:2px 0 2px 10px; list-style: none; width: 80px; border-bottom: 1px dotted #C7C7C7; }
#Menue UL  { padding-left: 0px; margin-left: 10px; } 
#IMG-A     { background: url(Arrow.jpg) no-repeat left; margin-left: 10px; padding-left: 22px; }
fieldset   { width: 96%; }
input      { border: 1px solid #C7C7C7; height: 12pt; font-size: 8pt; }
select     { border: 1px solid #C7C7C7; height: 12pt; font-size: 8pt; }
legend     { background: url(Arrow.jpg) no-repeat left; margin-left: 10px; padding-left: 22px; }

.balken    { background-image: url(balken_gruen.jpg); )
 width: 200px; height: 15px; overflow: hidden; padding: 0; }

.belegt    { top: 0; width: 200px; height: 15px; background-image: url(balken_rot.jpg); }


Jetzt hab ich mit hilfe aufm irc das ganze hinbekommen, das sich das Conent Div dem inhalt anpasst alledings ist nun der hintergrund weg (das Bild 1.jpg) also der schwarze hintergrund mit den grauen streifen oben (zu sehen hier: http://sbnc.ucob.net/sbnc/login.php)

Hier die neue Seite:
http;//weble.dyndns.org/~markus/index.html

wie man sieht is der hintergrund nun komplett schwarz

Die neue CSS:
code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:

body 	   { height: 100%; margin:0; padding:0; background: #090909 url('1.jpg'); background-repeat:repeat-x; font-family: Verdana; font-size: 10px; color: #393939; }


html       { background: #000 url('3.jpg') repeat-y center;}

a 	   { font:10px  Verdana, Arial, Helvetica; color:#393939; text-decoration:none; }
a:hover    { color:#BD0000; }


#Haupt     { /* background: url('3.jpg');*/ width: 880px; height: 100%; margin:0px auto; }
#Header    { background: url('2.jpg'); width: 650px; height:118px; float: left; }
#Login     { background: #444444 url(4.jpg); width: 230px; height: 96px; float:right; padding-top: 22px; }
#Menue     { width: 180px; height: 100%; float: left; margin-top: 5px;}
#Content   { width: 695px; height: 100%; float: right; margin-top: 5px; }
#Menue LI  { background: url('Bullet.jpg') no-repeat left; padding:2px 0 2px 10px; list-style: none; width: 80px; border-bottom: 1px dotted #C7C7C7; }
#Menue UL  { padding-left: 0px; margin-left: 10px; } 
#IMG-A     { background: url('Arrow.jpg') no-repeat left; margin-left: 10px; padding-left: 22px; }
fieldset   { width: 96%; }
input      { border: 1px solid #C7C7C7; height: 12pt; font-size: 8pt; }
select     { border: 1px solid #C7C7C7; height: 12pt; font-size: 8pt; }
legend     { background: url('Arrow.jpg') no-repeat left; margin-left: 10px; padding-left: 22px; }

.balken    { 
	background-image: url('balken_gruen.jpg'); 
	width: 200px; 
	height: 15px; 
	overflow: hidden; 
	padding: 0; 
}

.belegt    { top: 0; width: 200px; height: 15px; background-image: url('balken_rot.jpg');



Mein Problem is hauptsächlich, dass ich mich so gut wie nie mit CSS beschäftigt habe und ich da etz i.M. auf der Leitung stehe :/

Verstehst mich jetzt?
CSS Hintergrund 03.05.2007 23:43 Weble is offline Homepage of Weble Search for Posts by Weble

Mero Mero is a male
The Dreadworks Project

Spender


Avatar von Mero

Registration Date: 12.11.2006
Posts: 3,294
Location: Weserbergland
Program: Photoshop, Illustrator, Notepad++
Deviantart: dreadworks

Spacer
      

/* background: url('3.jpg');*/ warum setzt du das in kommentarklammern?? Ausserdem brauchst du keine ' in die klammern setzen in denen und ein bild angeben willst.

also zu deinem problem. ich bin mit nicht sicher ob

background: #090909 url(1.jpg);

funktioniert. SPlitte das so:

background-color: #090909;
background-image: url(1.jpg);


.
The Dreadworks Project

And in my darkest moment, fetal and weeping
The moon tells me a secret - my confidant
As full and bright as I am
This light is not my own and
A million light reflections pass over me
CSS Hintergrund 04.05.2007 13:29 Mero is offline Homepage of Mero Search for Posts by Mero

Weble Weble is a male
Filtertester


Weble hat kein Avatar

Registration Date: 03.05.2007
Posts: 6
Location: Wildenholz
Program: gimp

Thread Starter Thread Started by Weble
Spacer
      

grml kommenar deswegen weil ichs auskommentiert hab *g* bin am rumprobieren Wink

die hochkommas deswegen, weil mir mal jemand vor ein paar tagen gsagt hat, das das besser ist O.o Splitten werd ich gleihc mal probieren Wink

CSS Hintergrund 04.05.2007 14:18 Weble is offline Homepage of Weble Search for Posts by Weble

Mero Mero is a male
The Dreadworks Project

Spender


Avatar von Mero

Registration Date: 12.11.2006
Posts: 3,294
Location: Weserbergland
Program: Photoshop, Illustrator, Notepad++
Deviantart: dreadworks

Spacer
      

joa sag bescheid obs gefunzt hat...


.
The Dreadworks Project

And in my darkest moment, fetal and weeping
The moon tells me a secret - my confidant
As full and bright as I am
This light is not my own and
A million light reflections pass over me
CSS Hintergrund 04.05.2007 19:39 Mero is offline Homepage of Mero Search for Posts by Mero
 
Spacer
   
GFX-Sector
unregistered


hat kein Avatar


Spacer

Have you enjoyed this topic?

If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)
New Post 04.05.2007 19:39  
Tree Structure | Board Structure
Post New Thread Post Reply
GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » CSS Hintergrund

Similar topics to CSS Hintergrund
Thread
Hintergrundaufnehmnungs-Effekt (Forum: Tutorial-Archiv)
Resource List > CSS. (Forum: sonstige Ressourcen)
per css objekt verschieben (Forum: HTML, CSS)
[Biete Leistung] Html / CSS coder (Forum: Archiv)
Css (Forum: Signaturen/Avatare)

 
Heutige TOP 10 Suchbegriffe:
Cro Wallpaper Auto Comic Cro Comic Auto Gfx Sector Schwarzer Humor Marlboro Kkk Gfx Bf3 Photoshop Tutorials
CSS Hintergrund : HTML, CSS (Permalink)
  Sectorbereich   Forenbereich   Battlesection