Přendání textu

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Fir3stPlays
Level 1
Level 1
Příspěvky: 66
Registrován: duben 13
Bydliště: Hradec Králové
Pohlaví: Muž
Stav:
Offline
Kontakt:

Přendání textu

Příspěvekod Fir3stPlays » 18 led 2014 01:48

Zdravim, dělám teď na svém projektu zvaném Mass Gaming a chtěl bych poradit, mám stránky v HTML, ale jak dát pod logo text ukáži vám obrázek jak to myslím.
A ještě výpis mého indexu:
<body background="bg.jpg" bgcolor="black">
<br><br><br>
<table align="center" cellpadding="0" cellspacing="0" height="1500" width="1500">
<tbody><tr>
<td valign="top"><table align="center" background="logo.png" cellpadding="0" cellspacing="0" height="150" width="800">
<tbody><tr>
<td valign="top"><table cellpadding="0" cellspacing="0" height="150" width="800">
<tbody><tr>
<td width="68">&nbsp;</td>
<td valign="bottom" width="1500"><div class="style1" align="center"><br>
<font color="grey" face="Arial"><br>Vítejte na nových stránkách pořadu Mass Gaming! Připravujeme pro vás spousta zajímavého obsahu jako herní streamy, pořady, soutěže a spousta dalších aktivit. Doufáme, že se vám bude náš projekt a celkové snažení líbit a že ho i oceníte<font><div>
</td>
<td width="45">&nbsp;</td>
</tr>
</tbody></table>
Výstřižek.PNG
Jsem student Střední a Vyšší odborné kybernetiky v Hradci.

http://www.antananarino.cz TEPRVE KÓDUJI!

Reklama
Uživatelský avatar
LuCaCZ
Level 3.5
Level 3.5
Příspěvky: 929
Registrován: březen 11
Pohlaví: Muž
Stav:
Offline

Re: Přendání textu

Příspěvekod LuCaCZ » 18 led 2014 13:22

V čem si tohle stvořil? To je hrozná konina - bez urážky ...

Musí to být striktně jen HTML? CO použít i CSS? ... a žádný šílený tabulky

Fir3stPlays
Level 1
Level 1
Příspěvky: 66
Registrován: duben 13
Bydliště: Hradec Králové
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Přendání textu

Příspěvekod Fir3stPlays » 18 led 2014 18:24

Upravil jsem to, css mam taky ale nevím jestli to sem mělo smysl dávat dám sem svůj nový index + to styles.css
index
<body background="bg.jpg" bgcolor="black">
<tbody><tr>
<td valign="top"><table align="center" background="logo.png" cellpadding="0" cellspacing="0" height="150" width="800">
<tbody><tr>
<td valign="top"><table cellpadding="0" cellspacing="0" height="150" width="800">
<tbody><tr>
<td width="68">&nbsp;</td>
<td valign="bottom" width="750">

<font color="grey" face="Arial"><br>Vítejte na nových stránkách pořadu Mass Gaming! Připravujeme pro vás spousta zajímavého obsahu jako herní streamy, pořady, soutěže a spousta dalších aktivit. Doufáme, že se vám bude náš projekt a celkové snažení líbit a že ho i oceníte<font><div class="style1" align="center">
<img src='social.png" usemap="#Map2" border="0"
</tbody></table></td>
</tr>
</tbody></table>
<map name="Map2" id="Map2"><area shape="rect" coords="1,29,60,89" href="www.facebook.com" target="_blank">
<area shape="rect" coords="80,29,139,89" href="http://twitter.com/MassGaming" target="_blank">
<area shape="rect" coords="157,29,218,90" href="http://google.com" target="_blank">
</map>

</body></html>

styles.css
body {background: url('bg.jpg') no-repeat top center;
background-color: #f0f0f0;
background-repeat: no-repeat;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 50px;}

