[ Príspevkov: 68 ] 1, 2, 3
AutorSpráva
Offline

Užívateľ
Užívateľ
vycentrovanie webu

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49 | 49
NapísalOffline : 05.12.2007 14:50 | vycentrovanie webu

nazdar... skusal som web vycentrovat uz vselijako, ale stale som nedosiahol to co chcem... mam stranku optimalizovanu na 1024x768... no ale ked si ju pozeram pri rozliseni 1280x1024 tak je vlavo a vpravo je taky nevyplneny pas... ako dosiahnem to, aby sa cely web dal do stredu? tak aby na obodvcho stranach boli take mensie medzery a aby ked dam 1024x768 tam neboloé scroolovanie dostran... dakujem, pretoze uz si fakt neviem rady...


Offline

Užívateľ
Užívateľ
vycentrovanie webu

Registrovaný: 26.11.06
Prihlásený: 09.10.24
Príspevky: 4118
Témy: 319 | 319
Bydlisko: HE/BA
NapísalOffline : 05.12.2007 14:54 | vycentrovanie webu

mas to v tabulkach alebo v divoch? ak v tabulkach tak tabulku daj do tagu <center> a ked v divoch tak mu nastav style="margin:auto;"


Offline

Užívateľ
Užívateľ
vycentrovanie webu

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49 | 49
Napísal autor témyOffline : 05.12.2007 15:14 | vycentrovanie webu

no v spanoch.. to nieje rozdiel, nie? ehm, asi do kazdeho spanu napisat to marign... ze?


Offline

Užívateľ
Užívateľ
vycentrovanie webu

Registrovaný: 26.11.06
Prihlásený: 09.10.24
Príspevky: 4118
Témy: 319 | 319
Bydlisko: HE/BA
NapísalOffline : 05.12.2007 15:18 | vycentrovanie webu

heh tak to radsej daj na zaciatok dokumentu <center> a na konci ho uzavri, bude to lepsie v tvojom pripade...


Offline

Užívateľ
Užívateľ
vycentrovanie webu

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49 | 49
Napísal autor témyOffline : 05.12.2007 15:19 | vycentrovanie webu

no v spanoch to asi nefunguje..


Offline

Užívateľ
Užívateľ
vycentrovanie webu

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49 | 49
Napísal autor témyOffline : 05.12.2007 15:19 | vycentrovanie webu

nie, centrom mi to nejde, skusal som...


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 12.12.06
Prihlásený: 01.07.25
Príspevky: 213
Témy: 25 | 25
NapísalOffline : 05.12.2007 15:21 | vycentrovanie webu

radsej pouzi div namiesto span-u a pojde ti to vycentrovat

<center></center> by som radsej nepouzival


Offline

Užívateľ
Užívateľ
vycentrovanie webu

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49 | 49
Napísal autor témyOffline : 05.12.2007 15:24 | vycentrovanie webu

<center></center> ani nefunguje...


Offline

Správca fóra
Správca fóra
vycentrovanie webu

Registrovaný: 27.07.07
Príspevky: 3948
Témy: 51 | 51
Bydlisko: Bratislava
NapísalOffline : 05.12.2007 15:26 | vycentrovanie webu

v span-och??? :wall:
Kód:
body { margin:0 auto; text-align:center; }


a este si tam nastav sirku...


_________________
NTB: Acer Aspire 4820TG 14" | CPU: Intel Core i5 2,53 GHz | VGA: ATI Mobility Radeon HD5650 1GB | RAM: 8GB DDR3 1066 MHz | HDD: 1TB SSD WD BLUE
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.02.07
Prihlásený: 26.01.15
Príspevky: 257
Témy: 20 | 20
NapísalOffline : 05.12.2007 15:27 | vycentrovanie webu

Pocuj frankieG,

normalne si ma rozosmial :). Ako mozes mat layout robeny v spanoch?

Odporucal by som layout webu prerobit do bez-tabulkoveho layoutu napr pomocou DIV-ov s tym, ze centrovanie na stred sa robi nasledovne: tag BODY centrujes za pomoci text-align: center a DIV#page je hlavny DIV, v ktorom mas svoj web a ten centrujes za pomoci margin s vlastnostou auto (ako spominal drako).
Toto by malo frcat vo vsetkych prehliadacoch.

Kód:

BODY {
  margin: 0;
  padding: 0;
  text-align: center;
}

DIV#page {
  margin: 0px auto 0px auto;
  width: urcite sirka tvojho webu;
  text-align: left;
}




Stenley poslali sme skoro to iste v rovnakej sekunde :)
CEST


Offline

Užívateľ
Užívateľ
vycentrovanie webu

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49 | 49
Napísal autor témyOffline : 05.12.2007 15:31 | vycentrovanie webu

ale sak nemam tabulku! no a hned sa nemusite rehotat... :)


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.02.07
Prihlásený: 26.01.15
Príspevky: 257
Témy: 20 | 20
NapísalOffline : 05.12.2007 15:37 | vycentrovanie webu

frankieG,

moj smiech nebol v zlom, pozri, ja to beriem uplne normalne, kazdy sme niekde zacinali ... ja ak niekde vyhrabem moju prvu html stranku, tak ju zavesim na net niekde a dam tu link a to bude smiechu potom.

Normalka, mas problem, snazime sa ti pomoct... Ak potrebujes pomoct s tym layoutom, pohodka pis, len layout cez span sa nerobi... bud tie DIVy alebo TABULKA potom...

a to centrovanie ... vid vyssie...
CEST


Offline

