Skocz do zawartości
mordrag

pierwsza stronka w html5?

Przez mordrag, w xHTML / CSS / Javascript

Polecane posty

mordrag    0

mordrag
Napisano

czesc

mam pytanie co sie daje w te znaczniki można prosić o przykład?

 

<html lang="pl">
    <head>
         <meta charset="utf-8">
         <title>xxx</title>
    </head>
    <body>

         <header>
               <nav></nav>
         </header>
         <aside>xxx</aside>
         <article>xxx</article>
         <footer>xxx</footer>
     </body>
</html>

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

mordrag    0

mordrag
Napisano

czy w tej stronce nowej można panel boczny dać na lewo jak tak to w jaki sposob?

 

 

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello, HTML5!</title>
    <style>
      article, aside, footer, header, nav, section {
         display: block;
         -moz-border-radius: 0.5em;
         -webkit-border-radius: 0.5em;
         border: 1px solid gray;
        
      }
 
      section#tresc {
         width: 60%;
         float: left;
      }
 
      aside { margin-left: 50%  }
 
      footer { clear:both }
 
     
      section{ background-color:blue; height:400px; }
      aside {  background-color:red; height:400px; }
      header { background-color:green; height:100px; }
      footer { background-color:green; height:60px;  }
     
     </style>   
  </head>
  <body>
    <header>
     <center>tresc</center>
    </header>
    <section id="tresc">
         <center>tresc</center>
    </section>
 
    <aside><br>

      <p><center>panel boczny</center></p>
      
    </aside>
 
    <footer><center>stopka</center></footer>
 
  </body>
</html>

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Gość l3szcz   

Gość l3szcz
Napisano

 

czy w tej stronce nowej można panel boczny dać na lewo jak tak to w jaki sposob?

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello, HTML5!</title>
    <style>
      article, aside, footer, header, nav, section {
         display: block;
         -moz-border-radius: 0.5em;
         -webkit-border-radius: 0.5em;
         border: 1px solid gray;
        
      }
 
      section#tresc {
         width: 60%;
         float: left;
      }
 
      aside { margin-left: 50%  }
 
      footer { clear:both }
 
     
      section{ background-color:blue; height:400px; }
      aside {  background-color:red; height:400px; }
      header { background-color:green; height:100px; }
      footer { background-color:green; height:60px;  }
     
     </style>   
  </head>
  <body>
    <header>
     <center>tresc</center>
    </header>
    <section id="tresc">
         <center>tresc</center>
    </section>
 
    <aside><br>

      <p><center>panel boczny</center></p>
      
    </aside>
 
    <footer><center>stopka</center></footer>
 
  </body>
</html>

Zrób klase dla znaczników <p>, <footer> itp, żeby nie używać <center>

 

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

PapaSmerf    497

PapaSmerf
Napisano

Zajrzyj choć raz w linki podane przeze mnie w tym i innym temacie, przeczytaj, zrozum, naucz się, to nie będziesz z takimi pierdołami po forum latał.

 

A Ty dalej wciskasz <center>.... Szkoda słów.

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

mordrag    0

mordrag
Napisano (edytowany)

ok mam teraz taki kod używam css: - jak zmienić rozmiar obrazka w css?

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello, HTML5!</title>
    <style>
      article, aside, footer, header,nav, section
    {display: block;
         border: 3px solid gray;}
 
         
      header {height:100px;width:1000px; background-image:url("logo.jpg");
background-repeat:no-repeat;}

      aside  {height:500px; width:250px; float:left; background-image:url("menu.jpg");

background-repeat:no-repeat; }

      section {height:500px; width:1000px; background-image:url("tresc.jpg");
background-repeat:no-repeat;  }

      footer {height:60px; width:1000px; clear:both;

background-image:url("stopka.jpg");background-repeat:no-repeat;}
     
     </style>   
     </head>
 
     <body>

     <header>naglowek1</header>

     <aside>menu</aside>
 
     <section>tresc</section>
     
     <footer>stopka</footer>
 
  </body>
</html>



 

Edytowano przez mordrag (zobacz historię edycji)

Udostępnij ten post

Link to postu
Udostępnij na innych stronach
Gość
Temat jest zablokowany i nie można w nim pisać.
Przejdź do listy tematów xHTML / CSS / Javascript
×