body,td,th
{font-family: Verdana;
font-size: 12px;
color: #999999;}

a:link {color: #6b6762;
text-decoration: none;}

a:visited
{text-decoration: none;
color: #6b6762;}

a:hover
{text-decoration: underline;
color: #a0bc1c;}

a:active
{text-decoration: none;
color: #a0bc1c;}

.style1 {line-height: 250%;}


.style2 {color: #71863b}
.style3 {color: #505050}

--- Doplnění předchozího příspěvku (18 Led 2014 18:25) ---

Zkoušel jsem upravit .style1 na line-height 250%, ale to nepomohlo dával jsem tam místo procent i pt, jako pixely, ale to taky nic
Jsem student Střední a Vyšší odborné kybernetiky v Hradci.

http://www.antananarino.cz TEPRVE KÓDUJI!

Uživatelský avatar
LuCaCZ
Level 3.5
Level 3.5
Příspěvky: 929
Registrován: březen 11
Pohlaví: Muž
Stav:
Offline

Re: Přendání textu

Příspěvekod LuCaCZ » 18 led 2014 20:19

zapomeň na tabulky nebo obrázkovou mapu - takhle se to nedělá

co třeba takhle?

Kód: Vybrat vše

<!DOCTYPE HTML>

<
html>

<
head>
  <title></title>
  <meta charset="utf-8">
  <style type="text/css">
  <!--
  body {
    background: #000000 url(bg.png);
    font: 12pt Tahoma, Geneva, sans-serif;
    color: #999999;
  }

  #page {
    width: 800px;
    margin: 0 auto; /* vycentrování na střed */
    text-align: center;
  }

  #header {
    background: url(logo.png) no-repeat center;
    height: 150px;
    margin-top: 50px;
  }

  #main {
    margin: 50px 0;
  }
  -->
  </style>
</
head>

<
body>

<
div id="page">

<
div id="header"></div>

<
div id="main">
  <p>Vítejte na nových stránkách pořadu Mass Gaming! Připravujeme pro vás spousta zajímavého obsahu jako herní streamy, pořady, soutěže a spousta dalších aktivit. Doufáme, že se vám bude náš projekt a celkové snažení líbit a že ho i oceníte.</p>
</
div>

<
div id="footer">
 <img src="facebook.png" width="32" height="32" alt="Facebook">
 <img src="twitter.png" width="32" height="32" alt="Twitter">
 <img src="googleplus.png" width="32" height="32" alt="Gooogle+">
</
div>
</
div>


</
body>

</
html> 


Doporučuji prostudovat web jakpsatweb.cz, jistě se ti to bude hodit. Předpokládám, že nezůstaneš jen u jedné stránky a bude jich víc...

Fir3stPlays
Level 1
Level 1
Příspěvky: 66
Registrován: duben 13
Bydliště: Hradec Králové
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Přendání textu

Příspěvekod Fir3stPlays » 20 led 2014 12:01

Asi znám starou dobu, ta mderní doba.... :D

Děkuju moc, jen tu mapu mam proto, že já mám jeden obrázek a v tom mam Fb, tweet a g+ tak proto jsem dělal mapu :) Ale ve photoshopu to oříznu na 3 různé obrázky :))
Jsem student Střední a Vyšší odborné kybernetiky v Hradci.

http://www.antananarino.cz TEPRVE KÓDUJI!

Uživatelský avatar
LuCaCZ
Level 3.5
Level 3.5
Příspěvky: 929
Registrován: březen 11
Pohlaví: Muž
Stav:
Offline

Re: Přendání textu

Příspěvekod LuCaCZ » 20 led 2014 12:42

Rodělovat to nemusíš... Použij CSS sprite viz http://jecas.cz/css-sprite

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Přendání textu

Příspěvekod CZechBoY » 20 led 2014 19:14

LuCaCZ: a jak potom udělá 3 různý odkazy pomocí <a> a ne přes debilní mapu?
btw funguje ta mapa na mobilech?
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Fir3stPlays
Level 1
Level 1
Příspěvky: 66
Registrován: duben 13
Bydliště: Hradec Králové
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Přendání textu

Příspěvekod Fir3stPlays » 20 led 2014 19:17

Zeptám se na jednu otázku proč místo čárek a háčků v tom textu mám otazníky?
A ty ikony jsem rozdělil na 3 kousky ve photoshopu a ta mapa funguje na mobilech tu mam odzkoušenou :)
A ještě normálně aby mi ten obrázek někam odkazoval tak to musím dát do <a href="www.yotube.com/********"><img src="facebook.png" alt="Facebook"></a> ??
Naposledy upravil(a) Fir3stPlays dne 20 led 2014 19:21, celkem upraveno 1 x.
Jsem student Střední a Vyšší odborné kybernetiky v Hradci.

http://www.antananarino.cz TEPRVE KÓDUJI!

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Přendání textu

Příspěvekod CZechBoY » 20 led 2014 19:18

Asi máš špatný kódování stránky - musíš mít stejný kódování dokumentu i souboru.
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
LuCaCZ
Level 3.5
Level 3.5
Příspěvky: 929
Registrován: březen 11
Pohlaví: Muž
Stav:
Offline

Re: Přendání textu

Příspěvekod LuCaCZ » 20 led 2014 21:50

CZechBoY píše:LuCaCZ: a jak potom udělá 3 různý odkazy pomocí <a> a ne přes debilní mapu? ...

► Zobrazit spoiler


Fir3stPlays píše:...
A ještě normálně aby mi ten obrázek někam odkazoval tak to musím dát do <a href="www.yotube.com/********"><img src="facebook.png" alt="Facebook"></a> ??

přesně tak

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Přendání textu

Příspěvekod CZechBoY » 21 led 2014 08:43

Jotakhle, přes css sprite, já myslel že chceš nechat mapu a do ní nějak dát odkazy.
Takhle to je asi nejlepší :-) :thumbup:
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Fir3stPlays
Level 1
Level 1
Příspěvky: 66
Registrován: duben 13
Bydliště: Hradec Králové
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Přendání textu

Příspěvekod Fir3stPlays » 21 led 2014 17:27

Děkuju moc, ještě jedna otázka jak vymezit ty modro-fialové barvy když je mezi nimi mezera?
dialova.PNG
dialova.PNG (47.91 KiB) Zobrazeno 399 x
Jsem student Střední a Vyšší odborné kybernetiky v Hradci.

http://www.antananarino.cz TEPRVE KÓDUJI!


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Ilustrator 2020 - problém textu v křivce Příloha(y)
    od showpayne » 13 srp 2023 17:50 » v Design a grafické editory
    4
    2819
    od Grander Zobrazit poslední příspěvek
    14 srp 2023 14:44
  • Libre Office Calc - Divné chování při kopírování textu Příloha(y)
    od EZumrova » 02 dub 2024 08:12 » v Kancelářské balíky
    16
    5105
    od atari Zobrazit poslední příspěvek
    09 kvě 2024 11:50

Zpět na “Programování a tvorba webu”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 4 hosti