Smallville / Smallville-Forum.de Administration / Die Smallville Community / Smallville-Fanbase.de
In diesem Thread befinden sich 206 Posts. [ Seite: 1 2 3 4 5 6 7 8 9 10 11 ]
AntwortenDruckansicht
bip
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05 - 16.11.2006, 20:03:19

5927 Posts - Superman

Die Untoten aus Ungarn
Moderator
hui, freu mich scho
kriz
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05.11.06 - 16.11.2006, 20:06:17

3668 Posts
Justice League

janeisklar
Zitat:
Original von CJ
Wie angedroht geht es jetzt, nachdem ich mich ein wenig in CSS eingelsen habe, mit genau diesem los. Außerdem habe ich mich weitestgehend von meinem alten Programm losgelöst, bei dem ich eines meiner jetzt behobenen Probleme net hätte lösen können: Das zentrieren der Site... *freu* Das größte Prpblem stellt momentan noch das schneiden der Kanten da . Bekomme es noch net hin, das alles außerhalb dieses 800Px Fensters anders dargestellt wird.
Aber man darf sich freuen: Es wird in den nächsten Tagen, spätestens im Laufe der nächsten Woche, eine Promo-Bild geben.

Soweit erst mal wieder von mir
CJ
Smallville-Fanbase-Team


was meinst du mit Kanten schneiden?
Hast denn jetzt mit Css gearbeitet?
CJ
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05 - 16.11.2006, 20:10:04

806 Posts - Fortress

ein wenig...
is noch net ganz so das wahre, aber ja, ich ha b mit css rumhantiert...

aber irgendwie bekomm ich das noch net hin, dass er ausserhalb des hauptfensters ne andere farbe zeigt...
"Eigene Wege sind schwer zu beschreiben, denn sie entstehen ja erst beim Geh'n"
Heinz Rudolf Kunze
kriz
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05.11.06 - 16.11.2006, 20:28:11

3668 Posts
Justice League

janeisklar
die Hintergrundfarbe steht im body {} tag
oder was meinst du genau?
CJ
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05 - 16.11.2006, 20:33:48

806 Posts - Fortress

genau... aber dann sieht der ganze bildschirm so aus... es soll aber ähnlich wie bei sog außen ne andere farbe geben...
"Eigene Wege sind schwer zu beschreiben, denn sie entstehen ja erst beim Geh'n"
Heinz Rudolf Kunze
kriz
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05.11.06 - 16.11.2006, 21:30:17

3668 Posts
Justice League

janeisklar
Dann musst du dir einen oder mehrere, ich nenne es mal "Felder" erstellen.
z.B. Header, Content.

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
<head>
<style type="text/css">
body {
          background: # FFFFFF;
          color: # ...;
          font-family: ...;
}
#header {
          height: 200px;
          width: 800px;
          background: #000000;
}
#content { 
          height: 800px;
          width: 800px;
          background: #000000;
}
</style>
</head>
<body>
      <div id="header">...</div>
                   <div id="content">...</div>
</body>


So hasste dann einen 800x200 header und nen 800x800 content mit weißem background und der background außen ist schwarz. Wenn ich dich richtig verstanden hab müsstest du das so hinkriegen.

Zentrieren kannst du #header und #content, indem du "margin: auto;" noch mit dazu schreibst. Um ihn nicht zu zentrieren sondern nur ein bisschen von den verschiedenen seiten "abzurücken" kannste "margin-top: ...px;", "margin-left: ...px;", "margin-right: ...px;" oder eben margin-bottom: ...px;" schreiben.

So vielleicht konnte ich ja helfen
CJ
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05 - 18.11.2006, 17:45:25

806 Posts - Fortress

@ krissi:
So, ich hab mir deinen Vorschlag mal etwas zu Herzen genommen, aber irgendwie zeigt er es immer noch net richtig an...
Hier mal der Quelltext:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<?php



?>




<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<link href="css/basic.css" type="text/css" rel="stylesheet" media="all" />
<style type="text/css" media="screen"><!--
.padbcont_449EE5 {width:100%; height:100px; text-align: center; margin: auto }
.padbox_449EE5 {width:800px; height:auto; margin: auto }
--></style>





<body bgcolor="#ffffff">
<div class="padbcont_449EE5">
<!--agl:cssobject id="449EE5" type="Padded Box" /-->
<div class="padbox_449EE5">
<img src="../../data/eingefügtes_Bild.gif" alt="" height="162" width="800" /></div>
</div></body>

und so sieht es in der Vorschau von GoLive sowie Firefox aus, während mir das Layout fenster das zeigt.

Hoffe, du kannst helfen...

Btw: Wie hast du das mit dem Code gemacht?? Also bei deinem Post??

So Far
CJ
"Eigene Wege sind schwer zu beschreiben, denn sie entstehen ja erst beim Geh'n"
Heinz Rudolf Kunze
kriz
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05.11.06 - 18.11.2006, 21:01:03

3668 Posts
Justice League

janeisklar
Zitat:
Original von CJ
Btw: Wie hast du das mit dem Code gemacht?? Also bei deinem Post??


