BlackBoard » Design, Programmierung & Entwicklung » Webdesign » Design Neues Problem: Am Ende des Beitrages.(FERTIG) » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Neues Problem: Am Ende des Beitrages.(FERTIG)
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
newbi newbi ist männlich
CS - Orga


images/avatars/avatar-2180.gif

Dabei seit: 01.10.2005
Beiträge: 365
Herkunft: Schleswig ( Deutschland )

Neues Problem: Am Ende des Beitrages.(FERTIG)       Zum Anfang der Seite springen

Also ich habe das Problem, das das Bild bei einer hohen Auflösung wiederholt und bei einer sehr geringen auflösung, überlapt.

Ich möchte das ganze gerne Dynamisch machen, doch nu meine Frage wie??

ich bin total am verzweifeln.

__________________
Mein Blog ist online und ihr findet ihn

HIER

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von newbi: 25.07.2006 13:30.

22.07.2006 00:09 newbi ist offline E-Mail an newbi senden Homepage von newbi Beiträge von newbi suchen
Wenso Wenso ist männlich
Amokschläfer


images/avatars/avatar-1991.gif

Dabei seit: 25.02.2002
Beiträge: 1.715
Herkunft: Hessen

      Zum Anfang der Seite springen

2 Fragen:
Was hast du?
Was willst du erreichen?

Bonus-Frage: Wo bin ich?

MfG Wenso

__________________
Pipi Langstrumpf ist KRIEG!!!
~for those about to rot~
welcome to where time stands still
no one leaves and no one will

23.07.2006 04:03 Wenso ist offline E-Mail an Wenso senden Homepage von Wenso Beiträge von Wenso suchen
newbi newbi ist männlich
CS - Orga


images/avatars/avatar-2180.gif

Dabei seit: 01.10.2005
Beiträge: 365
Herkunft: Schleswig ( Deutschland )

Themenstarter Thema begonnen von newbi
      Zum Anfang der Seite springen

ich habe ein hintergundbild.

diese bild wird jedoch bei einer sehr großen Auflösung wiederholt.
er setzt das Bild rechts an und fängt damitt von vorne an.

Ich möchte dies verhindern und das Bild dynamisch, also so darstellen das es immer bildschirmfüllend ist, egal welche auflösung man benutzt.

wie mache ich das??



bonus antwort: zu hause?!?!

__________________
Mein Blog ist online und ihr findet ihn

HIER

23.07.2006 14:26 newbi ist offline E-Mail an newbi senden Homepage von newbi Beiträge von newbi suchen
LX LX ist männlich
El Comandante en Jefe


images/avatars/avatar-2290.gif

Dabei seit: 25.11.2001
Beiträge: 5.372
Herkunft: Berliner Bronx

Achtung       Zum Anfang der Seite springen

Das ist mit Hintergrundbildern nicht möglich (und allgemein auch nicht erstrebenswert, Bilder vom Browser strecken oder stauchen zu lassen, da das qualitativ nicht so dufte aussieht).

Zwei Möglichkeiten, die mir gerade einfallen, wie du es umgehen kannst:

Wenn dich lediglich die Kachelung des Hintergrundbildes stört, dann kannst du mittels CSS die Wiederholung unterbinden:
code:
1:
background-repeat: no-repeat;


Oder du machst deine Seite für eine feste Auflösung (800x600 wäre zu empfehlen). Den festen Teil kannst du dann ja im Browserfenster zentriert darstellen, sodass du nicht das Browserfenster vergrößern oder verkleinern lassen musst, wenn Leute mit anderen Auflösungen deine Seite besuchen.

__________________
JS-Games.de - Misled Scripting Skills Gone Mad | Meine Filmkritiken | Urban Photography
Kommt mal in den IRC-Channel: irc.eu.freenode.net | Port 6667 | #blackboard

"Ever tried. Ever failed. No matter.
Try again. Fail again. Fail better."
- Samuel Beckett

23.07.2006 14:43 LX ist offline E-Mail an LX senden Homepage von LX Beiträge von LX suchen
Misel Misel ist männlich
Hüter des Kitkat


images/avatars/avatar-2084.png

Dabei seit: 02.11.2002
Beiträge: 1.203
Herkunft: live://home.berlin.d e

      Zum Anfang der Seite springen

Eventuell funktioniert ein DIV über den ganzen Hintergrund, mit einem Bild drin und
code:
1:
<img src="bild.jpg" alt="blubb" style="width:100%;height:100%;">


Aber LX hat schon recht. Gerade wenn Browser die Bilder skalieren, kommt da nur Grütze raus. großes Grinsen

__________________
LAUFT! Ich spiele KILLERSPIELE!
23.07.2006 15:11 Misel ist offline E-Mail an Misel senden Homepage von Misel Beiträge von Misel suchen
z|x z|x ist männlich
BlackBoarder


images/avatars/avatar-1188.jpg

Dabei seit: 16.01.2002
Beiträge: 1.031
Herkunft: GöTtInGeN

      Zum Anfang der Seite springen

