Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 68 ] Choď na stránku: 1, 2, 3 ďalšia
AutorSpráva
Offline

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

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

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ý: 22.01.24
Príspevky: 4118
Témy: 319
Bydlisko: HE/BA
Príspevok NapísalOffline : 05.12.2007 14:54

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
Príspevok Napísal autor témyOffline : 05.12.2007 15:14

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ý: 22.01.24
Príspevky: 4118
Témy: 319
Bydlisko: HE/BA
Príspevok NapísalOffline : 05.12.2007 15:18

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
Príspevok Napísal autor témyOffline : 05.12.2007 15:19

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
Príspevok Napísal autor témyOffline : 05.12.2007 15:19

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


Offline

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

Registrovaný: 12.12.06
Prihlásený: 11.01.24
Príspevky: 213
Témy: 25
Bydlisko: Douglas, IOM
Príspevok NapísalOffline : 05.12.2007 15:21

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
Príspevok Napísal autor témyOffline : 05.12.2007 15:24

<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
Bydlisko: Bratislava
Príspevok NapísalOffline : 05.12.2007 15:26

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
Príspevok NapísalOffline : 05.12.2007 15:27

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
Príspevok Napísal autor témyOffline : 05.12.2007 15:31

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
Príspevok NapísalOffline : 05.12.2007 15:37

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
Príspevok Napísal autor témyOffline : 05.12.2007 15:37

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
Príspevok NapísalOffline : 05.12.2007 15:41

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
Bydlisko: Nitra / Bra...
Príspevok NapísalOffline : 05.12.2007 15:42

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
Príspevok Napísal autor témyOffline : 05.12.2007 15:45

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
Príspevok NapísalOffline : 05.12.2007 15:48

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
Príspevok Napísal autor témyOffline : 05.12.2007 15:50

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
Príspevok Napísal autor témyOffline : 05.12.2007 15:51

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
Bydlisko: Bratislava
Príspevok NapísalOffline : 05.12.2007 15:57

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
Príspevok Napísal autor témyOffline : 05.12.2007 16:00

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
Príspevok NapísalOffline : 05.12.2007 16:01

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
Bydlisko: Bratislava
Príspevok NapísalOffline : 05.12.2007 16:03

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
Príspevok Napísal autor témyOffline : 05.12.2007 16:05

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
Príspevok Napísal autor témyOffline : 05.12.2007 16:09

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
Bydlisko: Bratislava
Príspevok NapísalOffline : 05.12.2007 16:13

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
Príspevok Napísal autor témyOffline : 05.12.2007 16:17

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
Príspevok NapísalOffline : 05.12.2007 16:19

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
Bydlisko: Bratislava
Príspevok NapísalOffline : 05.12.2007 16:21

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
Príspevok Napísal autor témyOffline : 05.12.2007 16:24

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


Odpovedať na tému [ Príspevkov: 68 ] Choď na stránku: 1, 2, 3 ďalšia


Podobné témy

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

v Správy pre vedenie fóra

5

1204

14.01.2007 22:46

marzo Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

7

775

30.03.2007 22:14

p360t Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

5

624

17.01.2011 20:30

shaggy Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

3

399

17.01.2011 20:13

Ando Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

1

287

27.05.2014 14:43

ChickenHunter79 Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

5

484

09.04.2009 12:42

Ďuri Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Vycentrovanie obsahu stránky vytvorenej v coreli

v HTML, XHTML, XML, CSS

9

517

24.01.2012 20:05

shaggy Zobrazenie posledných príspevkov

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

v Webdesign

5

740

28.04.2009 11:43

lolko Zobrazenie posledných príspevkov

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie. Ohodnotenie webu

v Webdesign

5

937

12.01.2011 18:43

don jebot Zobrazenie posledných príspevkov

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

v Webdesign

8

812

05.07.2011 19:39

joopan Zobrazenie posledných príspevkov

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

v Webdesign

11

541

13.03.2014 20:39

Mego Zobrazenie posledných príspevkov

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

v PHP, ASP

12

578

18.02.2013 15:18

PepperSK Zobrazenie posledných príspevkov

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie. Komenty webu

v Webdesign

10

825

14.09.2008 12:52

JanoF Zobrazenie posledných príspevkov

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie. Kritika webu

v Webdesign

9

1048

28.07.2010 20:27

shaggy Zobrazenie posledných príspevkov

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

v Ponuka práce

0

1120

12.08.2009 20:54

javo Zobrazenie posledných príspevkov

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

v PHP, ASP

15

1100

15.03.2009 17:24

kaidžas Zobrazenie posledných príspevkov


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