YourWBB


yourWBB » WoltLab Burning Board Generation 2 * » Alles von und für das WBB Lite 1.0.x » [WBB Lite 1.0.x] Allg. Fragen und Probleme » Problem mit Header » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 2.275 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Dieses Thema wurde als unerledigt markiert. Thread unerledigt

Zum Ende der Seite springen Problem mit Header
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Schnipper
Mitglied


Dabei seit: 14.09.06
Beiträge: 36
Forenversion: Lite 1.0

 Problem mit Header Antworten Zitieren Editieren Melden       UP

Hallo erstmal:
Ich möchte bei mir einen Header bauen mit Buttons in sich selber, np.
Habe das auch gut hinbekommen, das Problem liegt jetzt aber darin, dass das net so will wie ich will. Und zwar sind die Enden in dem header.tpl einfach vor und hinter die buttons geschrieben, so:
code:
1:
<img src="{imagefolder}/ende1.gif" width="*" height="15">

als weite habe ich eingegeben * damit die sich der größe anpassen und bi zum rand dan so ein Bogen ist. Nun bleiben die aber so groß wie sie wollen, also Standardgröße, d.h. auf einem großm Bildschrim isnd sie zu klein, kleiner Bildschrim, wird die Page breiter als der Bildschrim, was kann man dagegen tun??
Außerdem bleibt bei den Buttons $header_acp und dem Profil ein Spalt, wie kann ich den weggmachen, hier der Komplette Code:
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
<table width="{tableoutwidth}" cellpadding=0 cellspacing=1 align="center" border=0 bgcolor="{tableoutbordercolor}">
 <tr>
  <td bgcolor="{mainbgcolor}" align="center">
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
     <td {imageback} align="center"><a href="index.php?sid=$session[hash]"><img width="709" height="100" align="left" border="0" src="{imagefolder}/header.gif"></a></td></tr>
    <tr>
     <td align="center" class="topnavi" valign="bottom" nowrap><smallfont><img src="{imagefolder}/ende1.gif" width="*" height="15"><img width="2" height="15" src="{imagefolder}/spacer.gif"><a href="index.php?sid=$session[hash]"><img src="{imagefolder}/top_start.gif" border=0 alt="Zur Startseite"></a><img src="{imagefolder}/spacer.gif" width="2" height="15">$usercp_or_register<img src="{imagefolder}/spacer.gif" width="2" height="15"><a href="memberslist.php?sid=$session[hash]"><img src="{imagefolder}/top_members.gif" border=0 alt="Mitgliederliste"></a><img src="{imagefolder}/spacer.gif" width="2" height="15"><a href="team.php?sid=$session[hash]"><img src="{imagefolder}/top_team.gif" border=0 alt="Administratoren und Moderatoren"></a><img src="{imagefolder}/spacer.gif" width="2" height="15"><a href="search.php?sid=$session[hash]"><img src="{imagefolder}/top_search.gif" border=0 alt="Suche"></a><img src="{imagefolder}/spacer.gif" width="2" height="15"><a href="misc.php?action=faq&sid=$session[hash]"><img src="{imagefolder}/top_faq.gif" border=0 alt="H&auml;ufig gestellte Fragen"></a>
     <img src="{imagefolder}/spacer.gif" width="2" height="15">$header_acp<img src="{imagefolder}/spacer.gif" width="2" height="15"><a href="http://www.neumannmueller.com"><img src="{imagefolder}/num.gif" alt="Zu Neumann&Müller" border="0"></a><img src="{imagefolder}/spacer.gif" width="2" height="15"><a href="impressum.php?sid=$session[hash]" title="Zum Impressum"><img border="0" src="{imagefolder}/impressum.gif"></a><img width="2" height="15" src="{imagefolder}/spacer.gif"><img src="{imagefolder}/ende2.gif" width="*" height="15">
</font></td></tr>
   </table><br>
   <table cellpadding=4 cellspacing=1 border=0 width="{tableinwidth}" bgcolor="{tableinbordercolor}">

(header.tpl in templates)

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Schnipper: 24.11.06 10:29.

24.11.06 10:26 Schnipper ist offline E-Mail WWW Finden Als Freund hinzufügen
Chamäleon Chamäleon ist männlich
Mitglied


images/avatars/avatar-4417.gif

Dabei seit: 24.09.06
Beiträge: 260
Forenversion: Lite 1.0

Antworten Zitieren Editieren Melden       UP

Du mußt die beiden äuseren Grafiken mit align="left" und align="right" versehen.
Dadurch sind sie bei jeder Auflösung immer ganz außen.
Zusätzlich brauchst Du noch eine Hintergrundgrafik ca.2px breit in der Buttonfarbe.Damit wird dann der Zwischenraum je nach Auflösung aufgefüllt.

Gruß Chamäleon
24.11.06 17:29 Chamäleon ist offline E-Mail WWW Finden Als Freund hinzufügen
Schnipper
Mitglied


Dabei seit: 14.09.06
Beiträge: 36
Forenversion: Lite 1.0

Themenstarter Thema begonnen von Schnipper
Antworten Zitieren Editieren Melden       UP

kannst du mir das nocheinmal in einem Code zeigen, editier einfach den Anfang und das Ende von den Buttons. So wie ich die dann reinmachen soll. Geht das überhaupt mit width="*" ??
24.11.06 18:33 Schnipper ist offline E-Mail WWW Finden Als Freund hinzufügen
Chamäleon Chamäleon ist männlich
Mitglied


images/avatars/avatar-4417.gif

Dabei seit: 24.09.06
Beiträge: 260
Forenversion: Lite 1.0

Antworten Zitieren Editieren Melden       UP

code:
1:
<img src="{imagefolder}/ende1.gif" width="*" height="15" align="left">


code:
1:
<img src="{imagefolder}/ende2.gif" width="*" height="15" align="right">


und bei width einfach die breite eintragen

Gruß Chamäleon

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Chamäleon: 24.11.06 19:17.

24.11.06 19:17 Chamäleon ist offline E-Mail WWW Finden Als Freund hinzufügen
Schnipper
Mitglied


Dabei seit: 14.09.06
Beiträge: 36
Forenversion: Lite 1.0

Themenstarter Thema begonnen von Schnipper
Antworten Zitieren Editieren Melden       UP

könntest du mit vielleicht das ganze fertig umgeschrieben hier rei schreiben.
Weil es tut immer noch nicht.
24.11.06 23:18 Schnipper ist offline E-Mail WWW Finden Als Freund hinzufügen
Chamäleon Chamäleon ist männlich
Mitglied


images/avatars/avatar-4417.gif

Dabei seit: 24.09.06
Beiträge: 260
Forenversion: Lite 1.0

Antworten Zitieren Editieren Melden       UP

Mit Hintergrundgrafik meinte ich, wie der Name schon sagt eine Hintergrund-Grafik! großes Grinsen
Du hast diese jedoch einfach zwischen den Button eingefügt,das kann also nicht gehen.

code:
1:
<td align="center" class="topnavi" valign="bottom" nowrap background="hier den Link zur Hintergrundgrafik einfügen">


Gruß Chamäleon
24.11.06 23:46 Chamäleon ist offline E-Mail WWW Finden Als Freund hinzufügen
Schnipper
Mitglied


Dabei seit: 14.09.06
Beiträge: 36
Forenversion: Lite 1.0

Themenstarter Thema begonnen von Schnipper
Antworten Zitieren Editieren Melden       UP

Aber dann wird der Spacer immer in zwei Reihen angezeigt
25.11.06 12:03 Schnipper ist offline E-Mail WWW Finden Als Freund hinzufügen
Chamäleon Chamäleon ist männlich
Mitglied


images/avatars/avatar-4417.gif

Dabei seit: 24.09.06
Beiträge: 260
Forenversion: Lite 1.0

Antworten Zitieren Editieren Melden       UP

Und nochmal, das ist eine Hintergrundgrafik und kein Spacer!
Diese Hintergrundgrafik füllt den Hintergrund der Tabelle aus.
Wenn die Tabelle größer ist, als die eingefügten Grafiken, ist logischer weise die Hintergrundgrafik zu sehen.
Durch die Hintergrundgrafik wird die Tabelle nicht verändert, sondern nur ausgefüllt.
Wenn Du die Hintergrundgrafik weglässt wirst Du sehen das die gleiche Fläche nun mit der Hintergrundfarbe gefüllt ist.

Sodele, jetzt weißt Du wo der Fehler zu suchen ist!


Gruß Chamäleon
25.11.06 13:00 Chamäleon ist offline E-Mail WWW Finden Als Freund hinzufügen
Schnipper
Mitglied


