Obsah fóra » Softvér » Programovanie, vývoj softvéru a webu » Frontend » center web + bug

center web + bug

Stránka: 1 z 1

[ Príspevkov: 5 ]

Autor

Správa

rAse

Užívateľ

Registrovaný: 15.03.09
Prihlásený: 12.03.14
Príspevky: 60
Témy: 31 | 31

Napísal

rAse: 09.01.2010 14:19 | center web + bug

chcel by som vycentrovat web tak ze by sa zvatsilo len to sive po boku, lebo je to riesene na 1024 rozlisenie, este to nieje optimalizovane pre ie, stym budem mat asi tiez problem skratka ide o to ze to vyzeta takto http://www.unno.sk/a/ neviem preco je tam ten bug v pravo pri vatcsom rozliseni ako je 1024 bug je v tej pata, to je celkom dole v css aj v html ak by niekto vedel pomoct dakujem
HTML

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sk">
<head>
   <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
   <meta name ="robots" content="index, follow" />
   <meta name ="author" content="peter k. tomas.n (theraseone@gmail.com)" />
   <link rel="stylesheet" type="text/css" href="unno.css" media="screen" />
   <title>UNNO.SK | WELCOME </title>
</head>
<body>

<h1>
    <a href="index.html">unno.sk<span><!-- --></span></a>
</h1>
<div id="menu">
 <div id="itnews">
 <a href="#">it news</a>
 </div>
 <div id="inet">
 <a href="#">inet security</a>
 </div>
 <div id="webapps">
 <a href="#">web applicat</a>
 </div>
 <div id="programming">
 <a href="#">programming</a>
 </div>
 <div id="hacking">
 <a href="#">hacking</a>
 </div>
 <div id="videotut">
 <a href="#">video tutorials</a>
 </div>  
</div>
<div id="menu2">
 <div id="forum">
  <a href="#"> forum </a>
 </div>
 <div id="contact">
  <a href="#"> contact</a>
 </div>
  <div id="gallery">
  <a href="#"> gallery</a>
 </div>
  <div id="download">
  <a href="#"> download</a>
 </div>
  <div id="cs16">
  <a href="#"> cs 1.6</a>
 </div> 
</div>
<div id="bocny1">
<div id="login"> Login <p>Heslo</p>
    </div>
  <div id="sidelogin">LOGIN
    
  </div>
  <div id="sideanketa">ANKETA
  </div>
  <div id="siderss">RSS
  </div>
  <div id="sidereklama">REKLAMA
  </div>
</div>
<div id="bocny2">
  <div id="sideprojekty">PROJEKTY
  </div>
  <div id="sidesledovanost">NAJSLEDOVANEJSIE
  </div>
   <div id="sideswitcher">FIRMSWITCHER
  </div>
   <div id="sidepartneri">PARTNERI
  </div>
</div>
<div id="buttonobsah"> UNNO.SK sa predstavuje
<div id="obsah">  <h2>vitajte </h2><p>dsadsadasdsadasdasaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
</div> 

<div id="pata"> created by <a href="#"> UNNO </a>&#169 developer team. 
<a href="#"> HOME </a> | <a href="#"> IT NEWS </a> | 
<a href="#"> INET SECURITY </a> |<a href="#"> WEB APPLICATIONS </a> 
|<a href="#"> PROGRAMMING </a> |<a href="#"> HACKING</a> | 
<a href="#"> VIDEO TUTORIALS </a>
</div>
    
</body>
</html>   

CSS

Kód:

* {
 margin:0;
 padding:0;}
 