Užívateľ
Užívateľ
vycentrovanie webu

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49 | 49
Napísal autor témyOffline : 05.12.2007 15:37 | vycentrovanie webu

ono mi to vycentrovalo vsetok text ale obrazky ostali tam kde boli.. :(

a prerobil som touz do DIVov

nemoze to byt tym ze mam pevne urcenu poziciu tych divov nejak takto?
Kód:
<DIV style="position: absolute; top: 200px; left: 834px;">


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.02.07
Prihlásený: 26.01.15
Príspevky: 257
Témy: 20 | 20
NapísalOffline : 05.12.2007 15:41 | vycentrovanie webu

pozri na moj prispevok vyssie, hlavny div musis potom cez text-align centrovat spat na lavo... pozri vyssie a skus, ak nefunguje, hod tu kod, lebo to takto sa mozeme tu bavit aj do nekonecne :)

no a sme doma, samozrejme, ak ich mas absolutne pozicovane sposobom, akym si napisal, tak tam ten problem tazko odstranis...

hod viac kodu, celu sablonu hod ak mozes...


Naposledy upravil mondzo dňa 05.12.2007 15:43, celkovo upravené 1

Offline

Užívateľ
Užívateľ
vycentrovanie webu

Registrovaný: 26.12.06
Prihlásený: 16.11.19
Príspevky: 3971
Témy: 181 | 181
Bydlisko: Nitra / Bra...
NapísalOffline : 05.12.2007 15:42 | vycentrovanie webu

lebo mas na obrazkoch danu poziciu left a top?


_________________
Sorry za prelkepy
Offline

Užívateľ
Užívateľ
vycentrovanie webu

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49 | 49
Napísal autor témyOffline : 05.12.2007 15:45 | vycentrovanie webu

uplne cely kod mozem?


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.02.07
Prihlásený: 26.01.15
Príspevky: 257
Témy: 20 | 20
NapísalOffline : 05.12.2007 15:48 | vycentrovanie webu

hod co mas, nieco orezane hod, aby to bola sablona, s ktorou mas ten problem... ale u teba je problem ten, ze si absolutne pozicoval a tam to centrovanie lahke nebude... rozumies tomu, co je absolutne pozicovanie?


Offline

Užívateľ
Užívateľ
vycentrovanie webu

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49 | 49
Napísal autor témyOffline : 05.12.2007 15:50 | vycentrovanie webu

jj, rozumiem, presne urcena pozicia na orazovke... noo, tak ja vam sem hodim celu stranku, nieje ani moc dlha, ale ten kod je asi preiserny, nukamenujte ma zato, som len zaciatocnik, a cybicky budem riesti neskor


Offline

Užívateľ
Užívateľ
vycentrovanie webu

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49 | 49
Napísal autor témyOffline : 05.12.2007 15:51 | vycentrovanie webu

Kód:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
    <TITLE>all4teenager-home</TITLE>

 <link href="http://www.all4teenager.ifastnet.com/grafika/ico.gif" rel="shortcut icon">

 <script type="text/javascript" src="odkazy.js"></script>

<style>
BODY {background-image: url(http://www.imghosting.eu/view.php?img=pozadie.gif);
      background-color: black;
      background-repeat: repeat;
  margin: 0;
  padding: 0;
  text-align: center;}

DIV#page {
  margin: 0px auto 0px auto;
  width: 1020px;
  text-align: left;
  }
</style>

</HEAD>

<BODY oncontextmenu="return false" onmousedown="return false" onselectstart="return false" ondragstart="return false">

<SCRIPT LANGUAGE="JavaScipt" type="text/javascript">
alert("Tieto stránky sú optimalizované pre minimálne rozlíšenie 1024x768 \n a pre prehliadače Mozzila Firefox a aj Opera.")
if (navigator.appName == "Microsoft Internet Explorer")
{alert("Padaj si stiahnuť a nainštalovať Firefox alebo Operu, s takým prehliadačom ťa tu nechcem ani vidieť ty lama!")}
x = screen.height
y = screen.width
if (screen.width >= 1024){alert("Rozlíšenie máš v pohode, môžeš pokračovať a všetko bude zobrazené správne.")}
else alert("Máš naprd rozlíšenie, nastav si väčšie, lebo sa ti bude šecko zobrazovať zle!")
</SCRIPT>

<DIV style="position: absolute; top: 2px; left: 3px;">
<a href="http://www.all4teenager.ifastnet.com"><img src="http://www.imghosting.eu/view.php?img=top2_3.jpg" name="topFrame" weight="1020" height="*" border="0" alt="top"></a>
</DIV>


<DIV style="position: absolute; top: 220px; left: 10px;">

<A HREF="index.htm" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=home0.gif" border="0" alt="Home" oversrc="http://www.imghosting.eu/view.php?img=home1.gif"></a>
<A HREF="lifestyle.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=lifestyle0.gif" border="0" alt=Lifestyle" oversrc="http://www.imghosting.eu/view.php?img=lifestyle1.gif"></a>
<A HREF="charts.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=charts0.gif" border="0"  alt="charts" oversrc="http://www.imghosting.eu/view.php?img=charts1.gif"></a>
<A HREF="hobby.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=hobby0.gif" border="0" alt="hobby"oversrc="http://www.imghosting.eu/view.php?img=hobby1.gif"></a>
<A HREF="download.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=download0.gif" border="0" alt="download" oversrc="http://www.imghosting.eu/view.php?img=download1.gif"></a>
<A HREF="recenzie.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=recenzie0.gif" border="0" alt="recenzie" oversrc="http://www.imghosting.eu/view.php?img=recenzie1.gif"></a>
<A HREF="funny.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=funny0.gif" border="0" alt="funny" oversrc="http://www.imghosting.eu/view.php?img=funny1.gif"></a>
<A HREF="guestbook.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=guestbook0.gif" border="0" alt="guestbook" oversrc="http://www.imghosting.eu/view.php?img=guestbook1.gif"></a>
<A HREF="kontakt.html" target="_top"><img src="http://www.imghosting.eu/view.php?img=kontakt0.gif" border="0" alt="kontakt" oversrc="http://www.imghosting.eu/view.php?img=kontakt1.gif"></a>
</DIV>

