Pagina html

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Pagina html

Mesaj Scris de Azael la data de Mar 8 Ian - 16:27

Cod:
<html>
    <head>
          <link rel=icon href=http://i42.servimg.com/u/f42/15/42/26/78/fw10.png sizes="32x32" type="image/png">

<title>Extrem Tutorials ™ - Prima Pagina </title>

    </head>
    <body>
      <div class="container">
       
        <div class="header">
<div class="left">
              <a href="#">Text</a>

              <a href="#">Text</a>
              <a href="#">Text</a>
              <a href="#">Text</a>
</div>
       

<div class="back">
              <a href="#">Text</a>
              <a href="#">Text</a>

              <a href="#">Text</a>
              <a href="#">Text</a>
          </div>



      </div>

        <div class="content">
            <h1>    Bine ai venit pe Extrem Tutorials</h1>

           
            <div id="ei_menu" class="ei_menu">
        CONTINUT <BR>
        CONTINUT <BR>
        CONTINUT <BR>
        CONTINUT <BR>
        CONTINUT <BR>

        CONTINUT <BR>
            </div>

        </div>
       
<div class="footer">
            Copyright 2011 Forumul tau | Design creat si codat de <a href="http://extrem-tutorials.online-talk.net/">Mr.Sankez</a> | Toate drepturile rezervate
        </div>

      </div>

<style type="text/css">
body{margin:0px}
.header a{color:#AAA}
.header a:hover{color:#fff}
.left{float:left;margin-left:10px}
.asezare{padding-left:12px}a{color:#777;text-decoration:none}
.content{margin:0 auto;padding:0px 0px 58px 0px;margin-left:-10px}

.header {
text-align: center;
width: 100%;
height: 35px;
clear: both;
background: black url(http://i40.servimg.com/u/f40/16/90/71/02/stripe10.gif) repeat top left;
margin-bottom: 20px;
border-bottom: 7px solid #222;
font-size: 11px;
line-height: 35px;
text-shadow: 1px 1px 1px black;
-moz-box-shadow: 0px 0px 5px #252525;
-webkit-box-shadow: 0px 0px 5px #252525;
box-shadow: 0px 0px 5px #252525;
}
body {
font-family: "Trebuchet MS",sans-serif;
font-size: 14px;
background: #333;
color: white;
}
.header a {
color: #AAA;
text-shadow: 1px 1px 1px black;
padding-right: 20px;
}
.container {
position: relative;
margin: 0 auto;
width: 100%;
height: auto!important;
height: 100%;
min-height: 100%;
}
.header {
text-align: center;
width: 100%;
height: 35px;
clear: both;
background: #000 url(http://i40.servimg.com/u/f40/16/90/71/02/stripe10.gif) repeat top left;
margin-bottom: 20px;
border-bottom: 7px solid #222;
font-size: 11px;
line-height: 35px;
font-weight: bold;
text-shadow: 1px 1px 1px black;
}

.ei_menu {
background: #232323;
width: 100%;
padding-left: 24px;
padding-right: 24px;
padding-top: 14px;
padding-bottom: 14px;
height: 60%;
overflow: hidden;
border-bottom: 1px solid #282827;
border-top: 1px solid #282828;
-moz-box-shadow: 0px 0px 5px #252525;
-webkit-box-shadow: 0px 0px 5px #252525;
box-shadow: 0px 0px 5px #252525;
}
.footer {
position: fixed;
width: 100%;
height: 50px;
line-height: 50px;
bottom: 0;
background: #F0F0F0;
border-top: 7px solid #222;
text-align: center;
text-shadow: 1px 1px 1px black;
color: #AAA;
background: black url(http://i40.servimg.com/u/f40/16/90/71/02/stripe10.gif) repeat top left;
-moz-box-shadow: 0px 0px 5px #252525;
-webkit-box-shadow: 0px 0px 5px #252525;
box-shadow: 0px 0px 5px #252525;
}
.footer a{
color: #AAA;
}
.footer a:hover{
color: #fff;
}
.back {
position: absolute;
right: 10px;
top: 0px;
}
.content > h1 {
margin-left: 10px;
padding-left: 4px;
font-size: 30px;
font-weight: normal;
text-shadow: 0px 0px 1px white;
text-shadow: 1px 2px 1px #000;
border-bottom: 1px dotted #444;
padding: 10px 20px;
-webkit-mask-image: -webkit-gradient(linear, left top, »
    left bottom, from #fff, to #d7d7d7;
}</style>
    </body>
</html>

Am gasit aceasta pagina, problema e ca e prea lata, imi apare bara de derulare jos spre dreapta, cum o pot face sa fie 100%, adica mai mica-n latime?

Azael
Membru Forumgratuit

Mesaje : 240
Varsta : 22
Localizare : Galati
Data de inscriere : 24/12/2012
Multumiri : 0
Membru exclus

http://legiuneastraina.forumz.ro/

Sus In jos

Rezolvat Re: Pagina html

Mesaj Scris de Cassius Dio la data de Mar 8 Ian - 16:31

Gasiti acest fragment de cod:
Cod:
.container {
position: relative;
margin: 0 auto;
width: 100%;
height: auto!important;
height: 100%;
min-height: 100%;
}
si modificati linia:
width: 100%;
cu cateva procente (%) mai putin. A face cu ochiul

Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 18
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 78
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Rezolvat Re: Pagina html

Mesaj Scris de Azael la data de Mar 8 Ian - 16:42

Multumesc,am facut da se duc naibii imaginile, tre sa caut alta pagina. rezolvat.

Azael
Membru Forumgratuit

Mesaje : 240
Varsta : 22
Localizare : Galati
Data de inscriere : 24/12/2012
Multumiri : 0
Membru exclus

http://legiuneastraina.forumz.ro/

Sus In jos

Rezolvat Re: Pagina html

Mesaj Scris de Cassius Dio la data de Mar 8 Ian - 17:16

topic rezolvat

Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 18
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 78
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum