Seite 1 von 2

Ein paar Probleme mit HTML

Verfasst: 15.01.2008 20:16
von Peter3
Hallo!

Da ich html nicht lesen kann und auch nicht wirklich damit schreiben kann, muss ich euch jetzt Mal fragen. Hier zuerst einmal der Link zum Forum: Klick

Nun jetzt zu meinen Fragen:

1. Ich möchte die Suche, die Momentan rechts oben, neben dem Header ist, links neben FAQ haben, dass in dem oberen Bereich nahe von Login liegt. Das Suchfeld und der Suchbutton sollen aber weg. Anstatt soll da nur noch ein Bild mit dem Link zur erweiterten Suche hin.
Kurz: Das komplette Suchfeld soll weg. Und nur noch ein Bild mit einem Link zur erweiterten Suche soll links neben FAQ in dem oberen Bereich stehen.

2. Die Links: Persönlicher Bereich, Neue Beiträge und eigene Beiträge sollen zu den anderen, die rechts stehen angedockt werden. Und da Suche nun schon ein Bild hat, dass verlinkt ist, sollen sämtliche Links, die dort oben stehen ebenfalls ein verlinktes Bild bekommen.

3. Nachdem das Suchfeld weg ist, möchte ich, dass dieses braune Hintergrundfeld, hinter dem Header, verschwindet und nur noch der Header für sich steht.

4. Ich möchte diesen oberen Bereich, der unter dem Header liegt, also ab Foren-Übersucht bis Login, dieser Bereich soll nicht über die ganze Seite gehen, sondern für diese Navbar links Platz machen. Es soll also mehr zusammengestaucht werden und den linken Kasten hoch lassen, sodass er an den Header andockt. Ich dachte zuerst, ich könnte es über diesen Code machen:

<div style="float:right; width:80%;">
</div>

Aber leider wusste ich nicht, wo ich diesen hinsetzen muss und ob ich diesen dazu überhaupt verwenden muss.

Und hier mein aktueller html Code von overall_header.html: Klick

Ich hoffe, ich verlange nicht zu viel von euch und das es im Bereich des möglichen liegt. Ich wäre euch sehr verbunden, wenn ihr mit helfen könntet! Danke.

MfG

Verfasst: 15.01.2008 20:57
von Dr.Death
Du hast zuviel Code gepostet, was das Thema unnötig in die Länge zieht und unübersichtlich macht.
Es wäre besser die Datei bzw. den Code als .txt Datei abzuspeichern und dann hier einen Link zu posten - siehe auch KB:datei .

Bitte passe deinen Beitrag an, lies Dir den phpBB.de-Knigge durch und beachte dies zukünftig.

Verfasst: 16.01.2008 14:28
von Peter3
Dr.Death hat geschrieben:Du hast zuviel Code gepostet, was das Thema unnötig in die Länge zieht und unübersichtlich macht.
Es wäre besser die Datei bzw. den Code als .txt Datei abzuspeichern und dann hier einen Link zu posten - siehe auch KB:datei .

Bitte passe deinen Beitrag an, lies Dir den phpBB.de-Knigge durch und beachte dies zukünftig.
Danke für den Hinweis, habe es geändert.

MfG

Verfasst: 16.01.2008 15:28
von JFooty
Hallo Peter3!

Zu 1.: Sowas ähnliches hatte ich eben hier erklärt. Du müsstest das nur für dich anpassen, also den code für das Suchfeld halt noch entfernen und dein icon hinzufügen.

Zu 2.: Muss ich selber erst mal ausprobieren.

Zu 3.: Suche in den css-Dateien nach dem Eintrag ".headerbar" (bei prosilver stehen die in colours.css und common.css) dort entfernst du die background-Eigenschaften.

Zu 4.: Mit

Code: Alles auswählen

float:right; width:80%;
lagst du vollkommen richtig. Wenn du das in den oben genannten css.Dateien beim Eintrag ".navbar" hinzufügst (einmal reicht) sollte das so passen.

Verfasst: 16.01.2008 20:29
von Peter3
Danke für deine Hilfe!