<DIV style="position: absolute; top: 270px; left: 10px;">

    <HR color="#174c90" size="3" width="800">

    <FONT FACE="verdana" SIZE="5" COLOR="#174C90" align="left">
    Dátum
    </FONT>
    <BR><BR>

    <FONT FACE="verdana" SIZE="2" COLOR="#eeeeee" align="left">

    Nazdar všetci! Túto stránku som uviedol do prevádzky XX.XX.200X a je o všetkom (no nie až tak o všetkom :))<BR>
    Také z "každého rožku trošku" :)) Snažil som sa to preto robiť tak, aby si tu každý našiel svoje. Nie ako ostatný,<BR>
    že je web zameraný len na jedno. Tu nájdete všeličo o hip-hope, punku,atď. Ale nielen to je tu aj vela iného,<BR>
    napr.: aj daký ten download, najnovšie recenzie na hry, hudbu a iné.<br>
    Jednoducho VŠETKO (nielen) PRE TEENAGERA!<BR>
    Dúfam, že sa vám to bude páčit. A ak by ste sa mi chceli ozvať tak <a href="kontakt.html" target="_top" name="kontakt" style="color:#174c90">kontakt</a> tam nájdete... :)</FONT>

    <BR><BR><BR>

    <HR color="#174c90" size="3" width="800"><BR>

    <center>
        <INPUT TYPE="button" VALUE="Späť" onClick="history.go(-1)">
        <INPUT TYPE="button" VALUE="Dopredu" onCLick="history.go(1)">
    </center>

    <BR>
    <HR color="#174c90" size="3" width="800">

    <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>


<DIV style="position: absolute; top: -50px; left: 810px;">
  <img src="http://www.imghosting.eu/view.php?img=ramik2.gif" alt="ramik">
</DIV>

<DIV style="position: absolute; top: -10px; left: 830px;">
  <FONT FACE="Verdana" SIZE="2" color="white">
    <SCRIPT src="datum.js" charset="windows-1250" type="text/javascript"></SCRIPT>. </B>Prajem&nbsp;všetko&nbsp;NAJ!!!
  </FONT>
</DIV>

<DIV style="position: absolute; top: 103px; left: 827px;">
  <embed src="http://www.clocklink.com/clocks/5012-black.swf?TimeZone=NZT&"  width="151" height="50" wmode="transparent" type="application/x-shockwave-flash">
</DIV>

<DIV style="position: absolute; top: 200px; left: 834px;">
  <IMG SRC="http://data.meteo.sk/mini/free1.php" height="170">
</DIV>

<DIV style="position: absolute; top: 409px; left: 834px;">
     <STYLE>
