Fragen und Antworten » Bannergrafik optisch besser einbinden

01.08.2009 23:26

SJS.666
#1 Bannergrafik optisch besser einbinden

SJ

Ich habe bei der Umgestaltung meines Testforums ein kleines Problem mit der Einbindung des Banners. Prinzipiell kriege ich es eingebunden wie vorher auch, dadurch dass ich aber die Hintergrundfarbe geändert habe, sieht man jetzt bei höheren Auflösungen, dass das Banner schmaler als die Forenbreite ist. Wie kann ich es einrichten dass die leeren Flächen (auf dem Screenshot rot markiert) mit der Hintergrundfarbe des Banners gefüllt werden, so dass es optisch immer der Forenbreite (die ja prozentual abhängig von der Auflösung ist) wirkt?

ich möchte hierzu ungern das Banner selbst mit variabler Breite definieren, dass wirkt dann je nach eingestellter Auflösung nicht so toll. Es soll halt die restliche Fläche variabel mit dem dunklen Blau des Banners aufgefüllt werden.

Testforum - aktuell Standard-Template - Boardnummer: 93334
Kurvenjäger - Boardnummer: 210067

Bildanh�nge

Banner.png

download

Antworten

Beitrag melden

#2

02.08.2009 00:37

Olaf ( Gast )
#2 RE: Bannergrafik optisch besser einbinden

Ol

Olaf ( Gast )

Du kannst Deinen Banner in einen table Tag "legen".

Dein jetziger Code:

1
2
3
4

    <tr> 
      <td align="center" width="100%"><a href="http://www.kurvenjaeger.org" target="_top"><img src="https://files.homepagemodules.de/b93334/a_92.jpg" border="0"></a></td>
    </tr>

änderst Du um:

1
2
3
4

<table width="98%" height="145px" border="0" class="banner">
    <tr> 
      <td align="center" width="100%"><a href="http://www.kurvenjaeger.org" target="_top"><img src="https://files.homepagemodules.de/b93334/a_92.jpg" border="0"></a></td>
    </tr></table>

und legst eine neue CSS Datei an:

1
2
3

.banner {
background: #27295a;
}

Gruß
Olaf

Antworten

Beitrag melden

#3

02.08.2009 00:52 (zuletzt bearbeitet: 02.08.2009 00:57)

SJS.666
#3 RE: Bannergrafik optisch besser einbinden

SJ

SJS.666

Hört sich ja schon mal gut an...
Ist es möglich das auch ohne Eingriff in die CSS zu realisieren?
(wollte das nach Möglichkeit verhindern)

Also quasi die Hintergrundfarbe für den table-tag mit im Header festlegen?
Geht das?

Wenn ich es mit der neuen CSS mache, kann ich dann trotzdem noch die ganzen Farben etc. über das Admin-Menü verändern?
Mir schwirrt im Hinterkopf rum, dass wenn man an der CSS Datei was ändert, man die ganzen Layout-Menüs nicht mehr wie gewohnt verwenden kann.

Testforum - aktuell Standard-Template - Boardnummer: 93334
Kurvenjäger - Boardnummer: 210067

Antworten

Beitrag melden

#4

02.08.2009 07:58

Eveline
#4 RE: Bannergrafik optisch besser einbinden

Eveline

hallo,

ich habe den code meines banners so definiert:

<img src="http://www.bilder-hochladen.net/files/*****jpg" width="85%">

und unter:
layout - farben&einstellungen - größen/werte

die breite des forums ebenfalls mit 85% angegeben ....

vielleicht hilft es dir weiter :)

Liebe Grüße
Eveline

Antworten

Beitrag melden

#5

02.08.2009 08:43 (zuletzt bearbeitet: 02.08.2009 08:44)

Bengt
#5 RE: Bannergrafik optisch besser einbinden

Bengt

ich würde es so wie olaf machen.. nur halt keine extra tabelle drum herum,sondern gleich:

1
2
3

<tr> 
  <td align="center" width="100%" class="banner"><a href="http://www.kurvenjaeger.org" target="_top"><img src="https://files.homepagemodules.de/b93334/a_92.jpg" border="0"></a></td>
</tr>

in der css:

1
2
3

.banner {
background: #27295a;
}

mit freundlichen Grüßen, Bengt

Antworten

Beitrag melden

#6

02.08.2009 11:47

Olaf ( Gast )
#6 RE: Bannergrafik optisch besser einbinden

Ol

Olaf ( Gast )

@Bengt
Hast Recht.Manchmal denkt man wirklich zu kompliziert.

@SJS.666

Du kannst auch einen "style" Tag dafür einsetzen,wenn Du nicht in der CSS Datei Änderungen vornehmen möchtest.

1
2
3
4

    <tr> 
      <td align="center" width="100%" style="background-color:#27295a;"><a href="http://www.kurvenjaeger.org" target="_top"><img src="https://files.homepagemodules.de/b93334/a_92.jpg" border="0"></a></td>
    </tr>

Du kannst die Farben im Adminmenü trotzdem weiterhin ändern,weil sie ja nur bestimmte Class in der CSS Datei ansprechen,die mit Deiner "Banner" Class nichts zu tun hat.
Da die Farbe im Bannerhintergrund immer gleich bleibt,braucht Du die Fabe mit diesen Zusatz auch nicht mehr ändern.

Gruß
Olaf

Antworten

Beitrag melden