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.074   Beiträge: 431.967   Mitglieder: 29.241   Aktive Mitglieder: 50
                  Willkommen an unser neuestes Mitglied, eisbär.

                  Online-Benutzer

                  Einklappen

                  262 Benutzer sind jetzt online. Registrierte Benutzer: 2, Gäste: 260.

                  Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

                  Die neuesten Themen

                  Einklappen

                  • daniel5959
                    Überdachte Pedelecs
                    Hallo,

                    nachdem ich gut 40 Jahre lang Auto gefahren bin, habe ich seit einigen Jahren kein Auto mehr.

                    Für die kurzen Strecken alle 2 Wochen zum Supermarkt oder auch mal in die nächste Stadt (ca. 3,5 km bis zum Stadtrand mit Bau- und Garten- sowie Supermärkten oder ca. 5 km...
                    15.05.2022, 21:12
                  • eisbär
                    html und css homepage ohne Javascript
                    Hallo,
                    ich möchte nur in html und css ohne Javascript eine Website erstellen , die laut Anhang ungefähr so aussehen soll. Content diverse Themenbereiche als Blog. Ich habe auch schon angefangen, hochgeladen, das würde eigentlich schon reichen. Aber ich bin haltrnicht zufrieden. Als Hilfe hatte...
                    14.05.2022, 09:22
                  • daniel5959
                    Heizölpreis
                    Hallo,

                    viele Häuser werden ja mit Heizöl beheizt und manche jammern etwas von unbezahlbar, aber wie sieht es wirklich aus.





                    Ein Haus mit 150 m² und Baujahr 1970 bis 1980 braucht etwa 3.000 Liter im Jahr - Kosten:

                    2019 >> 2.077,50...
                    11.05.2022, 02:00
                  • bodan
                    Verlängern des eines SSL-Zertifikats vergessen - muss das dann neu beantragt werden!?
                    Tach Community,

                    wenn man das rechtzeitige Verlängern des eines SSL-Zertifikats vergessen hat- muss das dann neu beantragt werden!?

                    VG Bodan...
                    09.05.2022, 19:08
                  • eloms
                    strftime nicht mehr Aktuell? Ersetzen aber wie?
                    Hallo

                    Ich habe gerade festgestellt, das meine Datei, die das Datum aufbereitet strftime enthält und nicht mehr Aktuell ist.
                    Das habe ich so aus dem Internet bekommen, aber ich kann das nicht ändern.

                    Kann mir das Bitte jemand anpassen?
                    PHP-Code:
                    <?php
                      $monate
                    ...
                    07.05.2022, 09:17

                  Die neuesten Beiträge

                  Einklappen

                  • daniel5959
                    Überdachte Pedelecs
                    Hallo,

                    nachdem ich gut 40 Jahre lang Auto gefahren bin, habe ich seit einigen Jahren kein Auto mehr.

                    Für die kurzen Strecken alle 2 Wochen zum Supermarkt oder auch mal in die nächste Stadt (ca. 3,5 km bis zum Stadtrand mit Bau- und Garten- sowie Supermärkten oder ca. 5 km...
                    15.05.2022, 21:12
                  • admin
                    Antwort auf Überdachte Pedelecs
                    Hallo Daniel,

                    die sind schon interessant, die 4 E-Bikes mit Dach.

                    Insbesondere in Städten mit separaten, breiten Fahrradstraßen kann das prima funktionieren.

                    Bei uns hier in der Gegend wird es vom Verkehr schwierig...
                    Wo müssen die fahren - auf der Straße...
                    Heute, 11:41
                  • daniel5959
                    Antwort auf Überdachte Pedelecs
                    Hallo,

                    die Preise sind hoch im Vergleich zu den L6e-Fahrzeugen (max. 45 km/h, Leergewicht bis 425 kg plus Batteriegewicht) wie Citroen Ami (in Frankreich etwa 7.000 Euro) und Opel Rocks-e (ab ca. 8.000 Euro).

                    Von Materialbedarf (Gewicht ca. 70 bis 120 kg, kleiner Akku) aus...
                    Gestern, 17:20
                  • arnego2
                    Antwort auf Überdachte Pedelecs
                    Nicht schlecht die Preise die da aufgerufen werden.
                    €10 000 für ein E Rad mit Dach?
                    Gestern, 12:58
                  • eisbär
                    html und css homepage ohne Javascript
                    Hallo,
                    ich möchte nur in html und css ohne Javascript eine Website erstellen , die laut Anhang ungefähr so aussehen soll. Content diverse Themenbereiche als Blog. Ich habe auch schon angefangen, hochgeladen, das würde eigentlich schon reichen. Aber ich bin haltrnicht zufrieden. Als Hilfe hatte...
                    14.05.2022, 09:22
                  • Sempervivum
                    Antwort auf html und css homepage ohne Javascript
                    Ja, Selfhtml ist auch zu empfehlen.
                    14.05.2022, 20:04
                  • eisbär
                    Antwort auf html und css homepage ohne Javascript
                    ja vielen Dank. Ein Ansatzpunkt. Das versuche ich mal.
                    Ich bin momentan auf der Seite https://wiki.selfhtml.org/wiki/CSS/T...rid/Grid-Items
                    Vielleicht zum üben net schlecht.....?
                    14.05.2022, 19:25
                  • Sempervivum
                    Antwort auf html und css homepage ohne Javascript
                    Für dein Template brauchst Du nur wenig von Grid:

                    Zwei Spalten anlegen:
                    Code:
                    #grid-container {
                        grid-template-columns: 2fr 1fr;
                    }
                    Header und Footer müssen beide Spalten überspannen:
                    Code:
                    header {
                        grid-column: 1 / 3;
                    }
                    14.05.2022, 18:01
                  • eisbär
                    Antwort auf html und css homepage ohne Javascript
                    Dank Dir, sehr guter Vorschlag. Denn nach 2 Stunden rum probieren bekomme ich mein "einfaches Template" mit grid nicht hin. Bin zu blöd dafür.
                    Das Zusammenspiel Html und css miteinander habe ich halbwegs schon kapiert. Für meine Ansprüche sollte es reichen. Aber den Aufbau mit grid,...
                    14.05.2022, 17:54
                  • Localfu
                    Antwort auf html und css homepage ohne Javascript
                    Moin eisbär,
                    ich kann die nur empfehlen ein Buch über HTML und CSS holen. Das kostet heutzutage fast nichts mehr und man bekommt auch digitale Bücher als PDF oder eBook. Ich kann dir empfehlen das Buch zu holen, da es ein guter Einstieg ist in die Erstellung von Webseiten mit HTML und CSS. ht...
                    14.05.2022, 16:21
                  Lädt...
                  X