Dabei seit: 14.09.06
Beiträge: 36
Forenversion: Lite 1.0

Themenstarter Thema begonnen von Schnipper
Antworten Zitieren Editieren Melden       UP

bei mir wird der Hintergrund in zwei spalten angezeigt.
Weil ich verstehe das so, die Buttons werden über einen Hintergrund gelegt, dieser Hintergrund ist eine Grafikdie nur ein paar Pixel groß ist und in die Länge gezogen wird, stimmt das?
Könntest du mir nicht einfach den kompletten obigen Code umgeschrieben als Code hier unten reinschreiben??
25.11.06 17:34 Schnipper ist offline E-Mail WWW Finden Als Freund hinzufügen
Chamäleon Chamäleon ist männlich
Mitglied


images/avatars/avatar-4417.gif

Dabei seit: 24.09.06
Beiträge: 260
Forenversion: Lite 1.0

Antworten Zitieren Editieren Melden       UP

sodele dann lass ich Dich mal nicht länger suchen großes Grinsen

Die Grafik wird nicht in die Länge gezogen, aber wenn die Tabellenspalte statt 15px, 33px hoch ist, wird die Grafik solange wiederholt, bis die Spalte gefüllt ist.
Bei 33px also 3mal (15px + 15px + 3px)

code:
1:
2:
3:
4:
.topnavi {
	padding-right: 5px;
	padding-bottom: 18px;
	padding-left: 5px;


mit padding-bottom: 18px, erweiterst du die Tabelle (unter den Buttons) in der Höhe, um 18px.
Warum auch immer Du das so haben willst.
Auch dieser erzwungene Abstand wird durch die Hintergrundgrafik gefüllt.

Entweder Du machst eine Hintergrundgrafik mit einer Höhe von 33px wo die unteren 18px blau sind, oder Du entfernst das padding-bottom: 18px;

Gruß Chamäleon
25.11.06 18:06 Chamäleon ist offline E-Mail WWW Finden Als Freund hinzufügen
Schnipper
Mitglied


Dabei seit: 14.09.06
Beiträge: 36
Forenversion: Lite 1.0

Themenstarter Thema begonnen von Schnipper
Antworten Zitieren Editieren Melden       UP

nächstes Problem, ich habe nun alles ein bisschen umgeschrieben, nun ist mir aufgefallen, das nach dem $header sozusagen eine Lücke ist die mit der Farbe des Hintergrundes oder so aufgefüllt wird, man siehe unten, wie kann ich das verhindern??

PS: ich habe um das herauszufinden bei der Hintergrundgrafik einfach einen Pixel in dem Blau gemacht, dadurch kommt der kleine Abstand.

Dateianhang:
jpeg Namenlos.jpeg (99 KB, 109 mal heruntergeladen)

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Schnipper: 30.11.06 17:22.

30.11.06 17:21 Schnipper ist offline E-Mail WWW Finden Als Freund hinzufügen
Chamäleon Chamäleon ist männlich
Mitglied


images/avatars/avatar-4417.gif

Dabei seit: 24.09.06
Beiträge: 260
Forenversion: Lite 1.0

Antworten Zitieren Editieren Melden       UP

Vermute mal, Du hast einen Zeilenumbruch zwischen diesen Buttons.
Das heißt der "Neu..Müller" Button, beginnt im Quelltext, in einer neuen Zeile.
Lösche alle Leerstellen zwischen diesen Buttons, so das er in die gleiche Zeile rutscht.

Gruß Chamäleon
30.11.06 18:21 Chamäleon ist offline E-Mail WWW Finden Als Freund hinzufügen
Schnipper
Mitglied


Dabei seit: 14.09.06
Beiträge: 36
Forenversion: Lite 1.0

Themenstarter Thema begonnen von Schnipper
Antworten Zitieren Editieren Melden       UP

wahrscheinlich nervt das dich jetzt, aber egal großes Grinsen
also, ich habe hier meine Header.tpl, bloß ich finde keine Leerzeichen dazwischen.

UUPs, ganz vergesssen Header.tpl reinzumachen:
php:
1:
2:
3:
4:
5:
6:
7:
8:
9:
<table width="{tableoutwidth}" cellpadding=0 cellspacing=1 align="center" border=0 bgcolor="{tableoutbordercolor}">
 <tr>
  <td bgcolor="{mainbgcolor}" align="center">
   <table width="100%" height="115" border="0" cellspacing="0" cellpadding="0">
    <tr>
     <td {imagebackalign="center"><a href="index.php?sid=$session[hash]"><img width="709" height="100" align="left" border="0" src="{imagefolder}/header.gif"></a></td></tr>
    <tr>
     <td align="center" class="topnavi" valign="top" nowrap background="{imagefolder}/spacer.gif" width="*"><smallfont><a href="index.php?sid=$session[hash]"><img src="{imagefolder}/top_start.gif" border=0 alt="Zur Startseite"></a>$usercp_or_register<a href="memberslist.php?sid=$session[hash]"><img src="{imagefolder}/top_members.gif" border=0 alt="Mitgliederliste"></a><a href="team.php?sid=$session[hash]"><img src="{imagefolder}/top_team.gif" border=0 alt="Administratoren und Moderatoren"></a><a href="search.php?sid=$session[hash]"><img src="{imagefolder}/top_search.gif" border=0 alt="Suche"></a><a href="misc.php?action=faq&sid=$session[hash]"><img src="{imagefolder}/top_faq.gif" border=0 alt="H&auml;ufig gestellte Fragen"></a>$header_acp<a href="http://www.neumannmueller.com"><img src="{imagefolder}/num.gif" alt="Zu Neumann&Müller" border="0"></a><a href="impressum.php?sid=$session[hash]" title="Zum Impressum"><img border="0" src="{imagefolder}/impressum.gif"></a></font></td></tr></table><br>
    <table cellpadding=4 cellspacing=1 border=0 width="{tableinwidth}" bgcolor="{tableinbordercolor}">

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Schnipper: 30.11.06 18:52.

30.11.06 18:47 Schnipper ist offline E-Mail WWW Finden Als Freund hinzufügen
Maniac_81 Maniac_81 ist männlich
PHP Profi


images/avatars/avatar-5230.gif

Dabei seit: 27.06.06
Beiträge: 2.087
Fähigkeiten: WBB3 Anfänger; WBB2 Profi
Herkunft: localhost/
Forenversion: 2.3; Lite 2.0

Antworten Zitieren Editieren Melden       UP

dann kugg mal in deinem Code ganz am schluss das letzte "<br>" das ist ein zeilenumbruch. weiß nicht ob du diesen suchst.

__________________
zufrieden mit meinem Support? dann hier bitte bewerten!

Sie haben 3 gelbe Bananen gewählt!

ÄPFEL! 3!!!

30.11.06 19:00 Maniac_81 ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Maniac_81 in deine Kontaktliste ein MSN Passport-Profil von Maniac_81 anzeigen
Schnipper
Mitglied


Dabei seit: 14.09.06
Beiträge: 36
Forenversion: Lite 1.0

Themenstarter Thema begonnen von Schnipper
Antworten Zitieren Editieren Melden       UP

THHXXXXXXXXXXXXXXXXXXXXXXXXXXXX Leute jetzt siehts vieeeelllllll
besser aus. Danke. Falls ihr noch lusst habt könnt ihr mir noch ein Easy Frage beantworten, Wie kann ich das komplette Forum mit Passowrt versehen, so dass man ohne das Passwort einzugeben nicht einmal auf den Index kommt??
30.11.06 19:07 Schnipper ist offline E-Mail WWW Finden Als Freund hinzufügen
Maniac_81 Maniac_81 ist männlich
PHP Profi


images/avatars/avatar-5230.gif

Dabei seit: 27.06.06
Beiträge: 2.087
Fähigkeiten: WBB3 Anfänger; WBB2 Profi
Herkunft: localhost/
Forenversion: 2.3; Lite 2.0

Antworten Zitieren Editieren Melden       UP

mit .htaccess

findest du hier in de suche bestimmt was, wenn nicht gehste auf deine Web-Oberfläche vom Provider und da sollte sowas stehen wie verzeichnisschutz.

__________________
zufrieden mit meinem Support? dann hier bitte bewerten!

Sie haben 3 gelbe Bananen gewählt!

ÄPFEL! 3!!!

30.11.06 19:12 Maniac_81 ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Maniac_81 in deine Kontaktliste ein MSN Passport-Profil von Maniac_81 anzeigen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » WoltLab Burning Board Generation 2 * » Alles von und für das WBB Lite 1.0.x » [WBB Lite 1.0.x] Allg. Fragen und Probleme » Problem mit Header