Beiträge von sejuma

    Es gibt mittlerweile, vor allem in USA viele HP-Betreiber, die sich ganz bewusst eine "falschgeschriebene" Domain sichern und darauf Werbung setzen, um Geld zu verdienen. In vorliegendem Fall gibt man vielleicht weil man nicht schreiben kann "abload" statt "upload" ein und landet dann auf dieser Seite.
    Gib mal statt "ebay.de" "wbay.de" oder "rbay.de" ein. Da lnadest du auch auf Werbeseiten. Und wenn sich da genügend Leute vertippen und zudem noch einen Werbelink klicken, kann sich das bei großer Masse schon lohnen.

    Schreibe in den head-Bereich, z.B. vor

    Code
    </head>


    folgendes:

    Code
    <style type="text/css">


    Danach den von mir genannten CSS-Code.
    Und danach:

    Code
    </style>

    Den HTML-Code fügst du an der gewünschten Stelle innerhalb des <body> ein.
    Dann ändere noch die Dateibezeichnung und die Größe entsprechend deinem Bild im HTML-Code.

    So ähnlich, Details musst du noch anpassen (einen treffenderen Titel hätte ich mir allerdings auch gewünscht):

    CSS

    HTML

    Code
    [url='#'][img]deinbild.jpg[/img]<span>Hallo, ich bin das Info-Fenster, hier kannst du Infos reinschreiben</span>[/url]

    Das hängt m.E. mit den float-Eigenschaften zusammen. Die hat der äußere Container nicht. Und die gefloateten Elemente, die sich innerhalb des äußeren Containers befinden, sind durch dessen fixe Breite vor dem "Verspringen" geschützt.

    Zum einen verwendest du jeweils gleiche min-width und max-width-Werte. Das kann der IE6 überhaupt nicht interpretieren.
    Dass gefloatete divs bei verkleinerten Fenstern "verspringen" ist normal. Irgendwo müssen sie ja hin, wenn sie breiter sind als das Fenster.
    Nach Elvis' Vorschlag:

    HTML

    Code
    <div id="head">Kopfbereich ROT</div>
    <div id="navi">Navigation GELB</div>
    <div id="quote">Zitatleiste GRÜN</div>
    <div id="content">contentbereich</div>
    <div id="misc">Miscbereich</div>


    Dieser Code passt sich dann unterschiedlichen Fensterbreiten an. Allerdings kann es zu hier zu Überlappungen der Inhalte kommen, wenn das Fenster zu schmal wird.

    ul ist gut, reicht aber noch nicht:

    Du hast mehrfach-Definitionen, die sich teils überlagern und damit die vorherigen außer Kraft setzen.

    Mach dir mal zur Vorsicht zunächst Sicherungskopien und gehe dann wie folgt vor:

    Diesen Teil komplett löschen:

    Hier das Komma löschen:

    Zitat

    #menue a:hover, {

    Falls du die Aufzählungspunkte weghaben willst, füge das in die CSS ein:

    Code
    #menue li
    {list-style-type: none;}

    Schließlich packe deine Links wie von jojo empfohlen in eine ul:

    Alternative I:

    Code
    <div id="menue">
    <ul>
    [*][url='ambilight.php']Ambilight[/url]
    [*][url='ambilight1.php']weitere Fotos[/url]
    [*][url='ambilight2.php']Bauanleitung[/url]
    [*][url='ambilight3.php']Stückliste[/url]
    [/list]
    </div>

    Evtl. für ul noch folgendes hinterlegen:

    Code
    #menue ul {margin: 0;}

    Alternative II:

    Code
    <div id="menue">
    [url='ambilight.php']Ambilight[/url]
    <ul>
    [*][url='ambilight1.php']weitere Fotos[/url]
    [*][url='ambilight2.php']Bauanleitung[/url]
    [*][url='ambilight3.php']Stückliste[/url]
    [/list]
    </div>


    Viel Erfolg!

    Wenngleich auch ich die Forderungen von MischeL_x3 für ziemlich unverschämt halte, bemühe ich mich mal um Sachlichkeit:

    Weißt du (MischeL_x3) überhaupt, was ein "CSS-Design" ist?
    Ich und viele andere hier könnten dir z.B. das jeweilige CSS-Design ihrer Homepage zur Verfügung stellen (good will mal vorausgesetzt). Möglicherweise sind da teilweise auch deine Farbwünsche enthalten.
    Das wird dir aber absolut Null nützen weil die Referenzen zu deinem HTML-Code (sofern es den überhaupt gibt) fehlen und jeder seine eigene Referenzen in Form von ID-Bezeichnungen und deren Anordnungen hat.
    Deine Forderung nach CSS-Styles ist deshalb nicht nur ziemlich unverschämt, sondern zeugt auch davon, dass du von der Materie offensichtlich keine Ahnung hast.

    Nimm bei

    Code
    .invertedshiftdown

    den border raus.

    Füge das an der entsprechenden Stelle ein, bzw. ändere es wie folgt:

    Zitat

    <body>
    <div style="border-bottom: 5px solid #FF9900; background: transparent;"></div>
    <div class="invertedshiftdown">

    <ul>

    Schließlich solltest du noch den Doctype wie vorher angegeben ändern.

    1. Benutze diesen Doctype, damit auch der IE6 das Boxmodell richtig interpretiert:

    Code
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
      "http://www.w3.org/TR/html4/strict.dtd">

    2. Räume deinen head-Bereich auf:
    bisher:

    neu:

    Code
    <head>
        <title>test</title>
    </head>

    3. Schneide deine CSS-Angaben aus und füge sie in den head-Bereich ein.
    Ändere dabei die fettmarkierten Angaben (wobei du den width-Wert noch variieren kannst):

    4. Viel Erfolg!

    Da bin zumindest ich überfragt, da PHP nicht zu meinem Spezialgebiet gehört.

    Nur mal so ins blaue geredet in Analogie zur Anleitung:

    Du benennst deine Seite dann als "apfelgrün", apfelgelb" usw.

    Dann müsstest du vermutlich sowohl bei "Überlink" Apfel als auch beim "Unterlink" grün jeweils die Bedingung setzen "if ($thisPage=="apfelgrün")" ...

    Aber das können dir die PHP-Experten viel besser erklären.

    Es kommt darauf an, wie das mit den CSS-Angaben handhabst.

    Variante 1: ausgelagerte CSS-Datei
    CSS

    Code
    #hintergrunddiv {background-image: url(deinbackground.gif);}

    HTML:

    Code
    <div id="hintergrunddiv">Inhalt</div>

    Variante 2: CSS-Angaben innerhalb des Headbereichs:

    Code
    <style type="text/css">
      #hintergrunddiv
      {
        background-image: url(bild.jpg);
        background-repeat: repeat;
      }
    </style>


    HTML-Code wie bei Variante 1.

    Variante 3: Style-Angaben direkt im HTML-Teil:
    siehe mein Post von 20.36 Uhr.

    Notfalls arbeite dich mal durch meine Sigantur :wink: