Ergebnis 1 bis 10 von 10

Thema: CSS Elemente nebeneinander

  1. #1
    Azubi(ne)
    Registriert seit
    07.04.2018
    Beiträge
    93
    Danke
    4
    Bekam 0 mal "Danke" in 0 Postings

    Standard CSS Elemente nebeneinander

    Moin Leute!
    Ich habe bei mir das problem, dass wenn ich mein Section auf links orientiere, der hintergrund des unterliegenden Div ignoriert wird.
    Die Section wird ebenfalls automatisch unter diesen Div geschoben!
    Code:
    <div class="footer"><section class="sec-left">
    	<ul>
    		<li><h1>Folge uns auf</h1></li>
    		<li><a href="https://twitter.com/simuundquex"><i class="fa fa-twitter"></i></a></li>
    		<li><a href="https://instagram.com/simuundquexteam"><i class="fa fa-instagram"></i></a></li>
    		<li><a href=""></a></li>
    	</ul>
    </section>
    
    
    <section class="sec-left">
    	<ul>
    		<li><h1>Folge uns auf</h1></li>
    		<li><a href="https://twitter.com/simuundquex"><i class="fa fa-twitter"></i></a></li>
    		<li><a href="https://instagram.com/simuundquexteam"><i class="fa fa-instagram"></i></a></li>
    		<li><a href=""></a></li>
    	</ul>
    </section>
    <p>Copyright © 2019</p>
    </div>
    Code:
    @import url('https://fonts.googleapis.com/css?family=Roboto');
    
    
    
    .footer{
        width: 100%;
        height: auto;
        background-color: #2e2e2e;
        color: #fff;
        margin: 0;
        padding: 0;
    }
    .footer ul{
        list-style: none;
        text-align: center;
    }
    .footer ul li{
        padding-top: 5px;
        color: #fff;
        font-family: 'Roboto', sans-serif;
    }
    .footer ul li a{
        text-decoration: none;
        color: #fff
    }
    .footer ul li a:hover{
        text-decoration: underline;
    }
    .footer h1{
        margin-bottom: 0;
    }
    .sec-left{
        margin-left: 20px;
        width: auto;
        color: #fff;
    }
    .fa-twitter:hover{
        color: #00acee
    }
    .fa-instagram:hover{
        color: #d6249f;
        color: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    }
    Kann mir jemand helfen?

  2. #2
    Azubi(ne)
    Themenstarter

    Registriert seit
    07.04.2018
    Beiträge
    93
    Danke
    4
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS Elemente nebeneinander

    Hat jemand eine Idee?

  3. #3
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.384
    Danke
    17
    Bekam 74 mal "Danke" in 72 Postings

    Standard AW: CSS Elemente nebeneinander

    Mangels eines Onlinelinks, auf dem man sich das Problem zumindest mal ansehen könnte, nein, keine Idee.
    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  4. #4
    Azubi(ne)
    Themenstarter

    Registriert seit
    07.04.2018
    Beiträge
    93
    Danke
    4
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS Elemente nebeneinander

    Was meinst du mit
    Mangels eines Onlinelinks
    ?

  5. #5
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.384
    Danke
    17
    Bekam 74 mal "Danke" in 72 Postings

    Standard AW: CSS Elemente nebeneinander

    Online! Auf ein Webspace hochladen. Wo kann man das Online ansehen? Jetzt verstanden was Onlinelink sein soll?
    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  6. #6
    Azubi(ne)
    Themenstarter

    Registriert seit
    07.04.2018
    Beiträge
    93
    Danke
    4
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS Elemente nebeneinander


  7. #7
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.384
    Danke
    17
    Bekam 74 mal "Danke" in 72 Postings

    Standard AW: CSS Elemente nebeneinander

    Okay, ist ein Anfang...

    Unbenannt.jpg
    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  8. #8
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    627
    Danke
    0
    Bekam 71 mal "Danke" in 69 Postings

    Standard AW: CSS Elemente nebeneinander

    Hallo

    Auf der verlinkten Seite ist das Problem leider nicht sichtbar. Offensichtlich unterschlägst du uns den problematischen CSS-Quelltext. Deshalb kann ich nur raten.

    Wahrscheinlich mißbrauchst du float um die section-Elemente nebeneinander zu stellen. Falls dem so sein sollte:

    Float ist nicht dafür gedacht Container nebeneinander anzuzeigen. Sondern damit Text andere Elemente (in der Regel Bilder) umfließen kann.

    Zudem hat Float Nebenwirkungen, mit denen du dich nicht beschäftigt hast und die jetzt zuschlagen. Dazu gehört, dass Float sich weitervererbt und gefloatete Elemente aus dem Dokumentenfluß genommen werden.

    Sachlich ist die Verwendung von Float zum Nebeneinander stellen von Elementen falsch.

    Bereits seit einigen Jahren (mit der Einführung von HTML5) wurde für die von dir gewünschte Darstellung im CSS das sogenannte Flexbox-Modell eingeführt ( display: flex; ). Damit solltest du dich beschäftigen, die Suchmaschine deiner Wahl sollte dir weiterhelfen.

    Seitdem ist der Mißbrauch von Float zum Anordnen von Elementen nicht mehr erforderlich und Float sollte nur noch für die oben genannte dafür gedachte Anordnung verwendet werden. Dazu gehört auch, sich mit allen Auswirkungen von Float zu beschäftigen.

    Da Float kaum noch erforderlich wird solltest du deine Energie in das Lernen von Flexbox und neuerdings auch CSS-Grid stecken. Die sind speziell zum Anordnen von Elementen (dazu gehören auch Container) entwickelt worden. Üblicherweise in Verbindung mit MediaQueries.

    Gruss

    MrMurphy
    Geändert von MrMurphy (04.01.2019 um 06:22 Uhr)

  9. #9
    Samurai
    Registriert seit
    23.01.2018
    Ort
    Minden
    Beiträge
    238
    Danke
    0
    Bekam 31 mal "Danke" in 31 Postings

    Standard AW: CSS Elemente nebeneinander

    irgendwie verstehe ich deinn problem nicht ganz. Der Code macht doch genau das was er machen soll.
    Was meinst du mit links orientiert und übereinander geschoben ? bIch sehe nix was übereinander steht.
    Erklär doch mal wie es aussehen soll,notfalls mir Grafik.

  10. #10
    Teeny
    Registriert seit
    14.12.2015
    Beiträge
    41
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS Elemente nebeneinander

    Üblicherweise in Verbindung mit MediaQueries.

Ähnliche Themen

  1. Antworten: 1
    Letzter Beitrag: 26.07.2013, 12:39
  2. Antworten: 1
    Letzter Beitrag: 03.03.2013, 21:25
  3. IE: Positionierung der Elemente
    Von Haris im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 30.11.2012, 20:34
  4. Aufbau der Elemente
    Von Shanai im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 10.12.2010, 22:23
  5. Elemente durchlaufen (C#)
    Von minder im Forum Forum für alle anderen Programmiersprachen
    Antworten: 1
    Letzter Beitrag: 26.04.2009, 16:07

Stichworte

Berechtigungen

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