Ergebnis 1 bis 1 von 1

Thema: HTML layout Probleme

  1. #1
    HTML Newbie
    Registriert seit
    30.04.2016
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Unglücklich HTML layout Probleme

    Hallo,
    Ich habe ein Problem mit dem Layout.
    So sieht es aktuell aus: http://prntscr.com/azfrda
    Folgendes so anders sein
    1. da soll ein Abstand Zwischen der Menü Leiste sein und dem Border von <Article>
    2. Die Jeweiligen Antworten auf die Fragen sollen auf einer Höhe sein z.B Name Fabian Nachname
    3. Border von Article soll über die Fragen plus Antworten gehen
    4. footer soll ganz Unten sein
    5. Die Bilder sollen die selbe höhe und Abstände haben ( ist nur eins was aus der Reihe springt und weiß nicht wie ich es beheben soll)

    Ich habe viele Sachen ausprobiert nichts hat geklappt und ich verstehe einfach nicht wieso nicht....
    Hier ist der teil von der CSS
    Code (css):

    • article{
    • border: solid green;
    • height: 90%;
    • padding-top: 1rem;
    • }
    • #hallo{
    • color: inherit;
    • text-decoration: inherit;
    • text-decoration: none;
    • background-color: transparent;
    • padding: 0px;
    • margin: 0px;
    • display: inline;
    • width: 0px;
    • font-size: 2rem;
    • }
    • #hallo:hover{
    • color: #ffffff;
    • }
    • nav{
    • height: 4rem;
    • }
    • .Informationen{
    • background-color: black;
    • }
    • .Informationen>div{
    • width: 33%;
    • }
    • .Informationen>div li{
    • color: green;
    • padding-left: 14rem;
    • font-size: 2rem;
    • padding-bottom: 0.5rem;
    • display: block;
    • }
    • .Informationen>section{
    • width: 66%;
    • float: right;
    • color: green;
    • }
    • .Informationen>section li
    • {
    • color: green;
    • padding-left: 14rem;
    • font-size: 2rem;
    • padding-bottom: 0.5rem;
    • display: block;
    • }
    • .Informationen>section img{
    • height:auto;
    • width: 8rem;
    • }
    • .Informationen>section
    • {
    • padding-left: 1.5rem;
    • }
    • .Informationen>section ul{
    • padding-bottom: 50rem;
    • }
    • .Informationen>section li figure{
    • width: 10rem;
    • text-align: center;
    • padding-left: 0.1rem;
    • border: solid;
    • display: inline-block;
    • }
    • .Informationen>section li figure p {
    • text-align: center;
    • width: auto;
    • display: inline-block;
    • }
    • footer{
    • width: 50%;
    • padding-left: 30rem;
    • }
    • .Ende>p{
    • color: green;
    • font-size: 1.5rem;
    • border: solid green;
    • text-align: center;
    • }



    Hier die HTML
    Code (html5):





    Vielen dank im Voraus


    gruß Phänox
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Angehängte Grafiken Angehängte Grafiken

Ähnliche Themen

  1. Antworten: 10
    Letzter Beitrag: 12.10.2009, 10:06
  2. Layout Probleme
    Von ChristianKl1 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 19.02.2008, 12:10
  3. Ich habe layout probleme:(..beim ie
    Von gast im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 02.09.2006, 16:07
  4. Probleme bei meinem Layout
    Von Sibirische im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 10
    Letzter Beitrag: 05.10.2005, 16:53
  5. HTML Diashow in bestehendes HTML-Layout einfügen?
    Von Music_Finder im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 09.08.2005, 16:53

Stichworte

Berechtigungen

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