Oder Du machst ein Hintergrundbild, dass die "größte mögliche" Auflösung bedient. Also zum Beispiel 1600x1280 oder wie auch immer. Das setzt Du dann per CSS als
code:
1:
background:url(background1.png) repeat-no;

Je nachdem wie groß die Anwenderauflösung ist, wird nur ein Bildausschnitt gezeigt. Muss natürlich ein Bild sein, mit dem man das auch machen kann.
Kannst Du Dir in änlicher Art und Weise im Header von www.webmasterpro.de anschauen.

So große Bilder sind natürlich keineswegs Webfreundlich! Besser wäre natürlich ein kleines Bild, das dann gekachelt werden kann.

__________________
it's nice to be important, but it's more important to be nice

23.07.2006 15:41 z|x ist offline E-Mail an z|x senden Beiträge von z|x suchen
newbi newbi ist männlich
CS - Orga


images/avatars/avatar-2180.gif

Dabei seit: 01.10.2005
Beiträge: 365
Herkunft: Schleswig ( Deutschland )

Themenstarter Thema begonnen von newbi
      Zum Anfang der Seite springen

danke an alle für die Vorschläge, bin dan gestern abend beim Einschlafen selber noch über eine gestolpert.

Ich werde das bild aufschneiden, in 2 teile. Ein teil Links und einer rechts, und den hintergrund in einer farbe, dadurch ist das ganze Dynmisch und auch so wie ich das wollte.

Das ganze wird dan ne mega div konstruktion werden aber solange das ganze gut auschaut ist mir das egal.

Außerdem sollte das nicht zu so großen Schwerigkeiten bein IE Führen.

könnte nochmal jemand evt. nen Link zu einer CSS referenz posten, also nicht nen tut, sondern eine Liste mit einstellungsmöglichkeiten, zur ausrichtung und so.

Danke

MFG
Newbi

__________________
Mein Blog ist online und ihr findet ihn

HIER

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von newbi: 24.07.2006 09:11.

24.07.2006 09:09 newbi ist offline E-Mail an newbi senden Homepage von newbi Beiträge von newbi suchen
LX LX ist männlich
El Comandante en Jefe


images/avatars/avatar-2290.gif

Dabei seit: 25.11.2001
Beiträge: 5.372
Herkunft: Berliner Bronx

Achtung       Zum Anfang der Seite springen

http://de.selfhtml.org/css/eigenschaften

__________________
JS-Games.de - Misled Scripting Skills Gone Mad | Meine Filmkritiken | Urban Photography
Kommt mal in den IRC-Channel: irc.eu.freenode.net | Port 6667 | #blackboard

"Ever tried. Ever failed. No matter.
Try again. Fail again. Fail better."
- Samuel Beckett

24.07.2006 10:41 LX ist offline E-Mail an LX senden Homepage von LX Beiträge von LX suchen
newbi newbi ist männlich
CS - Orga


images/avatars/avatar-2180.gif

Dabei seit: 01.10.2005
Beiträge: 365
Herkunft: Schleswig ( Deutschland )

Themenstarter Thema begonnen von newbi
      Zum Anfang der Seite springen

Also ich habe nun das Problem, das ich in meinem ganze Div wir war, einen Banner in der mitte ausrichten möchte.

das ganze soll in CSS gelöst werden.

Hier mein lösungsvorschlag ( welche total miserabel ist ) :

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
{
position:fixed;
background-image:url(Aufgrund der anonymität Zensiert);
right:35%;
left:35%;
top:5px; 
width:468px; 
height:60px;
}


__________________
Mein Blog ist online und ihr findet ihn

HIER

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von newbi: 24.07.2006 22:31.

24.07.2006 22:31 newbi ist offline E-Mail an newbi senden Homepage von newbi Beiträge von newbi suchen
z|x z|x ist männlich
BlackBoarder


images/avatars/avatar-1188.jpg

Dabei seit: 16.01.2002
Beiträge: 1.031
Herkunft: GöTtInGeN

      Zum Anfang der Seite springen

Ein bisschen Drumherum wäre schön!
Welches Wirrwarr usw. Wie sollen wir Dir mit dem bisschen CSS helfen, wenn wir den Rest nicht kennen?

__________________
it's nice to be important, but it's more important to be nice

25.07.2006 00:19 z|x ist offline E-Mail an z|x senden Beiträge von z|x suchen
newbi newbi ist männlich
CS - Orga


images/avatars/avatar-2180.gif

Dabei seit: 01.10.2005
Beiträge: 365
Herkunft: Schleswig ( Deutschland )

Themenstarter Thema begonnen von newbi
      Zum Anfang der Seite springen

Hier einmal der ganze CSS Code:


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:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:

body
{ background-color:rgb(0,124,184); margin:0px; }

#header{
position:fixed;
top:0px; 
left:0px;
width:100%;
height:68px;
background-color:black;
}

#header0{
position:fixed;
background-image:url(....);
background-repeat:repeat-x;
top:68px;
left:135px;
right:135px;
width:100%;
height:40px;
}

#header1{
position:fixed;
background-image:url(....);
background-repeat:no-repeat;
top:0px; 
left:0px; 
width:135px; 
height:68px;
}

#header2{
position:fixed;
background-image:url(.....);
background-repeat:no-repeat;
top:68px; 
left:0px; 
width:135px; 
height:40px;
}

#header3{
position:fixed;
background-image:url(....);
background-repeat:no-repeat;
top:0px; 
left:135px; 
width:75px; 
height:68px;
}

#header4{
position:fixed;
background-image:url(....);
background-repeat:no-repeat;
top:0px; 
right:0px; 
width:135px; 
height:68px;
}

#header5{
position:fixed;
background-image:url(.....);
background-repeat:no-repeat;
top:68px; 
right:0px; 
width:135px; 
height:40px;
}

#header6{
position:fixed;
background-image:url(.....);
background-repeat:no-repeat;
top:0px; 
right:135px; 
width:75px; 
height:68px;
}

#header7{
position:static;
background-image:url(....);
text-align: center;
top:5px; 
width:468px; 
height:60px;
}



Und noch ne kleine Frage am Rande, ist es möglich eine PHP ( Confi.inc.php ) in eine CSS Datei zu includieren, so das zb. die Links nur einmal ändern brauch??

MFG
Newbi

habe das ganze jetzt so gelöst:

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
#header7{
z-index:4;
width:100%;
height:68px;
background-image:url();
background-repeat:no-repeat;
background-position:center;
background-color:black;
}


Ich habe allen Boxen einen Z-index wert zugewiesen und nun klapt es.

Die 2 Frage belibt weiterhin bestehen.

Und noch ne kleine Frage am Rande, ist es möglich eine PHP ( Confi.inc.php ) in eine CSS Datei zu includieren, so das zb. die Links nur einmal geändert werden brauchen??

__________________
Mein Blog ist online und ihr findet ihn

HIER

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von newbi: 25.07.2006 13:33.

25.07.2006 09:55 newbi ist offline E-Mail an newbi senden Homepage von newbi Beiträge von newbi suchen
HeaD HeaD ist männlich
Hoffnungsloser Sozialfall in Behandlung bei Styx


images/avatars/avatar-2266.gif

Dabei seit: 31.08.2001
Beiträge: 4.142
Herkunft: Mama

      Zum Anfang der Seite springen

Zitat:
Original von newbi
Und noch ne kleine Frage am Rande, ist es möglich eine PHP ( Confi.inc.php ) in eine CSS Datei zu includieren, so das zb. die Links nur einmal geändert werden brauchen??


Dazu macht man sich eigendlich Templates. z.B. schreibst Du Dir einmal eine headerdatei, in der steht alles was vor <Body> steht und dann includest Du die in deiner index.php o.Ä. so wie hier: Templates wie im WBB ... ich benutzt zwar mitterweile bessere Templatemetoden, aber das Grundprinzip ist in dem Tut eigendlich noch ok und finktionieren tut es allemal Augenzwinkern

PS: Der Beitragstitel "Neues Problem: Am Ende des Beitrages.(FERTIG)" ist jetzt wirklich enorm verwirrend oO

__________________

25.07.2006 13:43 HeaD ist offline E-Mail an HeaD senden Homepage von HeaD Beiträge von HeaD suchen
LX LX ist männlich
El Comandante en Jefe


images/avatars/avatar-2290.gif

Dabei seit: 25.11.2001
Beiträge: 5.372
Herkunft: Berliner Bronx

Achtung       Zum Anfang der Seite springen

Man kann seinen Link-Kram auch einfach in eine zweite CSS-Datei schreiben und die eben mit einbinden lassen.

__________________
JS-Games.de - Misled Scripting Skills Gone Mad | Meine Filmkritiken | Urban Photography
Kommt mal in den IRC-Channel: irc.eu.freenode.net | Port 6667 | #blackboard

"Ever tried. Ever failed. No matter.
Try again. Fail again. Fail better."
- Samuel Beckett

25.07.2006 13:48 LX ist offline E-Mail an LX senden Homepage von LX Beiträge von LX suchen
newbi newbi ist männlich
CS - Orga


images/avatars/avatar-2180.gif

Dabei seit: 01.10.2005
Beiträge: 365
Herkunft: Schleswig ( Deutschland )

Themenstarter Thema begonnen von newbi
      Zum Anfang der Seite springen

gut danke.


bitte closen.

mfg newbi

__________________
Mein Blog ist online und ihr findet ihn

HIER

26.07.2006 11:00 newbi ist offline E-Mail an newbi senden Homepage von newbi Beiträge von newbi suchen
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
BlackBoard » Design, Programmierung & Entwicklung » Webdesign » Design Neues Problem: Am Ende des Beitrages.(FERTIG)

Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH