Pravidlá • Registrovať • Prihlásenie

Obsah fóra » Software » Programovanie a tvorba webu » HTML, XHTML, XML, CSS » 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

Napísal

rAse: 09.01.2010 14:19

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
Bydlisko: Brno

Napísal

Ďuri: 09.01.2010 14:23

Kód:

#pata { clear: both }

rAse

Užívateľ

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

Napísal autor témy Offline

rAse: 09.01.2010 15:04

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
Bydlisko: Brno

Napísal

Ďuri: 09.01.2010 15:06

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

Napísal autor témy Offline

rAse: 09.01.2010 15:12

ok sry velka vdaka

Stránka: 1 z 1

[ Príspevkov: 5 ]

Obsah fóra » Software » Programovanie a tvorba webu » HTML, XHTML, XML, CSS » center web + bug

Témy		Odpovede	Zobrazenia	Posledný príspevok
Podobné témy
	Bug v Správy pre vedenie fóra	5	1535	03.06.2006 20:21 JanoF
	Bug v Ostatné programy	3	287	03.11.2012 22:22 mtxd
	Skype bug v Sieťové a internetové programy	2	685	19.03.2013 11:49 XOLOO
	bug Gmail v Sieťové a internetové programy	2	341	10.11.2011 17:55 tomxi
	Joomla bug v HTML, XHTML, XML, CSS	4	524	13.09.2011 1:39 roman5555
	FF bug? v HTML, XHTML, XML, CSS	2	377	05.09.2011 18:59 camo
	Skype - BUG??? v Sieťové a internetové programy	4	647	10.01.2009 12:52 Enermax
	Bug/osetrenie v Správy pre vedenie fóra	5	1144	28.10.2009 19:04 Jaro
	cs mys bug v Počítačové hry	6	794	01.01.2007 13:02 bANi
	Mozilla Firefox-bug? v Sieťové a internetové programy	1	438	12.01.2008 11:57 Tomas1
	malý veľký bug v Operačné systémy Unix a Linux	8	653	08.05.2009 15:28 yaJohny
	WIN XP BUG? v Operačné systémy Microsoft	5	448	05.05.2009 18:40 AsuSmaNiaK
	mini bug/y v Operačné systémy Microsoft	3	374	18.03.2010 21:08 nBXXL
	Windows 10 bug chceck v Operačné systémy Microsoft	0	275	14.11.2017 21:43 camarovk19
	Google Chrome - graficky bug v Sieťové a internetové programy	0	223	20.01.2015 23:45 Steeve
	zvlastny bug - prekryvanie backgroundu v HTML, XHTML, XML, CSS	12	816	22.09.2008 11:17 don jebot

Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra

center web + bug

Podobné témy