Pereiti prie turinio

Bedos su HTML ir CSS

pylens

Sukūrė pylens
Programuotojų kampas

 Dalintis Sekėjai 0

Rekomenduojami pranešimai

pylens

pylens 0

Sukurta
Sukurta (redaguota)

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.

Redagavo pylens
Nuoroda į pranešimą
Dalintis kituose puslapiuose
tomaska

tomaska 8

Atrašyta
Atrašyta (redaguota)

jeigu gerai supratau klausima, tai sprendimas toks:

 

<!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="mainBg">

 

 

 

<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 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>

</div>

<div style="clear: both;"></div>

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

</body>

</html>

 

 

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; }

#mainBg { background: #26292e; float: left; display: block;}

#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 { }

Redagavo tomaska
Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
×
 Dalintis
Sekėjai 0
Eiti į temų sąrašą

  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

  • Prisijunk prie bendruomenės dabar!

    Uždarbis.lt nariai domisi verslo, IT ir asmeninio tobulėjimo temomis, kartu sprendžia problemas, dalinasi žiniomis ir idėjomis, sutinka būsimus verslo partnerius ir dalyvauja gyvuose susitikimuose.

    Užsiregistruok dabar ir galėsi:

    ✔️ Dalyvauti diskusijose;

    ✔️ Kurti naujas temas;

    ✔️ Rašyti atsakymus;

    ✔️ Vertinti kitų žmonių pranešimus;

    ✔️ Susisiekti su bet kuriuo nariu asmeniškai;

    ✔️ Naudotis tamsia dizaino versija;

    ir dar daugiau.

    Registracija trunka ~30 sek. ir yra visiškai nemokama.

  • Naujausios temos

  • Karštos temos

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