Klickst unten bei deinem post auf "Code", oder fügst deinen Quelltext einfach manuell in das [][/] code tag ein

also..
- Warum haste oben das "<?php ... ?> drinstehen, das brauchst du nicht, außer du willst etwas in php schreiben.
- In deinem CSS Stylesheet musst du die <!--- ... ---> "Klammern" rausnehmen, damit wird meines Erachtens ein Kommentar gekennzeichnet, sprich alles was in diesen Klammern geschrieben ist wird nicht beachtet/verarbeitet, weg damit.
- Was ist das "<!--agl:cssobject id="449EE5" type="Padded Box" /-->"? ^^ sagt mir nicht wirklich was. Was es auch ist, es wird nicht beachtet da es als Kommentar geschrieben ist.
- Ich persönlich würde in dem Fall nicht mit "." und "class" arbeiten sondern mit "#" und "id" aber das ist nicht so ausschlaggebend....

Bei mir siehts jetzt so aus und soweit ich das sehen kann funktioniert es:
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:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<link href="css/basic.css" type="text/css" rel="stylesheet" media="all" />
<style type="text/css" media="screen">
.padbox_449EE5 {
    width:800px;
         height:auto;
         margin: auto
}
.padbcont_449EE5 {
    width:100%;
         height:100px;
         text-align: center;
         margin: auto
}
</style>

<body bgcolor="#FFFFFF">
  <div class="padbcont_449EE5">
      <div class="padbox_449EE5">
          <img src="../../data/eingefügtes_Bild.gif" alt="" height="162" width="800" /></div>
            </div>

</body>
</html>


so, ich guck mir das evtl. nachher/später nochmal an, nu muss ich los^^

greetz
frohike
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05 - 18.11.2006, 22:22:44

461 Posts - Superboy

Fringer
Was mir aufgefallen ist, dass das";" fehlt am Ende der beiden Linien: "margin: auto; "

For posts with broken links go to graphics.pohlbrothers.com or change pohlbros for pohlbrothers

CJ
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05.11.06 - 18.11.2006, 23:42:57

806 Posts - Fortress

@ hoppi:
thx für die tipps. werd mich morgen mal dran machen...
und ja, das php hat schon seinen sinn, weil ich die seite als php erstelle, da ich einige daten von Josh (SOG, Forum) nutzen werde und ich dafür php brauche...

@ frohike
ah, das wusste ich gar net... mal schauen, welche der tipps mich am weitesten bringt...

CJ
"Eigene Wege sind schwer zu beschreiben, denn sie entstehen ja erst beim Geh'n"
Heinz Rudolf Kunze
bip
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05 - 19.11.2006, 00:51:42

5927 Posts - Superman

Die Untoten aus Ungarn
Moderator
hoppi?? *sichnachhenrikumgucxk*
hat der denn überhaupt scho ma hierrein geschrieben??
CJ
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05 - 19.11.2006, 09:46:50

806 Posts - Fortress

Zitat:
Original von bip
hoppi?? *sichnachhenrikumgucxk*
hat der denn überhaupt scho ma hierrein geschrieben??


üps ...
da hab ich mir ja einen geleistet... sollte natürlich @ krissi heißen...
"Eigene Wege sind schwer zu beschreiben, denn sie entstehen ja erst beim Geh'n"
Heinz Rudolf Kunze
CJ
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05 - 19.11.2006, 09:53:52

806 Posts - Fortress

ah... noch etwas, das ich grad rausgefunden habe... es liegt scheinbar am firefox, denn mit deinem code macht es dort das gleiche prob. und mit dem ie geht mit beiden codes
"Eigene Wege sind schwer zu beschreiben, denn sie entstehen ja erst beim Geh'n"
Heinz Rudolf Kunze
frohike
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05 - 19.11.2006, 14:22:14

461 Posts - Superboy

Fringer
Ich hab mal del code ausprobiert und rumgespielt. Wenn du mirs erlaubst gebe ich dir einige Tipps:
1. Ich würde Dir raten bessere Stylenamen zu geben. Wenn du später einmal Sachen ändern willst, wirst du dich bestimmt nicht mehr erinnern welcher style padbox_449EE5 und padbox_449FF6 war. Es ist besser wenn man geziehlte Namen gibt wie zB. header und headerImg benutzt.
2. Richte dich nicht nach der Layoutanzeige deines Programmes, überprüfe es immer im Browser (IE un Mozilla), öffters stimmt es nämlich nicht überein.

Ich habe folgenden Codetext ausprobiert und bei mir funktioniert er richtig (IE6, Firefox 2.0), obwohl das ";" fehlt. Das bild ist in beiden Browsers zentriert.

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<?php ?>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<link href="css/basic.css" type="text/css" rel="stylesheet" media="all" />
<style type="text/css" media="screen"><!--
.padbcont_449EE5 {width:100%; height:100px; text-align: center; margin: auto  }
.padbox_449EE5 {width:800px; height:auto; margin: auto  }
--></style>

<body bgcolor="#ffffff">
<div class="padbcont_449EE5" style="background-color: #CCCCCC;">
    <!--agl:cssobject id="449EE5" type="Padded Box" /-->
    <div class="padbox_449EE5">
        <img src="img/fotFondo.jpg" alt="" height="162" width="800"/>    
    </div>