body{
  font:80%; 'Verdana CE', 'Arial CE', 'Helvetica CE',
             Verdana, sans-serif;
 
  color:#fff;}
a{
 color:#267e0f;
 font-weight: bold;}
a:hover {
text-decoration:none;}
a:visited{
 color:#267e0f;
 font-weight: bold; } 
h1, h2, h3, h4, h5, h6{
 color:#ffffff;
 font-family: 'Arial'
              sens-serif;
font-weight:14px;}
h1 a, h1 span{
 display:block;
 height:150px;
 width:1000px;}
h1 a{
 background:#161515 url('img/header_r.gif') 0 0 repeat-x;
 color:#fff;
 position:relative;
 line-height:150px;
 text-align:left;
}

h1  span {
 position:absolute;
 top:0; left: 0;
 cursor: pointer;}

h1 a span {
 background : url('img/header.png') left top no-repeat;}

h1 a:hover {
 color:#fff:}
#bg {
 background:#161515 url('img/bg.png') left top no-repeat;
  width:100%;
  height:100%;}

#menu {
 background:#161515 url('img/menu.png')left top no-repeat;
 width:1000px;
 height:41px;
font-family: 'Arial CE',
                  Regular;
 color:#fff;
 font-size:14px;
 }
#itnews a {
   background: url('img/button.png') 0 0 no-repeat; 
   text-decoration: none;
   display: block; 
   width: 104px;
   height: 41px;
  line-height:41px;
  text-align:center;
  color:#fff;
 float:left;
position:absolute;
margin-left:121px;
}
#itnews a:hover {
   background: url('img/h_button.png') 0 0 no-repeat;
   text-decoration: none;
   display: block;
  color:#fff;
  }
#inet a {
   background: url('img/button.png') 0 0 no-repeat; 
   text-decoration: none;
   display: block; 
   width: 104px;
   height: 41px;
  line-height:41px;
  text-align:center;
  color:#fff;
 float:left;
position:absolute;
margin-left:234px;
}
#inet a:hover {
   background: url('img/h_button.png') 0 0 no-repeat;
   text-decoration: none;
   display: block;
  color:#fff;
  }

#webapps a {
   background: url('img/button.png') 0 0 no-repeat; 
   text-decoration: none;
   display: block; 
   width: 104px;
   height: 41px;
  line-height:41px;
  text-align:center;
  color:#fff;
 float:left;
position:absolute;
margin-left:343px;
}
#webapps a:hover {
   background: url('img/h_button.png') 0 0 no-repeat;
   text-decoration: none;
   display: block;
  color:#fff;
  }

#programming a {
   background: url('img/button.png') 0 0 no-repeat; 
   text-decoration: none;
   display: block; 
   width: 104px;
   height: 41px;
  line-height:41px;
  text-align:center;
  color:#fff;
 float:left;
position:absolute;
margin-left:564px;
}
#programming a:hover {
   background: url('img/h_button.png') 0 0 no-repeat;
   text-decoration: none;
   display: block;
  color:#fff;
  }
#hacking a {
   background: url('img/button.png') 0 0 no-repeat; 
   text-decoration: none;
   display: block; 
   width: 104px;
   height: 41px;
  line-height:41px;
  text-align:center;
  color:#fff;
 float:left;
position:absolute;
margin-left:674px;
}
#hacking a:hover {
   background: url('img/h_button.png') 0 0 no-repeat;
   text-decoration: none;
   display: block;
  color:#fff;
  }
#videotut a {
   background: url('img/button.png') 0 0 no-repeat; 
   text-decoration: none;
   display: block; 
   width: 104px;
   height: 41px;
  line-height:41px;
  text-align:center;
  color:#fff;
 float:left;
position:absolute;
margin-left:784px;
}
#videotut a:hover {
   background: url('img/h_button.png') 0 0 no-repeat;
   text-decoration: none;
   display: block;
  color:#fff;
  }
#menu2 { background:#161515 url('img/menu2.png')left top no-repeat;
 width:1000px;
 height:50px;
font-family:14px 'Arial CE',
                  Regular;
 color:#626262;
}
#forum a{
   background: url('img/menu2/forum.png') 0 0 no-repeat; 
   text-decoration: none;
   display: block; 
   width: 87px;
   height: 29px;
  line-height:29px;
  text-align:center;
  color:#626262;
 float:left;
position:absolute;
margin-left:167px;
}
#forum a:hover {

   text-decoration: none;
   display: block;
  color:#000;
  }
#contact a{
   background: url('img/menu2/contact.png') 0 0 no-repeat; 
   text-decoration: none;
   display: block; 
   width: 87px;
   height: 29px;
  line-height:29px;
  text-align:center;
  color:#626262;
 float:left;
position:absolute;
margin-left:355px;
}
#contact a:hover {

   text-decoration: none;
   display: block;
  color:#000;
  }
#gallery a{
   background: url('img/menu2/contact.png') 0 0 no-repeat; 
   text-decoration: none;
   display: block; 
   width: 87px;
   height: 29px;
  line-height:29px;
  text-align:center;
  color:#626262;
 float:left;
position:absolute;
margin-left:261px;
}
#gallery a:hover {

   text-decoration: none;
   display: block;
  color:#000;
  } 
#download a{
   background: url('img/menu2/download.png') 0 0 no-repeat; 
   text-decoration: none;
   display: block; 
   width: 87px;
   height: 29px;
  line-height:29px;
  text-align:center;
  color:#626262;
 float:left;
position:absolute;
margin-left:576px;
}
#download a:hover {

   text-decoration: none;
   display: block;
  color:#000;
  }
#cs16 a{
   background: url('img/menu2/cs1.6.png') 0 0 no-repeat; 
   text-decoration: none;
   display: block; 
   width: 87px;
   height: 29px;
  line-height:29px;
  text-align:center;
  color:#626262;
 float:left;
position:absolute;
margin-left:670px;
}
#cs16 a:hover {

   text-decoration: none;
   display: block;
  color:#000;
  }
#bocny1 {
 background: url('img/bocny1.png')left top no-repeat;
 width:250px;
 height:1216px;
 float:left;
 display:block;}    
#bocny2 {
 background: url('img/bocny2.png')left top no-repeat;
 width:250px;
 height:1216px;
 float:left;
 position:absolute;
 margin-left:749px;
 display:block;}
#sidelogin {
 background: url('img/sidebutton.png') left top no-repeat;
 width:199px;
 height:29px;
 float:left;
 position:absolute;
 margin-left:51px;
 line-height:29px;
 display:block;
 text-align:center;
 color:#fff;}
#login{
 float:left;
 display:block;
 padding:20px 0 0 15px;
 text-align:justify;
 color:#fff;
  position:absolute;
 margin-left:51px;
 margin-top: 30px;}
 #login p {
 padding: 20px 0 0 0px;
 text-align:justify;
 color:#fff;}
#sideanketa{
 background: url('img/sidebutton.png') left top no-repeat;
 width:199px;
 height:29px;
 float:left;
 position:absolute;
 margin-left:51px;
 margin-top:198px;
 line-height:29px;
 display:block;
 text-align:center;
 color:#fff;}
 #siderss{
 background: url('img/sidebutton.png') left top no-repeat;
 width:199px;
 height:29px;
 float:left;
 position:absolute;
 margin-left:51px;
 margin-top:545px;
 line-height:29px;
 display:block;
 text-align:center;
 color:#fff;}
  #sidereklama{
 background: url('img/sidebutton.png') left top no-repeat;
 width:199px;
 height:29px;
 float:left;
 position:absolute;
 margin-left:51px;
 margin-top:766px;
 line-height:29px;
 display:block;
 text-align:center;
 color:#fff;}
 #sideprojekty {
 background: url('img/sidebutton.png') left top no-repeat;
 width:199px;
 height:29px;
 float:left;
 position:absolute;
 margin-left:0px;
 line-height:29px;
 display:block;
 text-align:center;
 color:#fff;}
#sidesledovanost{
 background: url('img/sidebutton.png') left top no-repeat;
 width:199px;
 height:29px;
 float:left;
 position:absolute;
 margin-left:0px;
 margin-top:200px;
 line-height:29px;
 display:block;
 text-align:center;
 color:#fff;}
 #sideswitcher{
 background: url('img/sidebutton.png') left top no-repeat;
 width:199px;
 height:29px;
 float:left;
 position:absolute;
 margin-left:0px;
 margin-top:470px;
 line-height:29px;
 display:block;
 text-align:center;
 color:#fff;}
  #sidepartneri{
 background: url('img/sidebutton.png') left top no-repeat;
 width:199px;
 height:29px;
 float:left;
 position:absolute;
 margin-left:0px;
 margin-top:680px;
 line-height:29px;
 display:block;
 text-align:center;
 color:#fff;}

