Auf Thema antworten

Beitrag

[QUOTE="proxo, post: 11510, member: 2173"]
[B]Seitenaufbau: Die Texte und ein Foto in HTML wurden weg gelassen.

<body>
    
        <article>
        <header>
        <h1></h1>
        </header>
        
        <header>
            <h2></h2>
        </header>        
                
    
    <main>
                <div>     
                        <ul id=""><h2><b>..............</b></h2>
        
            <br><li>......</li>
            </ul></div>
                    
                <div>
        <p><ul id="">
                       
                </ul></p></div> 
                       
                <div>
    
                        <p id="">    (2 Links)     </p> 
                </div>               
                            
    </main></article>
        
            <footer>
        <p id="footer">
            <a href="Impressum und Datenschutz</a>                                    
                        </footer>
        
</body></html>

[B]CSS
[/B]
html {
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>home Lang</title>
    <style type="text/css">
  color: black;
  background: white url("file:/home/hans/Homepage_final/Home_neu_final-Dateien/Hintergrundbild_kleiner.jpg") no-repeat scroll 50% 0%;  
    }
  
/* Kompaktes Layout für mobile Geräte */
body {
    display: flex;
      flex-flow: row wrap;        
    font-family: "Century Schoolbook L";
  text-align: left;
  font-size: 1em;
  color: #993399;
  
    }

/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */
header, header h1, header h2, header p, ul, ul p, ul h2, ul li, footer {
  flex: 1 100%;
}

@media screen and (max-width: 110em) {
        body {
        background-color: whitesmoke;
        color: #993399;
        }
        #Fotoweg {
        display: none;        
        }    
    }
    
    
@media all and (min-width: 35em) {
  body {
    flex: 3 1 0%;
  }
  
  
header {
        font-family: "Century Schoolbook L";
    color: #953195;
   background-color: rgba(199, 199, 249, 0.95);
    }

header h1 {
    font-size: 2em;
        height: 1em;
    margin-bottom: 0rem; margin-left: 1.2em; padding: 1.0rem; padding-bottom: 2rem; margin-top: 0em; padding-right: 2em; margin-right: -5.5em; width: 60em;

}
    
header h1 img {
        align: right; padding: 0.0em; padding-right: 1em; margin-right: 3.5em;

}    
    
header h1 img {
        align: right; padding: 0,0em; padding-right: 2em; margin-right: 4em;

}    
    
header h2 {
        height: 1em;
    margin-bottom: 0.0rem; margin-left: 2rem; padding: 1.5rem; padding-bottom: 2rem;
    
    }
    
header p {
        height: 1.5em;
    margin-bottom: 0rem; margin-left: 1rem; padding: 1.0rem; padding-bottom: 2rem; 
    
    }
    
    
ul {
        height: 29em; width:40em; 
    margin-bottom: 0rem; margin-left: 0rem; padding: 3rem; padding-bottom: 1rem; padding-top: 1rem; margin-top: 0em;
    background-color: rgba(199, 199, 249, 0.95);
    
    }
    
ul p {
    
    height: 26.3em; width: 20em; color: #953195; font-size: 1.3rem;
    margin-bottom: 0rem; margin-left: 0rem; padding-top: 0rem; padding-bottom: 2rem; padding-left: 0rem;
    
    }

ul h2 {
    
    height: 1.5em; color: #953195;
    margin-bottom: 1rem; margin-left: 0.5rem; padding: 0.5rem; padding-bottom: 0.5rem;
    
    }
    
ul li {
    height: 1.1em; color: #953195; font-size: 1.5rem;
    margin-bottom: -1rem; margin-left: 5rem; padding: 0.5rem; padding-bottom: 1rem; 
    
    } 
        
    
#angebot {
        position: relative; 
   top: 1.5em; left: 0em;
    background-color: rgba(199, 199, 249, 0.95); 
    font-family: "Century Schoolbook L";
      text-align: left;
      font-size: 1em;
      color: #953195;
      width: 60%; height: 29em; margin: 0 em; padding-left: 2.5em; padding-top: 1em;
      
    }
    
#offnungszeiten {
        position: relative; 
   top: -23.4em; right: 3em; left: 59.7em;
    background-color: rgba(199, 199, 249, 0.95); 
    font-family: "Century Schoolbook L";
      text-align: left;
      font-size: 1.3em;
      color: #953195;
      height: 19.5em; width: 21.5em; margin: 0 1em; padding-left: 5em; padding-top: 3.5em; margin-right: 0em;
      
    }
    
#Online-Kauf {
    position: relative;
   background-color: rgba(199, 199, 249, 0.95); 
    font-family: "Century Schoolbook L";
      margin: -23em 0 0 0; padding: 1em; text-align: center;
      font-size: 1.3em;
      color: #953195;
}

#footer {
    font-family: "Century Schoolbook L";
    color: #953195;
   background-color: rgba(199, 199, 249, 0.95);
    height: .7em;
    margin-bottom: 0.0rem; margin-left: 0rem; padding: .5rem; padding-bottom: 1rem; padding-left: 2rem; padding-right:2rem; margin-right: 95rem;
}
[/QUOTE]

Authentifizierung