.TVBOX {background-color:#5599ee;}
.TVNADPIS {padding:0px 0px 0px 0px;font-family:Arial;font-size:0px;font-weight:bold;background-color:#002266;color:white;cursor:hand;}
.TVTYP {text-align:right;padding:0px 0px 0px 0px;font-family:Arial;font-size:0px;background-color:#002266;color:white;}
.TVCAS {width:33px;background-color:#5599ee;font-weight:bold;vertical-align:top;padding:0px 0px 0px 3px;font-family:Arial;font-size:11px;}
.TVNAZOV {padding:0px 0px 0px 6px;font-family:Arial;font-size:11px;}
.TVSTANICA {font-family:Arial;font-size:11px;}
.TVCASBEZI {width:33px;background-color:#3355ee;font-weight:bold;vertical-align:top;padding:0px 0px 0px 3px;font-family:Arial;font-size:11px;}
.TVNAZOVBEZI {padding:0px 0px 0px 6px;font-family:Arial;font-size:11px;font-weight:bold;}
.TVSTANICABEZI {font-family:Arial;font-size:11px;font-weight:normal;}
</STYLE>

<SPAN ID="TVVYPIS"></SPAN>

<SCRIPT>
var tvsirka='140';
var tvvyska='170';
var tvmax='99';
var tvprogramy='STV1 JOJ CT1 MARKIZA PRIMA';
</SCRIPT>

<script language="JavaScript" SRC="http://tv-program.sk/tv-banner/slovenske-teraz.js">
</script>
</DIV>

<DIV style="position: absolute; top: 630px; left: 817px;">
  <object width="168" height="128"><param name="movie" value="http://www.youtube.com/v/DOgfd89UG-Q&rel=1"></param><param name="wmode" value="transparent"></param>
  <embed src="http://www.youtube.com/v/DOgfd89UG-Q&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="168" height="128"></embed></object>
</DIV>

<DIV style="position: absolute; top: 801px; left: 822px;">
 <!-- weblight.cz chatbox začátek -->
 <iframe width="155" height="170" frameborder="0" scrolling="no" src="http://www.weblight.cz/chatbox/?id=19924">
 <a href="http://www.weblight.cz/chatbox/?id=19924">Chatbox weblight.cz</a></iframe>
 <!-- weblight.cz chatbox konec-->
</DIV>

<DIV style="position: absolute; top: 1020px; left: 850px;">
 <a href="http://www.toplist.cz/stat/629850" target="_blank"><script language="JavaScript" type="text/javascript">
 <!--
document.write ('<img src="http://toplist.cz/count.asp?id=629850&logo=mc&http='+escape(top.document.referrer)+'&wi='+escape(window.screen.width)+'&he='+escape(window.screen.height)+'&cd='+escape(window.screen.colorDepth)+'&t='+escape(document.title)+'"width="88" height="60" border=0 alt="TOPlist" />');
 //-->
 </script>
 <noscript>
 <img src="http://toplist.cz/count.asp?id=629850&logo=mc" border="0" alt="TOPlist" width="88" height="60" />
 </noscript></a>
 <BR><BR>
 <FONT FACE="Verdana" SIZE="2" color="white">Počítadlo&nbsp;počíta od xx.xx.xxxx.
 </FONT>
</DIV>

</BODY>
</HTML>


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 19.06.07
Prihlásený: 15.10.18
Príspevky: 349
Témy: 9 | 9
Bydlisko: Bratislava
NapísalOffline : 05.12.2007 15:57 | vycentrovanie webu

ked uz tak velice chces pouzivat tie absolutne pozicie,tak si celu stranku zabal do jedneho divka a to vycentrujes :) ulahci ti to pracu a nemusis to cele prepisovat...ale na tvojom mieste by som to prepisal radsej ;)


Offline

Užívateľ
Užívateľ
vycentrovanie webu

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49 | 49
Napísal autor témyOffline : 05.12.2007 16:00 | vycentrovanie webu

ked dam celu stranku do divka tak to nefacha...


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.02.07
Prihlásený: 26.01.15
Príspevky: 257
Témy: 20 | 20
NapísalOffline : 05.12.2007 16:01 | vycentrovanie webu

Ked uz to mas vsetko tak absolutne centrovane, mozno by pomohlo hodit tie vsetky tvoje divy do jedneho velkeho divu#page -> ten relativne pozicovat a vycentrovat, len by si si musel potom vsetky top a left atributy zase prerobit, lebo potom by on absolutne pozicoval od laveho horneho rohu toho hlavneho DIV-u page (nie uz do laveho horneho rohu prehliadaca/obrazovky...)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
<TITLE>all4teenager-home</TITLE>

<link href="http://www.all4teenager.ifastnet.com/grafika/ico.gif" rel="shortcut icon">

<script type="text/javascript" src="odkazy.js"></script>

<style>
BODY {background-image: url(http://www.imghosting.eu/view.php?img=pozadie.gif);
background-color: black;
background-repeat: repeat;
margin: 0;
padding: 0;
text-align: center;}

DIV#page {
position: relative;
margin: 0px auto 0px auto;
width: 1020px;
text-align: left;
}
</style>

</HEAD>

<BODY oncontextmenu="return false" onmousedown="return false" onselectstart="return false" ondragstart="return false">

<SCRIPT LANGUAGE="JavaScipt" type="text/javascript">
alert("Tieto stránky sú optimalizované pre minimálne rozlíšenie 1024x768 \n a pre prehliadače Mozzila Firefox a aj Opera.")
if (navigator.appName == "Microsoft Internet Explorer")
{alert("Padaj si stiahnuť a nainštalovať Firefox alebo Operu, s takým prehliadačom ťa tu nechcem ani vidieť ty lama!")}
x = screen.height
y = screen.width
if (screen.width >= 1024){alert("Rozlíšenie máš v pohode, môžeš pokračovať a všetko bude zobrazené správne.")}
else alert("Máš naprd rozlíšenie, nastav si väčšie, lebo sa ti bude šecko zobrazovať zle!")
</SCRIPT>

<div id="page">

<DIV style="position: absolute; top: 2px; left: 3px;">
<a href="http://www.all4teenager.ifastnet.com"><img src="http://www.imghosting.eu/view.php?img=top2_3.jpg" name="topFrame" weight="1020" height="*" border="0" alt="top"></a>
</DIV>


<DIV style="position: absolute; top: 220px; left: 10px;">

<A HREF="index.htm" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=home0.gif" border="0" alt="Home" oversrc="http://www.imghosting.eu/view.php?img=home1.gif"></a>
<A HREF="lifestyle.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=lifestyle0.gif" border="0" alt=Lifestyle" oversrc="http://www.imghosting.eu/view.php?img=lifestyle1.gif"></a>
<A HREF="charts.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=charts0.gif" border="0" alt="charts" oversrc="http://www.imghosting.eu/view.php?img=charts1.gif"></a>
<A HREF="hobby.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=hobby0.gif" border="0" alt="hobby"oversrc="http://www.imghosting.eu/view.php?img=hobby1.gif"></a>
<A HREF="download.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=download0.gif" border="0" alt="download" oversrc="http://www.imghosting.eu/view.php?img=download1.gif"></a>
<A HREF="recenzie.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=recenzie0.gif" border="0" alt="recenzie" oversrc="http://www.imghosting.eu/view.php?img=recenzie1.gif"></a>
<A HREF="funny.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=funny0.gif" border="0" alt="funny" oversrc="http://www.imghosting.eu/view.php?img=funny1.gif"></a>
<A HREF="guestbook.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=guestbook0.gif" border="0" alt="guestbook" oversrc="http://www.imghosting.eu/view.php?img=guestbook1.gif"></a>
<A HREF="kontakt.html" target="_top"><img src="http://www.imghosting.eu/view.php?img=kontakt0.gif" border="0" alt="kontakt" oversrc="http://www.imghosting.eu/view.php?img=kontakt1.gif"></a>
</DIV>

<DIV style="position: absolute; top: 270px; left: 10px;">

<HR color="#174c90" size="3" width="800">

<FONT FACE="verdana" SIZE="5" COLOR="#174C90" align="left">
Dátum
</FONT>
<BR><BR>

<FONT FACE="verdana" SIZE="2" COLOR="#eeeeee" align="left">

Nazdar všetci! Túto stránku som uviedol do prevádzky XX.XX.200X a je o všetkom (no nie až tak o všetkom :))<BR>
Také z "každého rožku trošku" :)) Snažil som sa to preto robiť tak, aby si tu každý našiel svoje. Nie ako ostatný,<BR>
že je web zameraný len na jedno. Tu nájdete všeličo o hip-hope, punku,atď. Ale nielen to je tu aj vela iného,<BR>
napr.: aj daký ten download, najnovšie recenzie na hry, hudbu a iné.<br>
Jednoducho VŠETKO (nielen) PRE TEENAGERA!<BR>
Dúfam, že sa vám to bude páčit. A ak by ste sa mi chceli ozvať tak <a href="kontakt.html" target="_top" name="kontakt" style="color:#174c90">kontakt</a> tam nájdete... :)</FONT>

<BR><BR><BR>

<HR color="#174c90" size="3" width="800"><BR>

<center>
<INPUT TYPE="button" VALUE="Späť" onClick="history.go(-1)">
<INPUT TYPE="button" VALUE="Dopredu" onCLick="history.go(1)">
</center>

<BR>
<HR color="#174c90" size="3" width="800">

<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>


<DIV style="position: absolute; top: -50px; left: 810px;">
<img src="http://www.imghosting.eu/view.php?img=ramik2.gif" alt="ramik">
</DIV>

<DIV style="position: absolute; top: -10px; left: 830px;">
<FONT FACE="Verdana" SIZE="2" color="white">
<SCRIPT src="datum.js" charset="windows-1250" type="text/javascript"></SCRIPT>. </B>Prajem&nbsp;všetko&nbsp;NAJ!!!
</FONT>
</DIV>

<DIV style="position: absolute; top: 103px; left: 827px;">
<embed src="http://www.clocklink.com/clocks/5012-black.swf?TimeZone=NZT&" width="151" height="50" wmode="transparent" type="application/x-shockwave-flash">
</DIV>

<DIV style="position: absolute; top: 200px; left: 834px;">
<IMG SRC="http://data.meteo.sk/mini/free1.php" height="170">
</DIV>

<DIV style="position: absolute; top: 409px; left: 834px;">
<STYLE>
.TVBOX {background-color:#5599ee;}
.TVNADPIS {padding:0px 0px 0px 0px;font-family:Arial;font-size:0px;font-weight:bold;background-color:#002266;color:white;cursor:hand;}
.TVTYP {text-align:right;padding:0px 0px 0px 0px;font-family:Arial;font-size:0px;background-color:#002266;color:white;}
.TVCAS {width:33px;background-color:#5599ee;font-weight:bold;vertical-align:top;padding:0px 0px 0px 3px;font-family:Arial;font-size:11px;}
.TVNAZOV {padding:0px 0px 0px 6px;font-family:Arial;font-size:11px;}
.TVSTANICA {font-family:Arial;font-size:11px;}
.TVCASBEZI {width:33px;background-color:#3355ee;font-weight:bold;vertical-align:top;padding:0px 0px 0px 3px;font-family:Arial;font-size:11px;}
.TVNAZOVBEZI {padding:0px 0px 0px 6px;font-family:Arial;font-size:11px;font-weight:bold;}
.TVSTANICABEZI {font-family:Arial;font-size:11px;font-weight:normal;}
</STYLE>

<SPAN ID="TVVYPIS"></SPAN>

<SCRIPT>
var tvsirka='140';
var tvvyska='170';
var tvmax='99';
var tvprogramy='STV1 JOJ CT1 MARKIZA PRIMA';
</SCRIPT>

<script language="JavaScript" SRC="http://tv-program.sk/tv-banner/slovenske-teraz.js">
</script>
</DIV>

<DIV style="position: absolute; top: 630px; left: 817px;">
<object width="168" height="128"><param name="movie" value="http://www.youtube.com/v/DOgfd89UG-Q&rel=1"></param><param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/DOgfd89UG-Q&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="168" height="128"></embed></object>
</DIV>

<DIV style="position: absolute; top: 801px; left: 822px;">
<!-- weblight.cz chatbox začátek -->
<iframe width="155" height="170" frameborder="0" scrolling="no" src="http://www.weblight.cz/chatbox/?id=19924">
<a href="http://www.weblight.cz/chatbox/?id=19924">Chatbox weblight.cz</a></iframe>
<!-- weblight.cz chatbox konec-->
</DIV>

<DIV style="position: absolute; top: 1020px; left: 850px;">
<a href="http://www.toplist.cz/stat/629850" target="_blank"><script language="JavaScript" type="text/javascript">
<!--
document.write ('<img src="http://toplist.cz/count.asp?id=629850&logo=mc&http='+escape(top.document.referrer)+'&wi='+escape(window.screen.width)+'&he='+escape(window.screen.height)+'&cd='+escape(window.screen.colorDepth)+'&t='+escape(document.title)+'"width="88" height="60" border=0 alt="TOPlist" />');
//-->
</script>
<noscript>
<img src="http://toplist.cz/count.asp?id=629850&logo=mc" border="0" alt="TOPlist" width="88" height="60" />
</noscript></a>
<BR><BR>
<FONT FACE="Verdana" SIZE="2" color="white">Počítadlo&nbsp;počíta od xx.xx.xxxx.
</FONT>
</DIV>

</div>

</BODY>
</HTML>


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 19.06.07
Prihlásený: 15.10.18
Príspevky: 349
Témy: 9 | 9
Bydlisko: Bratislava
NapísalOffline : 05.12.2007 16:03 | vycentrovanie webu

musi to ist.zastylujes mu position:relative;margin:0px auto; a mas to v strede...a vsetko co je v tomto divku tak ta absolutna pozicia ostatnych prvkov sa bude pocitat od zaciatku tohto divka


Offline

Užívateľ
Užívateľ
vycentrovanie webu

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49 | 49
Napísal autor témyOffline : 05.12.2007 16:05 | vycentrovanie webu

jezis, dakujem tii!!! si super mondzo!! ani nevies ako si mi pomohol.. nevim ako sa odvdacit... a dakujem aj ostatnym ze ma riesili.. :)


Offline

Užívateľ
Užívateľ
vycentrovanie webu

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49 | 49
Napísal autor témyOffline : 05.12.2007 16:09 | vycentrovanie webu

a inak, kod je aky? nic moc, co? len ma skritizuj, nech to opravim.. :)


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 19.06.07
Prihlásený: 15.10.18
Príspevky: 349
Témy: 9 | 9
Bydlisko: Bratislava
NapísalOffline : 05.12.2007 16:13 | vycentrovanie webu

je tazko prehladny.kebyze tam pouzivas aspon medzery bolo by to lepsie ;) a programy na to mavaju aj funkciu,cize to neni problem...a vadi mi ten styl...pis ho radsej externe,tazko sa ti potom bude hladat chyba a napravovat nieco...


Offline

Užívateľ
Užívateľ
vycentrovanie webu

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49 | 49
Napísal autor témyOffline : 05.12.2007 16:17 | vycentrovanie webu

externe? viem ze javascript sa pise externe ale html...


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.02.07
Prihlásený: 26.01.15
Príspevky: 257
Témy: 20 | 20
NapísalOffline : 05.12.2007 16:19 | vycentrovanie webu

mondzo píše:
Ked uz to mas vsetko tak absolutne centrovane, mozno by pomohlo hodit tie vsetky tvoje divy do jedneho velkeho divu#page -> ten relativne pozicovat a vycentrovat, len by si si musel potom vsetky top a left atributy zase prerobit, lebo potom by on absolutne pozicoval od laveho horneho rohu toho hlavneho DIV-u page (nie uz do laveho horneho rohu prehliadaca/obrazovky...)

/* prerobil by som to absolutne pozicovanie ... */

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
<TITLE>all4teenager-home</TITLE>

<link href="http://www.all4teenager.ifastnet.com/grafika/ico.gif" rel="shortcut icon">

<script type="text/javascript" src="odkazy.js"></script>

<style>
BODY {background-image: url(http://www.imghosting.eu/view.php?img=pozadie.gif);
background-color: black;
background-repeat: repeat;
margin: 0;
padding: 0;
text-align: center;}

DIV#page {
position: relative;
margin: 0px auto 0px auto;
width: 1020px;
text-align: left;
}
</style>

</HEAD>

<BODY oncontextmenu="return false" onmousedown="return false" onselectstart="return false" ondragstart="return false">

/* toto by som tam vobec nedaval, ak chces robit poriadny web tak musis optimalizovat pre vsetky prehliadace a rozlisenia, taketo hlasky pri tvorbe webu vobec nepatri */

<SCRIPT LANGUAGE="JavaScipt" type="text/javascript">
alert("Tieto stránky sú optimalizované pre minimálne rozlíšenie 1024x768 \n a pre prehliadače Mozzila Firefox a aj Opera.")
if (navigator.appName == "Microsoft Internet Explorer")
{alert("Padaj si stiahnuť a nainštalovať Firefox alebo Operu, s takým prehliadačom ťa tu nechcem ani vidieť ty lama!")}
x = screen.height
y = screen.width
if (screen.width >= 1024){alert("Rozlíšenie máš v pohode, môžeš pokračovať a všetko bude zobrazené správne.")}
else alert("Máš naprd rozlíšenie, nastav si väčšie, lebo sa ti bude šecko zobrazovať zle!")
</SCRIPT>


<div id="page">

<DIV style="position: absolute; top: 2px; left: 3px;">
<a href="http://www.all4teenager.ifastnet.com"><img src="http://www.imghosting.eu/view.php?img=top2_3.jpg" name="topFrame" weight="1020" height="*" border="0" alt="top"></a>
</DIV>


<DIV style="position: absolute; top: 220px; left: 10px;">

<A HREF="index.htm" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=home0.gif" border="0" alt="Home" oversrc="http://www.imghosting.eu/view.php?img=home1.gif"></a>
<A HREF="lifestyle.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=lifestyle0.gif" border="0" alt=Lifestyle" oversrc="http://www.imghosting.eu/view.php?img=lifestyle1.gif"></a>
<A HREF="charts.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=charts0.gif" border="0" alt="charts" oversrc="http://www.imghosting.eu/view.php?img=charts1.gif"></a>
<A HREF="hobby.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=hobby0.gif" border="0" alt="hobby"oversrc="http://www.imghosting.eu/view.php?img=hobby1.gif"></a>
<A HREF="download.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=download0.gif" border="0" alt="download" oversrc="http://www.imghosting.eu/view.php?img=download1.gif"></a>
<A HREF="recenzie.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=recenzie0.gif" border="0" alt="recenzie" oversrc="http://www.imghosting.eu/view.php?img=recenzie1.gif"></a>
<A HREF="funny.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=funny0.gif" border="0" alt="funny" oversrc="http://www.imghosting.eu/view.php?img=funny1.gif"></a>
<A HREF="guestbook.html" TARGET="_top"><img src="http://www.imghosting.eu/view.php?img=guestbook0.gif" border="0" alt="guestbook" oversrc="http://www.imghosting.eu/view.php?img=guestbook1.gif"></a>
<A HREF="kontakt.html" target="_top"><img src="http://www.imghosting.eu/view.php?img=kontakt0.gif" border="0" alt="kontakt" oversrc="http://www.imghosting.eu/view.php?img=kontakt1.gif"></a>
</DIV>

<DIV style="position: absolute; top: 270px; left: 10px;">

<HR color="#174c90" size="3" width="800">

<FONT FACE="verdana" SIZE="5" COLOR="#174C90" align="left">
Dátum
</FONT>
<BR><BR>

<FONT FACE="verdana" SIZE="2" COLOR="#eeeeee" align="left">

Nazdar všetci! Túto stránku som uviedol do prevádzky XX.XX.200X a je o všetkom (no nie až tak o všetkom :))<BR>
Také z "každého rožku trošku" :)) Snažil som sa to preto robiť tak, aby si tu každý našiel svoje. Nie ako ostatný,<BR>
že je web zameraný len na jedno. Tu nájdete všeličo o hip-hope, punku,atď. Ale nielen to je tu aj vela iného,<BR>
napr.: aj daký ten download, najnovšie recenzie na hry, hudbu a iné.<br>
Jednoducho VŠETKO (nielen) PRE TEENAGERA!<BR>
Dúfam, že sa vám to bude páčit. A ak by ste sa mi chceli ozvať tak <a href="kontakt.html" target="_top" name="kontakt" style="color:#174c90">kontakt</a> tam nájdete... :)</FONT>

