Ankündigung

Einklappen
Keine Ankündigung bisher.

Bilder überlappen Überschriften.

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

  • Bilder überlappen Überschriften.

    Ich erstelle ja gerade nen neues design. gerade bin ich bei der frendesseite angekommen und musste was blödes feststellen.
    Ich habe das bild mit einem img_left div eingebunden, damit es sich links hält und nich über dem text ist.
    doch leider überlappt es dadurch h2 und h3... was könnte ich falsch gemacht haben?
    hier mal nen screen: http://www.wishu.de/forum/nichgut.jpg

    hier der code, für meine h2:

    Code:
    #content h2 {
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #EDEDED;
    background-color:#222222;
    border-top:1px #71706E solid;
    border-bottom: 1px #010000 solid;
    }
    für mein img_left
    Code:
    div.img_left{
    float: left; 
    margin: 0px 4px 2px 0px;
    }
    und so hab ichs eingebunden:
    HTML-Code:
    <h2>Nat</h2>
             <h3>Wishus Hauptweibchen</h3>
             <div class="contenttext">
             <div class="img_left"><img src="bilder_friends/nat.jpg" alt="Nat" /></div>
    Meine Frau halt. Sie ist plüschig, 
    Man kann sich Super mit ihr unterhalten. Sie kann unter anderem auch 
    super zeichnen. schaut doch einfach mal unter Bilder nach.
             </div>
    
             <h2>Kara</h2>
             <h3>Wishus 2. Weibchen</h3>
    Der komplette Text den sie vor dieser Zeile lesen, ist per Zufall generiert worden und muss nicht zwingend Sinn ergeben.
    Wishu-Blog | Wishu.de | WishuLoad

  • #2
    AW: Bilder überlappen Überschriften.

    Hi,

    um den normalen Textfluss nach dem Content deines "Hauptweibchen" wieder herzustellen musst du ein clear:left; vor <h2>Kara</h2> einfügen.

    Peter
    Mein kostenloser Image-Hoster, mit freier Galerie (GNU GPL) pere-image
    Mein neuer Versuch .... und
    hiermit verdiene ich mein Geld.

    Kommentar


    • #3
      AW: Bilder überlappen Überschriften.

      wo genau muss ich des denn einfügen?
      egal was ich probiere, es kommt erstmal nen riesenabstand nach oben hin
      Der komplette Text den sie vor dieser Zeile lesen, ist per Zufall generiert worden und muss nicht zwingend Sinn ergeben.
      Wishu-Blog | Wishu.de | WishuLoad

      Kommentar


      • #4
        AW: Bilder überlappen Überschriften.

        Hi,

        mach dir im css eine Klasse, z. B. so:
        Code:
        .textfluss {
        clear:left;
        }
        Dann fügst du in deinem Quelltext ein leeres div ein:
        HTML-Code:
        <h2>Nat</h2>
                 <h3>Wishus Hauptweibchen</h3>
                 <div class="contenttext">
                 <div class="img_left"><img src="bilder_friends/nat.jpg" alt="Nat" /></div>
        Meine Frau halt. Sie ist plüschig, 
        Man kann sich Super mit ihr unterhalten. Sie kann unter anderem auch 
        super zeichnen. schaut doch einfach mal unter Bilder nach.
                 </div>
                 <div class="textfluss"></div>
        
                 <h2>Kara</h2>
                 <h3>Wishus 2. Weibchen</h3>
        Würde auch mit einem <span> funktionieren, dann hast du eine Leerzeile weniger.

        Peter

        Edit:
        Wieder entfernt ... hab falsch geguckt ...
        Zuletzt geändert von Peter0308; 29.09.2007, 11:07. Grund: Ergänzung
        Mein kostenloser Image-Hoster, mit freier Galerie (GNU GPL) pere-image
        Mein neuer Versuch .... und
        hiermit verdiene ich mein Geld.

        Kommentar


        • #5
          AW: Bilder überlappen Überschriften.

          jetzt taucht diese wunderhübsche lücke unten auf... sollte ich es vielleicht einfach mit divs machen? ist es mit h überhaupt semantisch korrekt?
          Der komplette Text den sie vor dieser Zeile lesen, ist per Zufall generiert worden und muss nicht zwingend Sinn ergeben.
          Wishu-Blog | Wishu.de | WishuLoad

          Kommentar


          • #6
            AW: Bilder überlappen Überschriften.

            Hi,

            das mit dem <h> passt schon, vorausgesetzt du hast <h1> schon vorher verwendet, ansonsten wäre es semantisch nicht in Ordnung.
            Ersetz mal:
            HTML-Code:
            <div class="Textfluss"></div>
            mit
            HTML-Code:
            <span class="textfluss"></span>
            Wenn das nichts hilft, poste mal den gesamten Code oder stell ihn online und gib einen Link.

            Peter
            Mein kostenloser Image-Hoster, mit freier Galerie (GNU GPL) pere-image
            Mein neuer Versuch .... und
            hiermit verdiene ich mein Geld.

            Kommentar


            • #7
              AW: Bilder überlappen Überschriften.

              des löst gar nix aus... hm... ich lade es gerade hoch.....
              so fertig, hier der link: KLICK
              also wenns anders nicht geht würd ichs auch mit divs machen, hatte nur gedacht es geht mit h

              EDIT: mir is gerade im IE (6) aufgefallen, dass h2 nicht richtig funktioniert wenn es direkt nach h1 kommt... kann man sich bei news zum beispiel angucken,woran liegt das?
              Der komplette Text den sie vor dieser Zeile lesen, ist per Zufall generiert worden und muss nicht zwingend Sinn ergeben.
              Wishu-Blog | Wishu.de | WishuLoad

              Kommentar


              • #8
                AW: Bilder überlappen Überschriften.

                Hi,

                das Problem ist, das bei einem clear:left auch die float-Anweisung des linken Menüs zurückgesetzt wird. Deshalb wird mit dem nachfolgendem Text erst unter der Navigation weitergemacht.

                Da hab ich im Moment noch keine Lösung für .... muss ich mir noch ein paar Gedanken drüber machen.

                Peter
                Mein kostenloser Image-Hoster, mit freier Galerie (GNU GPL) pere-image
                Mein neuer Versuch .... und
                hiermit verdiene ich mein Geld.

                Kommentar


                • #9
                  AW: Bilder überlappen Überschriften.

                  ok wäre nett. danke schonmal für die hilfe.


                  Edit (autom. Beitragszusammenführung):

                  hab mir jetzt erstmal so ausgeholfen, dass ich nen min-height gesetzt habe. die bilder sind eh großteils gleichhoch... nur wie mache ich es, dass es vertikal in der mitte is. v-align oder vertical-align funzt irgendwie nich.


                  Edit (autom. Beitragszusammenführung):

                  ähm kanns sein, dass der ie6 min-height nich mag? da siehts nämlich noch immer genauso beschissen aus... ich hab kein bock des mit tabellen zu machen... hm...


                  Edit (autom. Beitragszusammenführung):

                  so habs jetzt mit tabellen gemacht, wolltsch zwar nich, aber ich will fertsch werden, kann ichspäter immer noch ändern. ich lads aber nich neu hoch.
                  Zuletzt geändert von Wishu; 29.09.2007, 20:36. Grund: Antwort auf eigenen Beitrag innerhalb von 24 Stunden!
                  Der komplette Text den sie vor dieser Zeile lesen, ist per Zufall generiert worden und muss nicht zwingend Sinn ergeben.
                  Wishu-Blog | Wishu.de | WishuLoad

                  Kommentar

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

                  Einklappen

                  Themen: 57.204   Beiträge: 432.055   Mitglieder: 29.641   Aktive Mitglieder: 31
                  Willkommen an unser neuestes Mitglied, Davidbeq.

                  Online-Benutzer

                  Einklappen

                  892 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 889.

                  Mit 9.939 Benutzern waren am 17.05.2023 um 21:38 die meisten Benutzer gleichzeitig online.

                  Die neuesten Themen

                  Einklappen

                  Die neuesten Beiträge

                  Einklappen

                  • bodan
                    Antwort auf Webseiten gestalten in Teams: welches Tool setzt ihr ein: Sketch, Figma oder Penpot?
                    hi LocalFu, hi Arnego

                    vielen Dank für Eure Rückmeldungen, Eure Beiträge.


                    Vorweg: Ich freu mich von Euch zu hoeren. Vorweg: ich kannte bis vor kurzem die Tools auch noch nicht. Bin an denen v.a. deshalb interessiert, weil man hier halt wohl


                    LocalFu:...
                    Heute, 07:24
                  • bodan
                    Webseiten gestalten in Teams: welches Tool setzt ihr ein: Sketch, Figma oder Penpot?
                    Seit einiger Zeit sind die Tools in der Diskussion - für Aufgabenbereiche, wie jene, Webseiten gestalten in Teams:

                    welches Tool setzt ihr ein: Sketch, Figma oder Penpot?

                    Ist Figma oder Penpot passender, geeigneter? Welches Tool nutzt Ihr für kollaboratives Webdesign und für...
                    06.06.2023, 20:25
                  • arnego2
                    Antwort auf Vietcong Informationsseite
                    Nun ja eine weitere Amazon Verkaufplattform mit Spele Teil.
                    Heute, 01:00
                  • s.blue
                    Vietcong Informationsseite
                    Hallo zusammen,

                    ich habe eine Website zu Vietcong 1 erstellt, obwohl das Spiel schon etwas älter ist. Dort sind alle Informationen enthalten, die mir zur Verfügung stehen bzw. standen.

                    Ihr könnt gerne Feedback geben und mir mitteilen, falls ich etwas vergessen habe!
                    ...
                    Vietcong 1 ist ein First-Person-Shooter-Videospiel Vietcong wurde von Pterodon und Illusion Softworks entwickelt und im Jahr 2003 von Gathering of Developers veröffentlicht. Vietcong 1 ist ein First-Person-Shooter-Videospiel Vietcong wurde von Pterodon und Illusion Softworks entwickelt und im Jahr 2003 von Gathering of Developers veröffentlicht. Singleplayer und
                    03.06.2023, 09:16
                  • arnego2
                    Antwort auf KI - eine große Bedrohung für die Menschheit
                    Nun ja die Erde ist recht Groß wer also in der Nähe der Orte lebt wo diese Robots entwickelt werden sollte an zumziehen denken....
                    Gestern, 17:27
                  • daniel5959
                    KI - eine große Bedrohung für die Menschheit
                    Hallo,

                    hier eine interessante Info zur KI, siehe



                    Es ist zu erwarten, dass die KI nicht nur für positive Sachen wie z.B. das Erstellen von Texten oder Bildern verwendet wird, sondern dass in Zukunft die vielen Diktatoren auf der Welt, die großen wie die kleinen...
                    30.05.2023, 22:17
                  • arnego2
                    Antwort auf Webseiten gestalten in Teams: welches Tool setzt ihr ein: Sketch, Figma oder Penpot?
                    keines der genannten.
                    Zum Rumspielen kannst es sicher benutzen nur sollte es mal eine Firmenwebseite werden sind diese Lösungen inakzeptabel. Die sind so designed das du nicht mehr von Ihnen wegkommst oder nur mit großen Kosten.

                    Nachtrag Penpot lässt sich anscheinend auch selbsthosten....
                    Gestern, 17:25
                  • Localfu
                    Antwort auf Webseiten gestalten in Teams: welches Tool setzt ihr ein: Sketch, Figma oder Penpot?
                    Ich habe sehr gute Efahrungen mit Adobe XD gesammelt. Dafür nutze ich einige zusätzliche Plugins. Adobe XD erlaubt es auch Dritten Projektdaten anzuschauen und zu testen. Der Nachteil ist das man die Adobe Creative Cloud benötigt um an Webseiten zu arbeiten, aber das Teilen geht auch ohne Account.
                    Gestern, 13:58
                  • Localfu
                    Antwort auf (Mesh) WLAN mit LAN Buchse
                    Hi bluthund,
                    hol dir lieber einen Access Point. Das hat verschiedene Vorteile unter anderem auch die Geschwindigkeit. Entweder du kaufst dir accesspoint-hardware oder bastelst dir mit einem Raspberry Pi und W-LAN-Dongle mit Antennenanschluss selber einen Access Point. Der Vorteil liegt besonders...
                    06.06.2023, 13:47
                  • bluthund
                    (Mesh) WLAN mit LAN Buchse
                    Hallo,

                    ich habe einen Raum den ich mit WLAN ausleuchten möchte.

                    Hierzu suche ich Tipps für einen Router oder Repeater, am besten mit Mesh Funktion, der eine LAN Buchse hat. Die LAN Buchse sollte nicht andere Geräte ins Netz nehmen, sondern der Anschluss für das Internet...
                    02.06.2023, 20:16
                  Lädt...
                  X