Pereiti prie turinio

pylens

Nariai
 Profilis  Nario turinys ir veikla

  • Pranešimai

    31

  • Užsiregistravo

  • Lankėsi

  • Atsiliepimai

    0%

 Turinio tipas 

pylens Pranešimai

    Bedos su HTML ir CSS

    Programuotojų kampas

    Sukurta · Redagavo pylens

    HTML kodas:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/forms.css" rel="stylesheet" type="text/css" />
<title>GamesNet.lt</title>

</head>

<body>

<div id="virsutine_linija">

       <div id="paieska">

               <input type="text" class="textfield" /><input type="submit" name="submit" class="button" value="" /></input>

       </div>
</div>

<div id="headeris">

<div id="logo"></div>

</div>
<div id="meniu">

       <ul><li class="aktyvus"><a href="#">Pagrindinis</a></li>
        <li><a href="#">Forumas</a></li>
    <li><a href="#">Statusai</a></li>
    <li><a href="#">Ban'ai</a></li>
    <li><a href="#">Paslaugos</a></li>
    <li><a href="#">Kontaktai</a></li></ul>


</div>


<div id="tarpine"></div>


<div id="main">



       <div id="naujienos">

               <div class="naujiena_lg">
               <div class="pavadinimas">
               GAMESNET startuoja
               </div>

               <div class="irasas">
               <img src="images/new_image.png" width="168" height="95" align="right" /> Sveiki.
                       Jau ilgą laiką nebuvau čia parašęs naujienos, tačiau grįžau, su dar viena, mažiau
                       ar labiau svarbia naujiena. Visame pasaulyje puikiai žinoma lyga ClanBase pask
                       OpenCup Spring 2010 grupes. Komandos buvo suskirstytos į keturis divizijonus,
                       pagal savo rezultatus ir pasirodymus kvalifikacinėse kovose. Kiekvienam divizijone,
                       po keturias grupes, kiekvienoje iš jų- po šešias komandas. Iš viso šiame sezone
                       susigrums 96 komandos iš visos [eu] Europos, ir net 8 iš jų- iš [lt] Lietuvos.
               Sveiki.
                       Jau ilgą laiką nebuvau čia parašęs naujienos, tačiau grįžau, su dar viena, mažiau
                       ar labiau svarbia naujiena. Visame pasaulyje puikiai žinoma lyga ClanBase pask
                       OpenCup Spring 2010 grupes. Komandos buvo suskirstytos į keturis divizijonus,
                       pagal savo rezultatus ir pasirodymus kvalifikacinėse kovose. Kiekvienam divizijone,
                       po keturias grupes, kiekvienoje iš jų- po šešias komandas. Iš viso šiame sezone
                       susigrums 96 komandos iš visos [eu] Europos, ir net 8 iš jų- iš [lt] Lietuvos. Tarp
                       </div>
               </div>

           <div class="naujiena_dk">
               <div class="pavadinimas">
               GAMESNET startuoja
               </div>

               <div class="irasas">
               <img src="images/new_image.png" width="168" height="95" align="right" /> Sveiki.
                       Jau ilgą laiką nebuvau čia parašęs naujienos, tačiau grįžau, su dar viena, mažiau
                       ar labiau svarbia naujiena. Visame pasaulyje puikiai žinoma lyga ClanBase pask
                       OpenCup Spring 2010 grupes. Komandos buvo suskirstytos į keturis divizijonus,
                       pagal savo rezultatus ir pasirodymus kvalifikacinėse kovose. Kiekvienam divizijone,
                       po keturias grupes, kiekvienoje iš jų- po šešias komandas. Iš viso šiame sezone
                       susigrums 96 komandos iš visos [eu] Europos, ir net 8 iš jų- iš [lt] Lietuvos.
               Sveiki.
                       Jau ilgą laiką nebuvau čia parašęs naujienos, tačiau grįžau, su dar viena, mažiau
                       ar labiau svarbia naujiena. Visame pasaulyje puikiai žinoma lyga ClanBase pask
                       OpenCup Spring 2010 grupes. Komandos buvo suskirstytos į keturis divizijonus,
                       pagal savo rezultatus ir pasirodymus kvalifikacinėse kovose. Kiekvienam divizijone,
                       po keturias grupes, kiekvienoje iš jų- po šešias komandas. Iš viso šiame sezone
                       susigrums 96 komandos iš visos [eu] Europos, ir net 8 iš jų- iš [lt] Lietuvos. Tarp


                        </div>
               </div>

                       <div class="naujiena_lg">
               <div class="pavadinimas">
               GAMESNET startuoja
               </div>

               <div class="irasas">
               <img src="images/new_image.png" width="168" height="95" align="right" /> Sveiki.
                       Jau ilgą laiką nebuvau čia parašęs naujienos, tačiau grįžau, su dar viena, mažiau
                       ar labiau svarbia naujiena. Visame pasaulyje puikiai žinoma lyga ClanBase pask
                       OpenCup Spring 2010 grupes. Komandos buvo suskirstytos į keturis divizijonus,
                       pagal savo rezultatus ir pasirodymus kvalifikacinėse kovose. Kiekvienam divizijone,
                       po keturias grupes, kiekvienoje iš jų- po šešias komandas. Iš viso šiame sezone
                       susigrums 96 komandos iš visos [eu] Europos, ir net 8 iš jų- iš [lt] Lietuvos.
               Sveiki.
                       Jau ilgą laiką nebuvau čia parašęs naujienos, tačiau grįžau, su dar viena, mažiau
                       ar labiau svarbia naujiena. Visame pasaulyje puikiai žinoma lyga ClanBase pask
                       OpenCup Spring 2010 grupes. Komandos buvo suskirstytos į keturis divizijonus,
                       pagal savo rezultatus ir pasirodymus kvalifikacinėse kovose. Kiekvienam divizijone,
                       po keturias grupes, kiekvienoje iš jų- po šešias komandas. Iš viso šiame sezone
                       susigrums 96 komandos iš visos [eu] Europos, ir net 8 iš jų- iš [lt] Lietuvos. Tarp


                        </div>
               </div>

       </div>

       <div id="sonas">

               <div class="paneles_pavadinimas">Paslaugos</div>
           <div class="paneles_turinys">

           <ul><li>Administratorius</li>
           <li>V.I.P</li>
           <li>UNBAN</li>
           </ul>

           </div>

               <div class="paneles_pavadinimas">Serveriai</div>
           <div class="paneles_turinys">

            <center><iframe src="http://status.fpsapelsinas.lt/inf.php?ipas=cs.esports.lt&portas=27016" alt="fpsapelsinas.lt" border="" scrolling="no" allowtransparency="true" frameborder="0" width="190" height="270"></iframe></center>

           </div>


       </div>

       <div id="apacia">Footerio vieta apacioj</div>
</div>

</body>
</html>

     

    CSS:

    A:link {text-decoration: none}
body{font-size: 11px;font-family: Arial;color: #fff; background: #1e2329 top; margin: 0px; padding:0px; height:auto; }
img, div, ul  { border: 0px; margin: 0px; padding: 0px; list-style: none;}

.clear {clear: both; }
#virsutine_linija {  background:url(../images/virsutines_linijos_bg.png) repeat-x; height: 36px; }
#paieska { display: inline; float: right; margin: 6px 70px 0 0; }
#headeris { background: url(../images/headerio_bg.png) repeat-x; height: 233px; }
#logo { background: url(../images/logo.png) no-repeat; width: 442px; height: 233px; margin: 0 0 0 150px; }
#meniu { background: url(../images/meniu_bg.png) repeat-x; height: 39px; }
#meniu ul { margin: 0 0 0 250px; }
#meniu li { display: inline; }
#meniu li a { text-decoration: none; display: block; float: left; padding: 15px 10px 0 10px; font-size: 14px; color: #157eca; font-weight: 600; height: 24px; }
#meniu li a:hover { text-decoration: underline; }
#meniu li.aktyvus a { background: #a8a8a8; color: #FFF; }
#tarpine {background: #a8a8a8 repeat-x; height: 5px; }
#main { width: 969px; height: auto; margin: 30px auto; background: #26292e;  }
#naujienos { width: 673px; height: auto; float: left; }
.naujiena_lg { background: #2f3338; }
.naujiena_dk { background: #383d43; }
.pavadinimas { font-family: Arial; color: #fff; font-size: 18px; font-weight: bold; padding: 10px 0 10px 30px; }
.irasas { color: #dfdfdf; font-size: 12px; padding: 6px 20px 20px 20px; }
.irasas img { border: 4px solid #5b5e61; float: right; margin: 2px 0 2px 5px; }
.irasas img:hover  { border: 4px solid #5082b4; float: right; }
#sonas { width: 296px; background: #26292e; float: right;  }
.paneles_pavadinimas { background:url(../images/paneles%20bg.png) repeat-x; height: 31px; width: 240px; margin: 10px auto; padding: 8px 0 0 30px; font-size: 16px; font-weight:bold; }
.paneles_turinys { height: auto; width: 270px; margin: 5px auto; }
.paneles_turinys li { font-size: 16px; font-weight:600; padding: 0 0 10px 0;  }
#apacia { }

    Na ir kame problemos, footeris atsiduria ne ten kur reikia, o tiksliau prie sonines paneles. Na aisku panaudojus #apacia bloke clear : both, problema lyg ir issisprendzia, bet #main blokas taip ir nejuda, o jis turetu testis iki pat #apacios bloko ir taip uzpildyti #naujienu ir #sonas bloko backgrounda :) tikiuosi supratot ka turejau omenyje. Mano spejimas, kad klaida issivelus kazkur ties #main bloku.

    Reiktu pagalbos su CSS

    Tinklalapių kūrimas

    Atrašyta

    Na manau reiktu duoti koda ir jūs pasakytumėte kur klaidos :

     

    *, html {padding: 0; margin: 0;  }

body
{
font-family: Arial;
background: black;


}


/* divai */

#header { 
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
color:#FFFFFF;
margin: 60px 230px 0; }

#sukis {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin: -10px 230px 0; }

#pirm {
width: 272px;
height: 42px;
background: #6e8e00;
margin: 0 0 0 200px;
color:#f9f9f9; text-decoration:none; font-weight:bold;  font-size:14px; 
}


#pirmas {
width: 272px;
height: 269px;
background: #f9f9f9;
margin: 0 0 0 200px;
}

#antr {
width: 272px;
height: 42px;
background: #6e8e00;
margin: -311px 15px 0 480px;
}
#antras {
width: 272px;
height: 269px;
background: #f9f9f9;
margin: 0px 15px 0 480px;
}

#trec {

width: 272px;
height: 42px;
background: #6e8e00;
margin: -311px 15px 0 760px;

}

#trecias {
width: 272px;
height: 269px;
background: #f9f9f9;
margin: 0px 15px 0 760px;
}

#skir {
width: 832px;
height: 11px;
background: #f9f9f9;
margin: 0 0 0 200px;
}

#akcija {
width: 832px;
height: 160px;
background: #f9f9f9;
margin: 0 0 0 200px;

}

#logo {
width: 809px;
height: 150px;
margin: 0 11px;
background: url('../image/akcija.jpg') no-repeat;

}



#meniu {
width: 50%;
height:auto;
width: 832px;
height: 40px;
margin: 0 0 0 200px;
background: #171717;
}


#meniu ul { list-style-type: none; }
#meniu li { display: inline; }
#meniu a { display: inline-block; padding: 5px; color: #6e8e00;}

×
×
  • Pasirinkite naujai kuriamo turinio tipą...