<BR><BR><BR>

<HR color="#174c90" size="3" width="800"><BR>

<center>
<INPUT TYPE="button" VALUE="Späť" onClick="history.go(-1)">
<INPUT TYPE="button" VALUE="Dopredu" onCLick="history.go(1)">
</center>

<BR>
<HR color="#174c90" size="3" width="800">

/* CO JE TOTO? */
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>


<DIV style="position: absolute; top: -50px; left: 810px;">
<img src="http://www.imghosting.eu/view.php?img=ramik2.gif" alt="ramik">
</DIV>

<DIV style="position: absolute; top: -10px; left: 830px;">
<FONT FACE="Verdana" SIZE="2" color="white">
<SCRIPT src="datum.js" charset="windows-1250" type="text/javascript"></SCRIPT>. </B>Prajem&nbsp;všetko&nbsp;NAJ!!!
</FONT>
</DIV>

<DIV style="position: absolute; top: 103px; left: 827px;">
<embed src="http://www.clocklink.com/clocks/5012-black.swf?TimeZone=NZT&" width="151" height="50" wmode="transparent" type="application/x-shockwave-flash">
</DIV>

<DIV style="position: absolute; top: 200px; left: 834px;">
<IMG SRC="http://data.meteo.sk/mini/free1.php" height="170">
</DIV>