</div>

</body>
</html>


Ich habe nur ein background-color benutzt um das verhalten des DIV-tags zu beobachten.

Du kannst auch alles optimieren um den gleichen Effekt hervorzubringen.

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
...
<style type="text/css" media="screen"><!--
.header {width:800px; height:162px; margin:auto;  }
--></style>

<body bgcolor="#000000">
<div class="header">
        <img src="img/800x162.jpg" alt="" height="162" width="800" border="0"/>
</div>
...


For posts with broken links go to graphics.pohlbrothers.com or change pohlbros for pohlbrothers

kriz
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05.11.06 - 19.11.2006, 14:24:00

3668 Posts
Justice League

janeisklar
@frohike
ah thx, hab ich übersehen.

@CJ
hm... ja, ich benutze auch ie. Musste sonst mal googlen, kann man bestimmt irgendwie optimieren.
CJ
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05 - 19.11.2006, 14:45:38

806 Posts - Fortress

thx schon mal... das klappt schon mal...

jaja... das mit dem umbenennen ser stylenamen hab ich auch schon gedacht. Geht das denn nur über den Quelltext??
"Eigene Wege sind schwer zu beschreiben, denn sie entstehen ja erst beim Geh'n"
Heinz Rudolf Kunze
kriz
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05.11.06 - 19.11.2006, 15:03:06

3668 Posts
Justice League

janeisklar
Zitat:
Original von CJ
... Geht das denn nur über den Quelltext??


Ja, kannste einfach im quelltext ändern. Musst dann natürlich auch darauf achten das du das class="..." auch umschreibst, sonst sucht er ja weiterhin nach dem alten namen.
Mr. Zufall
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05 - 19.11.2006, 15:03:54

331 Posts - Superboy

J'ai été à Metroparis
Hallo zusammen!

Hier kommt dann mal wieder n klitzekleines Update für http://fanbase.smallville-online.de/.

Unter Specials -> Trailer kann man sich nun auch zur ersten Folge (6.01 ("Zod")) den Trailer anschauen, womit nun die Lücke geschlossen ist und es nun zu allen bisher gezeigten Folgen der sechsten Staffel (einschließlich 6.08 ("Static")) den entsprechenden Trailer gibt.
(Eventuell ist einmal Aktualisieren von Nöten.)

i.A. Das Smallville-Fanbase-Team

PS: @Krissi & frohike: Vielen Dank dafür, daß ihr CJ bei den CSS-Problemen so unterstützt.



Smallville-Fanbase.de(mit aktuellem Trailerguide)
Ein Projekt von CJ, Mr. Zufall & bip
CJ
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05 - 19.11.2006, 15:41:33

806 Posts - Fortress

Zitat:
PS: @Krissi & frohike: Vielen Dank dafür, daß ihr CJ bei den CSS-Problemen so unterstützt.


Richtig. Auch von mir noch mal ein riesengroßes Danke...
wenn ihr wollt, werdet ihr auf der Site genannt, als Berater zum Thema CSS oder sowas.

CJ
"Eigene Wege sind schwer zu beschreiben, denn sie entstehen ja erst beim Geh'n"
Heinz Rudolf Kunze
CJ
icon01.png Projekt: "www.Smallville-Fanbase.de" #2 *Update 05 - 19.11.2006, 17:33:40

806 Posts - Fortress

So, und schon wieder ich...

Wie angedroht gibt es jetzt endlich hier einen Screenshot vom neuen Aussehen mit neuem Programm und mit CSS aber leider noch kaum odeer besser keinem Inhalt.

So Far
CJ
"Eigene Wege sind schwer zu beschreiben, denn sie entstehen ja erst beim Geh'n"
Heinz Rudolf Kunze
[ Seite: 1 2 3 4 5 6 7 8 9 10 11 ]


Forum wechseln
Forum wechseln zu:

pForum 1.30 © 2000 - 2006 by Thomas Ehrhardt

Login
Username
Passwort
 
Login speichern
Passwort vergessen?
Neuestes Mitglied
philine

User online
keine Benutzer online

User im Chat
keine User im Chat

Neue Themen
 Tom Welling in Lucifer
 Justin in This Is Us
 Michael Rosenbaum - LI...
 Banshee!
 The one man who beats ...
 der neue;)
 Smallville die beste S...
 BUCHANKÜNDIGUNG E-BOOK
 WIEDERBELEBUNGSVERSUCH
 Drucker gesucht
Letzte Posts
 Mit oder ohne ... ?
 Californication
 Was für ein Auto fahrt...
 wenn geld keine rolle ...
 Ist Bücher lesen out?
 Ohrwurm des Tages #78
 Game of Thrones
 Smallville die beste S...
 Euer Lieblingsessen
 Lieblings-Superheld MA...
Community
  SOG
  Clana's Angels
  Smallville Love
  Smallville Fanbase
  Smallville Legend
  Clana.de
  Superman-Forum.net
Google/Forum Suche

Partner of Smallville Online Germany