#pata {
 background: url('img/pata.png') left top no-repeat;
 width:1000px;
 height:43px;
 float:left;
 display:inline;
 line-height:43px;
 text-align:center;
 color:#fff;
 font-size:11px;}
#pata a {
 text-decoration:none;
 color:#27840e;}
 #buttonobsah {
 background: url('img/obsahbutton.png') left top no-repeat;
 width:499px;
 height:29px;
 float:left;
 display:block;
 position:absolute;
 margin-left:250px;
 font-size:14px;
 color:#fff;
 line-height:29px;
 text-align:center;}
#obsah{
 background: url('img/obsah.png') left top no-repeat;
 width:499px;
 height:1187px;
 float:left;
 display:block;
 margin-left:0px;
 margin-top:0px;
 font-size:12px;
 position:absolute;
 color:#fff;
 padding:5px 0 0 15px;
 text-align:justify;}
 

Ďuri

Čestný člen

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno

Napísal

Ďuri: 09.01.2010 14:23 | center web + bug

Kód:

#pata { clear: both }

rAse

Užívateľ

Registrovaný: 15.03.09
Prihlásený: 12.03.14
Príspevky: 60
Témy: 31 | 31

Napísal autor témy Offline

rAse: 09.01.2010 15:04 | center web + bug

dakujem strasne, a ked uz to mam takto nakodovane neda sa to centrovat nejako ?

Ďuri

Čestný člen

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno

Napísal

Ďuri: 09.01.2010 15:06 | center web + bug

Pouzi hladanie, bolo to tu milionkrat.

Kód:

body { width: 1000px; /*zmen na pozadovanu sirku*/ margin: 0 auto; }

A necituj posledny prispevok.

rAse

Užívateľ

Registrovaný: 15.03.09
Prihlásený: 12.03.14
Príspevky: 60
Témy: 31 | 31

Napísal autor témy Offline

rAse: 09.01.2010 15:12 | center web + bug

ok sry velka vdaka

Stránka: 1 z 1

[ Príspevkov: 5 ]

center web + bug

Obsah fóra » Softvér » Programovanie, vývoj softvéru a webu » Frontend » center web + bug

Témy		Odpovede	Zobrazenia	Posledný príspevok
Podobné témy
	Bug v Oznámenia a návrhy	5	1648	03.06.2006 20:21 JanoF
	Bug v Ostatné programy	3	397	03.11.2012 22:22 mtxd
	Bug/osetrenie v Oznámenia a návrhy	5	1243	28.10.2009 19:04 Jaro
	Skype bug v Sieťové programy	2	781	19.03.2013 11:49 XOLOO
	bug Gmail v Sieťové programy	2	438	10.11.2011 17:55 tomxi
	Joomla bug v Frontend	4	666	13.09.2011 1:39 roman5555
	FF bug? v Frontend	2	471	05.09.2011 18:59 camo
	Skype - BUG??? v Sieťové programy	4	734	10.01.2009 12:52 Enermax
	cs mys bug v Hry a herné konzoly	6	905	01.01.2007 13:02 bANi
	Mozilla Firefox-bug? v Sieťové programy	1	521	12.01.2008 11:57 Tomas1
	malý veľký bug v Unix-like systémy	8	732	08.05.2009 15:28 yaJohny
	WIN XP BUG? v Windows	5	516	05.05.2009 18:40 AsuSmaNiaK
	mini bug/y v Windows	3	465	18.03.2010 21:08 nBXXL
	Zalozky - CSS IE BUG v Frontend	2	551	18.12.2008 9:19 max-m
	Google Chrome - graficky bug v Sieťové programy	0	305	20.01.2015 23:45 Steeve
	Windows 10 bug chceck v Windows	0	383	14.11.2017 21:43 camarovk19

Podobné témy