Ergebnis 1 bis 10 von 10

Thema: HTML-Elemente unfreiwillig untereinander

  1. #1
    Azubi(ne) Avatar von Sysmatic
    Registriert seit
    01.10.2018
    Ort
    Thüringen
    Alter
    31
    Beiträge
    61
    Danke
    9
    Bekam 0 mal "Danke" in 0 Postings

    Standard HTML-Elemente unfreiwillig untereinander

    Hallo miteinander.

    Kürzlich habe ich ein aufklappbares Menü eingeführt.
    Die ganze div-Suppe führt aus irgendeinem Grund dazu, dass sich sämtliche Elemente untereinander reihen.
    Ich hab einiges mit den Breiten, float usw... herumexperimentiert, komme aber immer wieder zum selben Ergebnis.

    Hoffe es kann mir geholfen werden,
    Danke!

    Aktuelles Resultat und Quellcode: http://blechlavine.bplaced.net/

  2. #2
    Fortgeschrittene/r
    Registriert seit
    23.01.2018
    Ort
    Minden
    Beiträge
    187
    Danke
    0
    Bekam 28 mal "Danke" in 28 Postings

    Standard AW: HTML-Elemente unfreiwillig untereinander

    hast du irgendwie mal ein Bild wie das aussehen soll? So ganz kann ich mir das nicht vorstellen wegen den Fahnen da und so.Soll das beim Mobilen Menü untereinander stehen bleiben ?
    Mein soforthilfe Forum und Chat

  3. #3
    Azubi(ne)
    Themenstarter
    Avatar von Sysmatic
    Registriert seit
    01.10.2018
    Ort
    Thüringen
    Alter
    31
    Beiträge
    61
    Danke
    9
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML-Elemente unfreiwillig untereinander

    Oh ich vergaß zu erwähnen dass es die Desktop-Ansicht betrifft.

    Mein Ziel sind 2 Spalten und 3 Reihen (Navigation).
    Die Flaggen sollten nebeneinander platziert werden.

    Eigentlich nichts schwieriges, aber ich bekomme den ganzen Spaß um's verrecken nicht nebeneinander

  4. #4
    HTML Newbie
    Registriert seit
    17.10.2018
    Beiträge
    2
    Danke
    0
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: HTML-Elemente unfreiwillig untereinander

    Hey!
    Um so eine Ansicht zu erzeugen gibt es mehrere Möglichkeiten. Eine wäre die einzelnen Menüpunkte über bspw. den Child-Selektor wie :nth-child() einzeln ansprechen und denen eine konkrete Position zuweisen und hoffen,
    dass diese Selektion dominanter als deine bisherigen CSS-Anweisungen sind. Soweit ich weiß kann man aber auch bestimmte CSS-Anweisung mit einem !important; erzwingen.
    ul li {
    color : blue !important;
    }
    Damit würden sich auch dominante CSS-Einstellungen unwirksam machen lassen. Falls du auf deiner Seite noch Videos hochladen möchtest, um etwas Marketing zu betreiben, sag Bescheid.
    Hoffe du kriegst das mit der Navi hin !
    Geändert von Arne Drews (17.10.2018 um 18:48 Uhr) Grund: MOD: Link entfernt

  5. Folgende User finden die Antwort von Franzi92 gut:


  6. #5
    Azubi(ne)
    Themenstarter
    Avatar von Sysmatic
    Registriert seit
    01.10.2018
    Ort
    Thüringen
    Alter
    31
    Beiträge
    61
    Danke
    9
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML-Elemente unfreiwillig untereinander

    Sicher könnte ich es so regeln, könnte die Navigation aber auch in einer Tabelle unterbringen...
    Leider erklärt mir das nicht die ungewollte Formatierung

  7. #6
    Fortgeschrittene/r
    Registriert seit
    23.01.2018
    Ort
    Minden
    Beiträge
    187
    Danke
    0
    Bekam 28 mal "Danke" in 28 Postings

    Standard AW: HTML-Elemente unfreiwillig untereinander

    2 Spalten 3 reihen ? Und fahnen neben einander ?
    als so ?



    Start Kontakt
    Karriere Referenzen Fahne Fahne Fahne
    Über Uns Impressum


    Geändert von basti1012 (17.10.2018 um 19:28 Uhr)
    Mein soforthilfe Forum und Chat

  8. #7
    Azubi(ne)
    Themenstarter
    Avatar von Sysmatic
    Registriert seit
    01.10.2018
    Ort
    Thüringen
    Alter
    31
    Beiträge
    61
    Danke
    9
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML-Elemente unfreiwillig untereinander

    So in etwa...allerdings habe ich nun doch noch die Lösung gefunden, Franzi92 hat mich auf die richtige Fährte gebracht.
    Die ein oder andere Zeile in der .css für die mobile Ansicht habe ich tatsächlich übersehen...fast schon peinlich
    Danke nochmal!

  9. #8
    Meister(in)
    Registriert seit
    27.07.2015
    Ort
    Nordseeküste
    Beiträge
    326
    Danke
    0
    Bekam 71 mal "Danke" in 71 Postings

    Standard AW: HTML-Elemente unfreiwillig untereinander

    Nun ja... ungewollt kann man so nicht sagen !
    Die Menüpunkte <a...> sind formatiert mit 'display: block;' ... so formatierte Elemente ordnen sich in der Regel untereinander an mach dies Formatierung weg, dann ist schon ein Problem gelöst.
    Dann ist dein div.nav-box mit 'float: left;' formatiert... etwas unglücklich, denn dann 'stapelt' sich deine Sprachauswahl rechts davon, weil 'float' eben zum Umfließen führt.
    Mach also das Float auch weg, dann sieht das schon anders aus... ok, noch nicht das, was du dir vorstellst... aber mach uns mal eine Skizze vom angestrebten Layout, dann kann man auch gezielter helfen.

    Nachtrag:
    Die Änderungen solltest du in eine @media Query packen, damit sie nur bei größeren Displays wirksam sind, es soll ja bei zB SmartPhones bestimmt in dieser 'untereinander'-Anordnung bleiben.
    Geändert von Sailor (17.10.2018 um 19:50 Uhr)
    PHP-Code:
    if(!sleep)
      {
    $sheep++;}
    else
      {
    $status="zzzz";} 

  10. Folgende User finden die Antwort von Sailor gut:


  11. #9
    HTML Newbie
    Registriert seit
    17.10.2018
    Beiträge
    2
    Danke
    0
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: HTML-Elemente unfreiwillig untereinander

    Hallo Systematic! Freut mich wenn meine Anwort nützlich war!
    Geändert von Franzi92 (19.10.2018 um 15:42 Uhr)

  12. #10
    Azubi(ne)
    Themenstarter
    Avatar von Sysmatic
    Registriert seit
    01.10.2018
    Ort
    Thüringen
    Alter
    31
    Beiträge
    61
    Danke
    9
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML-Elemente unfreiwillig untereinander

    @Sailor
    Das war einer der Punkte...manchmal seh ich den Wald vor lauter Baum nicht je größer die CSS-Dateien werden
    Abgesehen von kleinen Macken, die ich jetzt einfach mal ignoriere, komme ich aktuell bestens voran und habe auch schon ein Ende in Sicht.
    Danke nochmal an alle Beitragenden

Ähnliche Themen

  1. HTML Formular Versand (ausgeblendete Elemente)
    Von Eased04 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 03.09.2015, 22:12
  2. Antworten: 1
    Letzter Beitrag: 26.07.2013, 12:39
  3. Antworten: 8
    Letzter Beitrag: 19.10.2011, 22:18
  4. 3 divs untereinander
    Von keycee im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 27.09.2011, 22:07
  5. Div-Container _direkt_ untereinander platzieren (HTML, CSS)
    Von HolyMarcell im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 26.02.2007, 21:50

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •