Ankündigung

Einklappen
Keine Ankündigung bisher.

Logo-Grafik überlappend an erster Stelle in horiz. CSS-Menü einfügen?

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Logo-Grafik überlappend an erster Stelle in horiz. CSS-Menü einfügen?

    Liebe Leute,

    brav den w3schools folgend habe ich das Responsive Topnav with Dropdown (siehe auch unten) nachgebaut.

    Nun scheitere ich daran, links vor dem ersten Menüpunkt (Home) ein Logo (ein svg oder jpg) so zu platzieren, dass es
    1. die Navigationsleiste nach oben und unten überlappt und
    2. die anderen Menüpunkte nach rechts bzw. in der Hamburger-Variante nach unten verschiebt.

    Ich hoffe, Ihr könnt mir helfen...

    Gruuuß
    Heiner











    Zuletzt geändert von haiiiner; 21.09.2018, 14:04.
    www.bluesharmonica.de

  • #2
    Ein Link zu deiner Seite wäre gut, wenn man dir dabei helfen sollte.

    Kommentar


    • #3
      Hm, leider habe ich die Baustelle lokal auf meinem Bürorechner - dann müsste das warten bis Montag... Ist meine Beschreibung nicht aussagekräftig genug?
      www.bluesharmonica.de

      Kommentar


      • #4
        Hat sich erledigt, danke!
        www.bluesharmonica.de

        Kommentar

        homepage-forum.de - Hilfe für Webmaster! Statistiken

        Einklappen

        Themen: 56.413   Beiträge: 428.240   Mitglieder: 27.798   Aktive Mitglieder: 69
        Willkommen an unser neuestes Mitglied, planaigeist.

        Online-Benutzer

        Einklappen

        195 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 192.

        Mit 1.625 Benutzern waren am 17.03.2018 um 18:52 die meisten Benutzer gleichzeitig online.

        Die neuesten Themen

        Einklappen

        • arnego2
          Antwort auf Suche Filehoster
          mega und hidive Mega (nz) komplett umsonst bis 5gb glaub ich....
          Heute, 13:42
        • andi656
          Suche Filehoster
          hallo,

          welche Anbieter gibt es momentan die günstig oder sogar kostenlos ihren Dienst anbieten?
          Ich bin da noch etwas ratlos, da ich sowas noch nie genutzt habe und bin daher über jeden Ratschlag dankbar....
          Heute, 10:34
        • Sempervivum
          Antwort auf Zusätzliche fusszeile
          Wenn Du also beide Boxen, #footer und #bereich, untereinander anzeigen willst, brauchst Du sie ja nur nacheinander in deine HTML-Seite einzufügen. Durch
          Code:
          display: flex;
          flex-direction: column;
          werden sie dann untereinander angeordnet. Woran scheiterst Du dabei denn?
          BTW: float_center...
          Gestern, 22:08
        • föni
          Antwort auf Zusätzliche fusszeile
          Um die Codes auseinander zu halten, hab ich diese einfach anders benannt.

          den...
          HTML-Code:
          #footer {
              width: 95%;
          ...hab ich ja bereits mit eingepackt. Es erschein aber nicht mal einen Rahmen oder sonst was... als wäre der Code nicht da...

          Weiss da auch nicht mehr w...
          Gestern, 21:01
        • Sempervivum
          Antwort auf Zusätzliche fusszeile
          Wenn Du den Footer über (fast) die ganze Breite haben willst, sieht dies doch vernünftig aus:
          Code:
          #footer {  
           width: 95%;
          Ich bin nur ein wenig verwirrt, weil Du zunächst vom Footer schreibst und dann von #bereich? Soll diese Box zusätzlich zum Footer angezeigt werden?
          Gestern, 19:39

        Kostenlose Homepage bei Jimdo!

        Einklappen

        Jimdo

        Die neuesten Beiträge

        Einklappen

        • andi656
          Suche Filehoster
          hallo,

          welche Anbieter gibt es momentan die günstig oder sogar kostenlos ihren Dienst anbieten?
          Ich bin da noch etwas ratlos, da ich sowas noch nie genutzt habe und bin daher über jeden Ratschlag dankbar....
          Heute, 10:34
        • arnego2
          Antwort auf Suche Filehoster
          mega und hidive Mega (nz) komplett umsonst bis 5gb glaub ich....
          Heute, 13:42
        • föni
          Zusätzliche fusszeile
          Hallo Leute

          Ich hab eine html Seite am laufen mit folgendem Code:

          HTML-Code:
           <!DOCTYPE HTML>
          <html lang="de">
          <head>
              <link rel="icon" href="bim/favicon.ico" type="image/x-icon" />
          <title>x.ch</title>
          ...
          17.05.2019, 22:00
        • Sempervivum
          Antwort auf Zusätzliche fusszeile
          Wenn Du also beide Boxen, #footer und #bereich, untereinander anzeigen willst, brauchst Du sie ja nur nacheinander in deine HTML-Seite einzufügen. Durch
          Code:
          display: flex;
          flex-direction: column;
          werden sie dann untereinander angeordnet. Woran scheiterst Du dabei denn?
          BTW: float_center...
          Gestern, 22:08
        • föni
          Antwort auf Zusätzliche fusszeile
          Um die Codes auseinander zu halten, hab ich diese einfach anders benannt.

          den...
          HTML-Code:
          #footer {
              width: 95%;
          ...hab ich ja bereits mit eingepackt. Es erschein aber nicht mal einen Rahmen oder sonst was... als wäre der Code nicht da...

          Weiss da auch nicht mehr w...
          Gestern, 21:01
        • Sempervivum
          Antwort auf Zusätzliche fusszeile
          Wenn Du den Footer über (fast) die ganze Breite haben willst, sieht dies doch vernünftig aus:
          Code:
          #footer {  
           width: 95%;
          Ich bin nur ein wenig verwirrt, weil Du zunächst vom Footer schreibst und dann von #bereich? Soll diese Box zusätzlich zum Footer angezeigt werden?
          Gestern, 19:39
        • föni
          Antwort auf Zusätzliche fusszeile
          Vielen Dank für Deine hilfreiche Antwort.

          Ich hab nun den Code wie folgt ergänzt und möchte eigentlich unten gerne auch die selbe box quer (ca. 95% breit) über die Seite haben. (wie im Bild oben)

          HTML-Code:
          #footer {
          width: 95%;
          min-height: 560px;
          margin: 0 auto;
          ...
          Gestern, 19:07
        • Sempervivum
          Antwort auf Zusätzliche fusszeile
          Dann versuche es mit...
          Gestern, 07:27
        • föni
          Antwort auf Zusätzliche fusszeile
          Die Fusszeile sollte normal in die Seite eingebaut werden und nicht immer fix zu sehen sein....
          Gestern, 07:13
        • Sempervivum
          Antwort auf Zusätzliche fusszeile
          Soll die Fußzeile denn ganz normal in die Seite eingebettet sein oder soll sie beim Scrollen fixiert sein? In jedem Fall ist float:left der falsche Weg. Wenn ersteres zutrifft, ist es wahrscheinlich schon ausreichend, wenn Du es weglässt und beim body flex-direction:column und align-items:center hinzu...
          Gestern, 06:27
        Lädt...
        X