Autor | Zpráva | ||
---|---|---|---|
zis Profil * |
#1 · Zasláno: 25. 12. 2005, 19:17:48
nazdar lidi
chtěl sem se zeptat že dělám stránky stylem že si nakreslim šablonu, tu dám na pozadí stránky a pak na ní relativně pozicuju aby to přesně sedělo, bohužel i tabulky. Problém je v tom že když má uživatel třeba nastavený větší písmo či co tak už je to pochopitelně všechno rozházený. takže jak tak mám udělat web aby všechno sedělo nějakej postup nebo tak. předem díky za rady |
||
Tin Profil |
#2 · Zasláno: 25. 12. 2005, 19:58:51
??????????
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! přečti si www.jakpsatweb.cz mám tomu rozumět tak, že máš fotku pozadí a nad ní text stránky??? V tom případě si opravdu přečti JPW. Problém je v tom že když má uživatel třeba nastavený větší písmo -- no tak to písmo nedělej zvětšovací (px, pt místo em, %) -- v IE to nepůjde zvětšit nijak, O zvětšuje CELOU stránku včetně obrázků, FF nevim. Ale pokud to necháš takhle, tak jak jsem ateista ať je bůh nade mnou, že se na takovéhle stránky v životě nedostanu |
||
zis Profil * |
#3 · Zasláno: 25. 12. 2005, 20:09:14
no nevim jestli si mě pochopil dám si na pozadí divu "šablonu" která je nakreslená a kde co přesně bude,
potom začínám psát a dávat img a buttony na již nakreslenou šablonu přesně že se to překrejvá. Problém nastává v tom že když dá na prohlížeči zvětšit písmo tak se mi to rozhází kvůli tomu relativnímu pozicování protože se text a obrázky myslim taky zvětšej... |
||
Petra Profil |
#4 · Zasláno: 25. 12. 2005, 20:16:51
Bylo by dobrý, dát sem odkaz, abychom viděli, o čem se tu vlastně bavíme. Jestli si to ale představuju správně, tak je potřeba tu tvojí šablonu na pozadí vzít a rozřezat jí na kousky podle jednotlivých elementů - menu, tlačítek, hlavičky, nadpisů, atd. To pak dáš na pozadí těch příslušných elementů.
Jinak se zvětšováním písma je dobrý v grafice počítat a nedělat vylomeniny, u kterých se web totálně rozpadne i při malém zvětšení. |
||
zis Profil * |
#5 · Zasláno: 25. 12. 2005, 20:23:40
jojo ten web bude na netu během dneška či zítřka pak sem hodim odkaz, jinak jaks řikala tu šablonu sem rozřezal a umisťuju je tam kam potřebuju pomocí relativního pozicování což podle mě neni moc dobře protože jakmile si zvětší to písmo tak se to bude pozicovat o větší rozměr příklad
normál img width="10" height="10" po zvětšení-> img width="20" height="20" a to co pozicuju od toho prvního je rázem o 10px vedle to je právě ono web se mi rozpadne při sebemenšim zvětšení |
||
Tin Profil |
#6 · Zasláno: 25. 12. 2005, 20:23:49
...vzít a rozřezat jí na kousky... jo a nebo se naučit http://www.jakpsatweb.cz/css/border.html
|
||
Tin Profil |
#7 · Zasláno: 25. 12. 2005, 20:26:21
1) každá číselná hodnota MÁ MÍT svojí JEDNOTKU
2) pokud napíšu 10px tak to JE 10px ať se to zvětšuje jak chce (IE to neumí zvětšit nijak, O zvětšuje CELOU stránku včetně obrázků, FF nevim) |
||
zis Profil * |
#8 · Zasláno: 25. 12. 2005, 20:39:45
jojo zvětšuje celou stránku jak ff tak ie, ale on to zvětší pomocí na liště zobrazit->velikost textu->zvětšit
a pak se mi to rozhází |
||
Tin Profil |
#9 · Zasláno: 25. 12. 2005, 20:42:40
zobrazit->velikost textu -- to ale dokáže šáhnout jen na rozměry v relativních jednotkách. Pro ie je PIXEL pořád PIXEL, ať se děje cokoliv
|
||
zis Profil * |
#10 · Zasláno: 25. 12. 2005, 20:47:38
hele já ti pak dám odkaz až to bude na netu a vyzkoušíš to, já taky přesně nevim proč se mi to rozhazuje podle mě je to že to pozicuju relativně a jak se jeden rozměr zvětší, "zvětší" se i pozicování o určitej kus ale možná se pletu
|
||
Tin Profil |
#11 · Zasláno: 25. 12. 2005, 20:57:04
jo ok. Kdyby ie dokázal zvětšit rozměr v px, tak bych vážně zíral
relativní pozicování v ie ti web odešle do imho háje stejně si myslím ža ta tvoje skládanka by se měla pozicovat absolutně -- když už teda nějak |
||
zis Profil * |
#12 · Zasláno: 25. 12. 2005, 21:05:38
jojo vim že relativně je to naprd, a absolutně ještě víc protože mám div na středu do kterýho dávám ty věci a absolutní pozicování máš od okraje stránky, nevím no
|
||
Tin Profil |
#13 · Zasláno: 25. 12. 2005, 21:12:49
absolutně to nemusí být od kraje stránky http://www.jakpsatweb.cz/css/position.html
jo a prosimtě, ukaž mi zdroj. ad a bych strašně rád viděl, cos poskládal za šílenost, ad b bych ti s tim rád pomohl |
||
zis Profil * |
#14 · Zasláno: 25. 12. 2005, 21:16:56
ok
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>~:Jira´s Games website:~</title> <style> .TableClass{ font: 17px/0.6 Monotype Corsiva; color:#ff9900; } div.menu { display:none; position:relative; width: 80px; border:2px black solid; color: white; background-image:url('Photoshop/animace-aktualizace.gif') } div.menu2 { display:none; position:absolute; width: 80px; border:1px blue solid; color: white; } DIV { margin: auto; Margin-left: auto; Margin-right: auto; padding: 0px 0px 0px 0px; padding-botom: 1px; border: 0px solid black; text-align: left; vertical-align: bottom; display:inline; display:block; clear:both; } .click { color: black; font:bold 8px/0.1 Arial; position:relative; left:10px; } </style> </head> <body style="text-align:center" bgcolor="black" background="Photoshop/backg.jpg"> <script> function show(idmenu){ x = document.getElementById(idmenu); x.style.display="block"; } function closeME(idmenu){ x = document.getElementById(idmenu); x.style.display="none"; } </script> <div style="background-image:url('Photoshop/pozadi.jpg');width:750; height:1000;text-align:"> <table width="708" height="200" border="0" align="center"> <td></td> <tr> <td></td> <tr> <td></td> <tr> <td></td> <tr> <td></td> <tr> <td></td> <tr> <td></td> <tr> <td></td> <tr> <td></td> <tr> <td style="background-image:url('Photoshop/runtext.gif')"></td><!-- <img style="position:absolute;left:148px;top:178px;"src="C:/Documents and Settings/Zis/Dokumenty/Zis - Škola/T4.A/PVY/JirkaWeb/Photoshop/runtext.gif" ALT="Ukazatel"> --> <tr> </table> <img style="position:relative;left:483px;top:0px;"src="Photoshop/animace-př ekrytí.gif" ALT="animace"> <span style="color:red;position:relative;left:90">Aktuální čas:</span> <span style="color:#ffcc00;position:relative;left:90" id="cas"></span>. <script> function naplnCas (){ var datum = new Date(); sec = datum.getSeconds(); mint = datum.getMinutes(); hour = datum.getHours(); if (hour<10){ if (mint<10){ if (sec<10){aktualniCas = "0"+ hour + ":0" + mint + ":0" + sec;} else {aktualniCas = "0" + hour + ":0" + mint + ":" + sec;}} else {if (sec<10){aktualniCas = "0" + hour + ":" + mint + ":0" + sec;} else {aktualniCas = "0" + hour + ":" + mint + ":" + sec;} } } else{ if (mint<10){ if (sec<10){aktualniCas = hour + ":0" + mint + ":0" + sec;} else {aktualniCas = hour + ":0" + mint + ":" + sec;}} else {if (sec<10){aktualniCas = hour + ":" + mint + ":0" + sec;} else {aktualniCas = hour + ":" + mint + ":" + sec;} } } window.document.getElementById("cas").innerHTML = aktualniCas; } naplnCas(); window.setInterval("naplnCas()", 1000); </script> <span style="color:red;position:relative;left:-200">Dnes je:</span><span id="dat" style="color:#ffcc00;position:relative;left:-200"></span> <script> function datum(){ var promenna = new Date(); month = promenna.getMonth()+1 aktdatum = promenna.getDate() + "." + month+ "." + promenna.getFullYear(); window.document.getElementById("dat").innerHTML = aktdatum; } datum(); window.setInterval("datum()", 1000); </script> <script> function on(idp){ p = document.getElementById(idp) p.style.color = "red"; p.style.cursor = "pointer"; } function leave(idp){ p = document.getElementById(idp) p.style.color = "black"; } /* function DivBack(idp){ p = document.getElementById(idp); p.style.background.image = 'Photoshop/animace-aktualizace.bmp'; } */ </script> <!-- onclick="window.open('http://www.seznam.cz')" - přesměruje --> <img style="position:relative;left:-516;top:60;cursor:pointer" src="Photoshop/uv.bmp" onmouseover="this.src='Photoshop/animace-uvbutt.gif'" onmouseout="this.src='Photoshop/uv.bmp'" onclick=" window.location.href='uvod.htm'"> <img style="position:relative;left:-607;top:82;cursor:pointer" src="Photoshop/hry1.bmp" onmouseover="this.src='Photoshop/animace-hry1butt.gif'" onmouseout="this.src='Photoshop/hry1.bmp'" onclick=" window.location.href='hryvprodeji.htm'"> <!----> <table table-layout:fixed cellspacing="0" cellpadding="0" border="1" frame="void" rules="none" width="110" height="60" style="position:relative;left:29;top:82"> <td><img id="ro"style="cursor:pointer" src="Photoshop/robobutt.jpg" onmouseover="this.src='Photoshop/robobutt.bmp';show('m_div1')" onmouseout="this.src='Photoshop/robobutt2.bmp';closeME('m_div1')" onclick=" window.location.href='robomaso.htm'"></td> <td><div class="menu" id="m_div1" style="background-color:#ffcc00;width:100;height:15;cursor:pointer" onmouseover="ro.src='Photoshop/robobutt.bmp';show('m_div1')" onmouseleave="closeME('m_div1');ro.src='Photoshop/robobutt2.bmp'" onclick=" window.location.href='info.htm'"><!--<span id="s1" class="click" style="top:-3" onmouseover="on('s1')" onmouseout="leave('s1')" onclick=" window.location.href='http://www.seznam.cz'">Aktualizace</span>--></di v></td> <tr> <td style="position:relative;left:1;top:3"><img id="ju"style="cursor:pointer" src="Photoshop/juchbutt2.bmp" onmouseover="this.src='Photoshop/juchbutt.bmp';show('m_div2')" onmouseout="this.src='Photoshop/juchbutt2.bmp';closeME('m_div2')" onclick=" window.location.href='juchajdo.htm'"></td> <td><div class="menu" id="m_div2" style="background-color:red;width:100;height:15;position:relative;top: 2;cursor:pointer" onmouseover="ju.src='Photoshop/juchbutt.bmp';show('m_div2')" onmouseleave="closeME('m_div2');ju.src='Photoshop/juchbutt2.bmp'" onclick=" window.location.href='info.htm'"><!--<span id="s2" class="click" style="" onmouseover="on('s2')" onmouseout="leave('s2')" onclick=" window.location.href='http://www.seznam.cz'">Aktualizace</span>--></di v></td> <tr> <td style="position:relative;left:1;top:6"><img id="byr"style="cursor:pointer" src="Photoshop/byrobutt.bmp" onmouseover="this.src='Photoshop/byrobutt2.bmp';show('m_div3')" onmouseout="this.src='Photoshop/byrobutt.bmp';closeME('m_div3')" onclick=" window.location.href='byrokros.htm'"></td> <td><div class="menu" id="m_div3" style="background-color:orange;width:100;height:15;position:relative;t op:7;cursor:pointer" onmouseover="byr.src='Photoshop/byrobutt2.bmp';show('m_div3')" onmouseleave="closeME('m_div3');byr.src='Photoshop/byrobutt.bmp'" onclick=" window.location.href='info.htm'"><!--<span id="s3" class="click" style="text-align:center" onmouseover="on('s3')" onmouseout="leave('s3')" onclick=" window.location.href='http://www.seznam.cz'">Aktualizace</span>--></di v></td> </table> <img style="position:relative;left:20;top:92;cursor:pointer" src="Photoshop/pripbutt.bmp" onmouseover="this.src='Photoshop/animace-pripbutt.gif'" onmouseout="this.src='Photoshop/pripbutt.bmp'" onclick="window.location.href='prip.htm'"> <img style="position:relative;left:-52;top:112;cursor:pointer" src="Photoshop/kolbutt.bmp" onmouseover="this.src='Photoshop/kolbutt2.bmp'" onmouseout="this.src='Photoshop/kolbutt.bmp'" onclick="window.location.href='kolem.htm'"> <img style="position:relative;left:-142;top:136;cursor:pointer" src="Photoshop/hryobn.bmp" onmouseover="this.src='Photoshop/animace-hryobn.gif'" onmouseout="this.src='Photoshop/hryobn.bmp'" onclick="window.location.href='hrynaobjednavku.htm'"> <img style="position:relative;left:-241;top:159;cursor:pointer |
||
Tin Profil |
#15 · Zasláno: 25. 12. 2005, 21:22:22
hmm, šílený to je (nebo to alespoň vypadá dost šíleně)
jde se pomáhat btw: http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=7&topic=17 007&page=-1 to jsi taky ty? |
||
zis Profil * |
#16 · Zasláno: 25. 12. 2005, 21:23:51
jojo to je skoro ten samej problém jestli to chceš řešit tak můžem přes icq to bude možná rychlejší?
|
||
Tin Profil |
#17 · Zasláno: 25. 12. 2005, 21:27:27
šla by k tomu poslat druhá půlka?
|
||
zis Profil * |
#18 · Zasláno: 25. 12. 2005, 21:30:10
tam už nic moc neni
<img style="position:relative;left:-241;top:159;cursor:pointer" src="Photoshop/didbutt.bmp" onmouseover="this.src='Photoshop/didbutt2.bmp'" onmouseout="this.src='Photoshop/didbutt.bmp'" onclick="window.location.href='didaktickehry.htm'"> <table cellspacing="0" cellpadding="0" style="position:relative;left:30;top:161"> <td><img style="cursor:pointer" src="Photoshop/covs-butt.bmp" onmouseover="this.src='Photoshop/covs-butt2.bmp'" onmouseout="this.src='Photoshop/covs-butt.bmp'" onclick="window.location.href='covse.htm'"></td> </table> <img style="position:relative;left:30;top:147;cursor:pointer" src="Photoshop/or.bmp" onmouseover="this.src='Photoshop/or2.bmp'" onmouseout="this.src='Photoshop/or.bmp'" onclick="window.location.href='orientalnikalkulace.htm'"> <img style="position:relative;left:-87;top:167;cursor:pointer" src="Photoshop/kontakty-butt.bmp" onmouseover="this.src='Photoshop/animace-kontakty-butt.gif'" onmouseout="this.src='Photoshop/kontakty-butt.bmp'" onclick="window.location.href='kontakty.htm'"> <img style="position:relative;left:-145;top:187;cursor:pointer" src="Photoshop/ohr.bmp" onmouseover="this.src='Photoshop/animace-ohr.gif'" onmouseout="this.src='Photoshop/ohr.bmp'" onclick="window.location.href='ohrachobecne.htm'"> <img src="photoshop/uvod.bmp" alt="Úvodní stránka" style="position:relative;left:-50;top:-100"> <table class="TableClass" border="0"style="position:relative;left:200;top:-100"> <td>   Firma Jirasgames se zaměřuje především na výrobu společenských her.</td><tr> <td>Funguje na českém trhu od roku 2002, kdy ji založil její jediný majitel a multipoziční</td><tr> <td>zaměstnanec Jiří Mikoláš. Firma je mladá a snaží se v konkurenčním boji uspět.</td><tr> <td>Proto každému jejímu výrobku předchází důkladný monitoring a analýza trhu.</td><tr> <td>Na základě získaných informací volíme pro své hry takové náměty, jež na trhu nejsou</td><tr> <td>dostatečně zastoupeny nebo vyvíjíme takové hry, které by mohly překvapit</td><tr> <td>originalitou a při zachování kvality konkurovat cenou.</td><tr> </td><tr></td><tr> <td>   Vyrábíme také hry na objednávku, stolní společenské ale i exteriérové hry</td><tr> <td>např. (bojovky a akční hry) a pro nejrůznější účely (zábava, výchova, osvěta, školení).</td><tr> <td>(viz hry na objednávku)Základní charakteristickou vlastností společenských her od</td><tr> <td>firmy Jirasgames je jejich originalita. Hry se zakládají vždy na nových neobehraných</td><tr> <td>principech. </td><tr></td><tr> <td>   Další důraz je kladen na hratelnost a také na grafickou stránku.</td><tr> <td>Spolupracujeme s předními českými výtvarníky (Kája Saudek, Petr Poltavec,</td><tr> <td>Barbora Olmrová, Petr Štefek a další). Snažíme se, aby každá hra měla svůj</td><tr> <td>neopakovatelný design, který by v souladu s herním systémem vytvářel dokonalé</td><tr> <td>herní prostředí se strhující atmosférou. Proto volíme vždy ilustrátora a grafickou</td><tr> <td>úpravu na míru danému tématu hry. Stejně tak se snažíme vybírat i herní systémy</td><tr> <td>tak, aby co nejvíce vycházeli z předloh v realitě nebo z příběhů. Je li systém hry dobře</td><tr> <td>zvolen, je jeho hraní a pochopení spíše intuitivní, protože vychází z reálných vztahů.</td><tr> </td><tr></td><tr> <td>   Je-li hra doprovozena zajímavým příběhem a zakotvena tak v nějakém širším</td><tr> <td>kontextu, vytváří skvělé podmínky proto, aby se hráči mohly snadno vcítit do svých</td><tr> <td>herních rolí. Prožívání hráčů se stane uvolněnější a tak sami hráči přispějí</td><tr> <td>k dotvoření dokonalé herní atmosféry. Naše hry jsou schopny zdravé manipulace</td><tr> <td>hráčů a jejich hraní může vést ke skutečně nezapomenutelným zážitkům. Tím,</td><tr> <td>že dokážeme spojit chytlavý příběh a intuitivní herní systém vytvoříme ve výsledku</td><tr> <td>dobře hratelnou, lehce pochopitelnou a zábavnou společenskou hru s působivou</td><tr> <td>atmosférou.</td><tr> </td><tr> </table> <!-- <div style="background-:black;color:white;width:500;height:150" onmouseover="show('m_div1');show('m_div2');show('m_div3')" onmouseleave="closeME('m_div1');closeME('m_div2');closeME('m_div3')"> Najeď na mě </div> <div class="menu" id="m_div2" style="background-color:white;width:100;height:20;left:0px;top:0px" onmouseover="show('m_div1');show('m_div2');show('m_div3')" onmouseleave="closeME('m_div1');closeME('m_div2');closeME('m_div3')"> </div> <div class="menu" id="m_div3" style="background-color:green;width:100;height:20;left:0px;top:0px" onmouseover="show('m_div1');show('m_div2');show('m_div3')" onmouseleave="closeME('m_div1');closeME('m_div2');closeME('m_div3')"> </div> </div> --> </body> </html> |
||
zis Profil * |
#19 · Zasláno: 25. 12. 2005, 22:14:46
tak co
|
||
Tin Profil |
#20 · Zasláno: 25. 12. 2005, 22:20:39
dělám na tom. Počítám, že různý marginy si už dopíšeš ručně
Ještě něco provedu s tím menu, #obsah by už byl jo a co to v poznámkách? smazat, použít, nechat na pokoji? |
||
Tin Profil |
#21 · Zasláno: 25. 12. 2005, 22:42:50
něco jsem s tím udělal, tabulky jsou pryč.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
||
Tin Profil |
#22 · Zasláno: 25. 12. 2005, 22:44:39
hmm, ten konec se nevešel, tady ho máš
<!-- |
||
zis Profil * |
#23 · Zasláno: 25. 12. 2005, 23:58:09
dikes
|
||
zis Profil * |
#24 · Zasláno: 26. 12. 2005, 00:08:31
ale to mi moc nepomůže ale to je fuk já ti sem pak dám ten odkaz a nějak to zkusim předělat
|
||
Tin Profil |
#25 · Zasláno: 26. 12. 2005, 11:34:25
alespoň jsem ti předělal tu tabulku s textem -- to jsem nevěřil vlastním očím!!!
|
||
Standa Profil * |
#26 · Zasláno: 27. 12. 2005, 17:11:28
Pokud určíš velikost písma CSS stylem, pak zůstane stále stejné - nezávisle na volbě velikosti písma v prohlížeči. Pokud ovšem toto omezení nevadí.
Anebo použij absolutní pozicování např k tělu stránky, a pak to zůstane vše na pevných i při různých velikostech písma. |
||
habendorf Profil |
#27 · Zasláno: 27. 12. 2005, 17:28:16
Standa: Pokud určíš velikost písma CSS stylem, pak zůstane stále stejné - nezávisle na volbě velikosti písma v prohlížeči. Pokud ovšem toto omezení nevadí.
Ale kdepak. |
||
Tin Profil |
#28 · Zasláno: 28. 12. 2005, 12:59:15
už jsem to tu sice psal, ale ještě jednou: v css máme jednotky absolutní (px, pt, cm, apod.) a relativní (%, em, ad.). Absolutní jsou pořád stejné, relativní se mění.
http://www.jakpsatweb.cz/css/css-jednotky.html |
||
Leo Profil |
#29 · Zasláno: 28. 12. 2005, 13:07:30
Px a pt a cm jsou absolutni v jakem smyslu? Pokud je pouziju, tak na monitoru kazdy uvidi pismo ruzne velky napr. podle rozliseni monitoru. Leo
|
||
Tin Profil |
#30 · Zasláno: 28. 12. 2005, 13:11:19
px je absolutní v tom, že 1px je to pořád 1px a nemůže se zvětšit. Bez ohledu na snahu zvětšit si písmo
|
||
Téma pokračuje na další straně.
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0