<DIV style="position: absolute; top: 409px; left: 834px;">

/* toto by malo byt v hlavicke, teda medzi <head></head> dopln k mojim stylom */
<STYLE>
.TVBOX {background-color:#5599ee;}
.TVNADPIS {padding:0px 0px 0px 0px;font-family:Arial;font-size:0px;font-weight:bold;background-color:#002266;color:white;cursor:hand;}
.TVTYP {text-align:right;padding:0px 0px 0px 0px;font-family:Arial;font-size:0px;background-color:#002266;color:white;}
.TVCAS {width:33px;background-color:#5599ee;font-weight:bold;vertical-align:top;padding:0px 0px 0px 3px;font-family:Arial;font-size:11px;}
.TVNAZOV {padding:0px 0px 0px 6px;font-family:Arial;font-size:11px;}
.TVSTANICA {font-family:Arial;font-size:11px;}
.TVCASBEZI {width:33px;background-color:#3355ee;font-weight:bold;vertical-align:top;padding:0px 0px 0px 3px;font-family:Arial;font-size:11px;}
.TVNAZOVBEZI {padding:0px 0px 0px 6px;font-family:Arial;font-size:11px;font-weight:bold;}
.TVSTANICABEZI {font-family:Arial;font-size:11px;font-weight:normal;}
</STYLE>


<SPAN ID="TVVYPIS"></SPAN>

<SCRIPT>
var tvsirka='140';
var tvvyska='170';
var tvmax='99';
var tvprogramy='STV1 JOJ CT1 MARKIZA PRIMA';
</SCRIPT>

<script language="JavaScript" SRC="http://tv-program.sk/tv-banner/slovenske-teraz.js">
</script>
</DIV>

<DIV style="position: absolute; top: 630px; left: 817px;">
<object width="168" height="128"><param name="movie" value="http://www.youtube.com/v/DOgfd89UG-Q&rel=1"></param><param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/DOgfd89UG-Q&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="168" height="128"></embed></object>
</DIV>

<DIV style="position: absolute; top: 801px; left: 822px;">
<!-- weblight.cz chatbox začátek -->
<iframe width="155" height="170" frameborder="0" scrolling="no" src="http://www.weblight.cz/chatbox/?id=19924">
<a href="http://www.weblight.cz/chatbox/?id=19924">Chatbox weblight.cz</a></iframe>
<!-- weblight.cz chatbox konec-->
</DIV>

<DIV style="position: absolute; top: 1020px; left: 850px;">
<a href="http://www.toplist.cz/stat/629850" target="_blank"><script language="JavaScript" type="text/javascript">
<!--
document.write ('<img src="http://toplist.cz/count.asp?id=629850&logo=mc&http='+escape(top.document.referrer)+'&wi='+escape(window.screen.width)+'&he='+escape(window.screen.height)+'&cd='+escape(window.screen.colorDepth)+'&t='+escape(document.title)+'"width="88" height="60" border=0 alt="TOPlist" />');
//-->
</script>
<noscript>
<img src="http://toplist.cz/count.asp?id=629850&logo=mc" border="0" alt="TOPlist" width="88" height="60" />
</noscript></a>
<BR><BR>
<FONT FACE="Verdana" SIZE="2" color="white">Počítadlo&nbsp;počíta od xx.xx.xxxx.
</FONT>
</DIV>

</div>

</BODY>
</HTML>


dalej nepouzival by som tag font a je tam toho viac... sorry, nemam uz cas


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 19.06.07
Prihlásený: 15.10.18
Príspevky: 349
Témy: 9 | 9
Bydlisko: Bratislava
NapísalOffline : 05.12.2007 16:21 | vycentrovanie webu

frankieG píše:
externe? viem ze javascript sa pise externe ale html...

precitaj si moj prispevok este raz.vravel som o style (CSS) nie o HTML


Offline

Užívateľ
Užívateľ
vycentrovanie webu

Registrovaný: 02.12.07
Prihlásený: 26.02.13
Príspevky: 1114
Témy: 49 | 49
Napísal autor témyOffline : 05.12.2007 16:24 | vycentrovanie webu

1.) absolutne pozicovanie ncem prerabat pretoze sa mi nece a ani nevim ako...
2.) snazil som sa, ale pre explorer to vyzera fakt divne... a okrem toho musis zakazdym povolit aktvinyobsah, ktory ked nepovoli, tak z toho webu nic nebude... a lutujem tych, ktory pouzivaju explorer tak ich to mozno donuti stiahnut si dco insie.. :)
3.)to br tam je preto, lebo to mam na servery kde mi tam hodia blbu reklamu, tak sa ju snazim dat nizsie...
4.)o tom co ma byt v tej hlavicke som nevedel ze to tam ma byt... dam to tam...

no css moc nerozumiem... a externe to robit.. mozno casom...

a o tom fonte viem.. ale preco? ako ho mam nahradit? asi css...


 [ Príspevkov: 68 ] 1, 2, 3


vycentrovanie webu



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Vycentrovanie

v Oznámenia a návrhy

5

1277

14.01.2007 22:46

marzo

V tomto fóre nie sú ďalšie neprečítané témy.

Vycentrovanie odkazov

v Frontend

3

473

17.01.2011 20:13

Ando

V tomto fóre nie sú ďalšie neprečítané témy.

Vycentrovanie menu

v Frontend

1

352

27.05.2014 14:43

ChickenHunter79

V tomto fóre nie sú ďalšie neprečítané témy.

vycentrovanie obrazkov

v Frontend

7

877

30.03.2007 22:14

p360t

V tomto fóre nie sú ďalšie neprečítané témy.

Vycentrovanie divu

v Frontend

5

711

17.01.2011 20:30

shaggy

V tomto fóre nie sú ďalšie neprečítané témy.

Vycentrovanie includovaneho suboru

v Frontend

5

561

09.04.2009 12:42

Ďuri

V tomto fóre nie sú ďalšie neprečítané témy.

Vycentrovanie obsahu stránky vytvorenej v coreli

v Frontend

9

616

24.01.2012 20:05

shaggy

V tomto fóre nie sú ďalšie neprečítané témy.

Hack webu

v Ostatné

5

809

21.03.2011 21:13

coldak

V tomto fóre nie sú ďalšie neprečítané témy.

Bezpečnosť webu

v Ostatné

1

397

22.02.2016 19:08

chrono

V tomto fóre nie sú ďalšie neprečítané témy.

lokalizacia webu

v Frontend

4

560

21.05.2010 15:50

enuwa2

V tomto fóre nie sú ďalšie neprečítané témy.

struktura webu

v Frontend

6

913

04.02.2009 15:40

Ďuri

V tomto fóre nie sú ďalšie neprečítané témy.

Design webu

[ Choď na stránku:Choď na stránku: 1, 2 ]

v Frontend

47

2374

07.06.2008 17:50

Tominator

V tomto fóre nie sú ďalšie neprečítané témy.

tvorba webu

v CMS

4

877

24.02.2011 7:52

don jebot

V tomto fóre nie sú ďalšie neprečítané témy.

Zhodnotenie webu

v Frontend

13

960

21.09.2010 21:05

pa3ick

V tomto fóre nie sú ďalšie neprečítané témy.

Hodnotenie webu

v Frontend

1

658

20.09.2014 19:50

majky358

V tomto fóre nie sú ďalšie neprečítané témy.

Kritika webu

v Frontend

13

1104

22.11.2009 14:27

incredible



© 2005 - 2026 PCforum, edited by JanoF