Allgemeiner Fragethread

[Antares]

Ich hätte jetzt im linken (wie auch in allen anderen Boxen) einen Bereich für eine Überschrift. Deren Hintergrund sollte sich dann bis zum Zeilenende durchziehen. Wie krieg ich das hin? Der BG zieht sich momentan immer nur bis zum Ende der Buchstaben.

...

Also mit einem Blockelement, wie "div", funktioniert es eigentlich (zumindest als ich es getestet habe)...
Ich würde ich es einfach mal mit "display: block;" versuchen.

[Bluescreen]

Danke. wäre das auch geklärt.

So, jetzt ne' neue Frage: Kann ich so ein Layout machen(?):


Der Rote Block ist kein Problem, der geht ja über die ganze Seite.
Der Blaue Block sollte eine feste Breite haben, c.a. 150px.
Der Grüne Block sollte (mit Abstand) über den Rest der Seite gehen. Er existiert nur, damit die nächsten Boxen platziert werden können:
Der Orangene Block soll den Hauptinhalt der Seite beherbergen und so c.a. 75% des gesammten grünen Blocks belegen.
Der Gelbe Block trägt die Shoutbox. Sie soll 25% der grünen Box belegen.

Ist das irgendwie standardkonform zu machen?

[Teelicht]

wozu brauchst du die grüne box?

Du kannst einfach deinen roten header machen und darunter dann dein dreispalten Layout setzen! Ok, du kannst dann natürlich afaik kein mix aus px und % machen, aber ist das so wichtig? warum nicht alles in prozent bzw. M? Bei % evtl. noch mit min-width abfeinern und fertig....

HTML-Code:

<div class="roterHeader">...</div>
<div class="links">...</div>
<div class="mitte">...</div>
<div class="rechts">...</div>

Mal ne Frage: Was braucht man auf seinem Webspace, um eine Verteiler-Email einrichten zu können? Bzw. wie kann man Emailadressen "automatisieren", sodass sie alle eingehenden Nachrichten an eine Liste von Empfängern weiterleiten?

[Bluescreen]

Die % Lösung hab ich ja schon.
Die Navibox ist aber einfacher zu gestalten wenn sie eine feste Breite hat.
Ausserdem sieht so eine halb-leere Navibox scheiße aus.

Deswegen hab ich gedacht, % ist da nicht so gut.

Edit:
Ich hab ne Lösung gefunden:

Code:

div#linke_box {
    float: left;
    width: 150px;
    background:red;
    display:block;
    padding:0;
    }
div#mittlere_box {
    margin-left: 160px;
    margin-right: 160px;
    width:auto;
    background:yellow;
    display:block;
    padding:0;
    }
div#rechte_box {
    float: right;
    width: 150px;
    background:green;
    display:block;
    padding:0;
   }

[Teelicht]

cool , das wusste ich auch noch nicht, dass man die Breite auf Auto stellen kann... wieder was gelernt^^

[Bluescreen]

cool , das wusste ich auch noch nicht, dass man die Breite auf Auto stellen kann... wieder was gelernt^^

...

Ich meine, ich hätte das so gelesen...

Ich ab noch ein kleines G'Schmägle: Website ansehen
Undzwar hätte ich gern, das die Hover-Hintergrundfarben-Verämderung sich in der Linken Navi-Box über die ganze Zeile zieht (sieht doch schöner aus).
Etwa so:


Bitte nicht auf Standards achten, es dreht sich momentan nur um die Navi. Alles andere ist jetzt noch uninterresant.

[Antares]

Ich meine, ich hätte das so gelesen...

Ich ab noch ein kleines G'Schmägle: Website ansehen
Undzwar hätte ich gern, das die Hover-Hintergrundfarben-Verämderung sich in der Linken Navi-Box über die ganze Zeile zieht (sieht doch schöner aus).
Etwa so:


Bitte nicht auf Standards achten, es dreht sich momentan nur um die Navi. Alles andere ist jetzt noch uninterresant.

...

Hm, naja das dürfte sich wieder mit display:block; beheben lassen.

[Bluescreen]

Ja, eig. schon, hab ich auch schon probiert.
Aber dann fügt er sozusagen beim drüberfahren (hover) dahinter eine Leerzeile ein...

[Antares]

Ich habe " |" im Quellcode hinter jedem Link gefunden.
Was soll denn das bewirken?
Vielleicht hängts daran.

[Bluescreen]

Ich habe " |" im Quellcode hinter jedem Link gefunden.
Was soll denn das bewirken?
Vielleicht hängts daran.

...

Öhm, ich nicht:

HTML-Code:

<a href="bilder.php" title="Fotos">
<img src="style1/link_photos.gif" class="LinkIMG" alt=""> Bildergallerie</a><br>

<a href="kalender/index.php" title="Den Terminplan ansehen">
<img src="style1/date.gif" class="LinkIMG" alt=""> Terminplan</a><br>

<a href="abstimmungen.php" title="Verschiedene Abstimmungen">
<img src="style1/chart_bar.gif" class="LinkIMG" alt=""> Abstimmungen</a><br>

Ist so aus dem Firefox-Viewer genomen.

[Antares]

Hm das Zeichen wird aber hier wohl zu einem "|" umgewandelt.

[Kartoffelbürste]

Hi,
äh, ich bin grade dabei meine doch recht bescheidenen html-kenntnisse ein wenig auszubauen und hab eine miniseite maskier (oder es wenigstens versucht). Ich meinte eigentlich, dass alles richtig ist, aber jetzt wo ich es bei piranho hochgeladen habe, zeigt er hintergrundbilder in tabellen nicht mehr an, und ich versteh nicht warum.
http://pro-html.piranho.de/
das ist die seite, da sieht man sie nicht, aber wenn ich den index auf dem desktop öffne, sieht man sie schon.
Kann mir da vielleicht einer helfen?

[Bluescreen]

Mhmm, seltsam, ich dachte, ich hätte den Post schon längst abgeschickt... Naja, egal...

Hm das Zeichen wird aber hier wohl zu einem "|" umgewandelt.

...

Der Screenshot ist von der horizontalen Navi, die sowieso bald rausfliegt.

Nein, das Problem muss woanders liegen. Was kann ich denn noch machen, das die ganze Zeile beim Hover "erleuchtet" wird?