Nachdem ich mich heute seit Mittag damit beschäftigt habe und rumprobiert habe, ist nun fast alles so, wie ich es mir vorgstellt habe.

Nun stehe ich wieder vor einem Problem, zuerst der Link zum Forum: Klick

Wie nicht zu übersehen ist, ist der Header oben auf einem grauen Untergrund. Ich möchte gerne, dass dieser Hintergrund verschwindet und das Header Bild direkt über dem Bild "Allgemein" anschließt. Ich hoffe ihr wisst, was ich meine? Danke.

MfG

/edit
Die Farbe habe ich weg bekommen, jedoch tut das Header Bild noch nicht andocken. Wie schaffe ich das?

Verfasst: 16.01.2008 21:46
von JFooty
JFooty hat geschrieben:Suche in den css-Dateien nach dem Eintrag ".headerbar" (bei prosilver stehen die in colours.css und common.css) dort entfernst du die background-Eigenschaften.
Du musst das in beiden Dateien machen, weil der background für .headerbar in beiden Dateien definiert wird. D.h. entfernst du nur einen der beiden Einträge greift automatisch der in der anderen css-Datei. Also in diesem Fall:
Du hast zwar den braunen Hintergrund entfernt, aber der graue steht noch in einer der beiden Dateien (ich vermute mal in der common.css).

Verfasst: 16.01.2008 22:00
von Peter3
JFooty hat geschrieben:
JFooty hat geschrieben:Suche in den css-Dateien nach dem Eintrag ".headerbar" (bei prosilver stehen die in colours.css und common.css) dort entfernst du die background-Eigenschaften.
Du musst das in beiden Dateien machen, weil der background für .headerbar in beiden Dateien definiert wird. D.h. entfernst du nur einen der beiden Einträge greift automatisch der in der anderen css-Datei. Also in diesem Fall:
Du hast zwar den braunen Hintergrund entfernt, aber der graue steht noch in einer der beiden Dateien (ich vermute mal in der common.css).
Wie im Edit geschrieben, habe ich das schon selber harausgefunden, aber trotzdem Danke!

Mein Problem jetzt ist: Wie bekomme ich den Header so, dass er direkt über dem Bild mit dem Schriftzug "Allgemein" steht, ohne diesen weißen Zwischenraum? Danke.

MfG

Verfasst: 17.01.2008 13:38
von JFooty
Peter3 hat geschrieben:Wie bekomme ich den Header so, dass er direkt über dem Bild mit dem Schriftzug "Allgemein" steht, ohne diesen weißen Zwischenraum?
Suche folgenden Code

Code: Alles auswählen

<div id="site-description">
<a href="./index.php?sid=5dea243f9479806c9a4a0db637535d5f" title="Foren-Übersicht" id="logo"><img src="./styles/virgum/imageset/site_logo.gif" alt="" title="" /></a>
<h1></h1>
<p></p>
<p style="display: none;"><a href="#start_here">Zum Inhalt</a></p>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
<div class="navbar">
und entferne daraus

Code: Alles auswählen

<span class="corners-bottom"><span></span></span>
Dann verkleinert sich der Zwischenraum schon mal. Allerdings habe ich noch nicht herausgefunden, warum da immer noch eine Lücke bleibt.

//edit: Warum hast du in dem Menü links überhaupt so viele divs drin? Da würde einer reichen!

Verfasst: 17.01.2008 14:29
von bantu
Dir is schon klar, dass

Code: Alles auswählen

<span class="corners-bottom"><span></span></span>
die Rundungen an den Ecken erstellt?

Verfasst: 17.01.2008 15:39
von Peter3
Danke für die Hilfe.

Also ich habe das mit den Rundungen schon in der common.css geändert, dass er die Ecken nicht mehr rund darstellt und dort habe ich auch eingestellt, das er keine Farbe anzeigen soll.

Hat er gemacht und jetzt ist der Banner nach ganz links gerutscht, jedoch ist da noch ein weißer Zwischenraum zwischen dem banner und dem Bildchen, diesen Zwischenraum würde ich gerne weg bekommen. Aber wie? Danke.

MfG