Jak udělat tuto html stránku ?

xRandomx · Příspěvekod **xRandomx** » 18 úno 2014 16:57

Dobrý den, potřebuji udělat html stránku, kde bude pozadí (tam si dám obrázek) a na tom pozadí 4 obrázky a každý z těch obrázků bude odkaz, po kliknutí na jakýkoliv obrázek se dostane znova na stránku s pozadím, kde bude text a poté tabulka, která bude mít dva sloupce, nevíte jak to udělat ?

má to být na jedné wordpress stránce, kde bude odkaz na mojedoména/ten_odkaz_html

Reklama

faraon · Příspěvekod **faraon** » 18 úno 2014 17:08

Úplně jednoduše:

index.html:

Kód: Vybrat vše

<html>
  <body background="pozadi.jpg">
    <a href="odkaz.html"><img src="obr-1.jpg"></a>
    <a href="odkaz.html"><img src="obr-2.jpg"></a>
    <a href="odkaz.html"><img src="obr-3.jpg"></a>
    <a href="odkaz.html"><img src="obr-4.jpg"></a>
  </body>
</html>

odkaz.html:

Kód: Vybrat vše

<html>
  <body background="pozadi.jpg">
    <p>text</p>
    <table>
      <tr>
        <td>první sloupec
        <td>druhý sloupec
    </table>
  </body>
</html>

xRandomx · Příspěvekod **xRandomx** » 18 úno 2014 17:11

dobře, a jak udělat, aby bylo u té tabulky více řádků, dva sloupce a nevím kolik řádků....?

Příspěvekod **El Diablo** » 18 úno 2014 17:13

http://www.jakpsatweb.cz/tabulky.html

xRandomx · Příspěvekod **xRandomx** » 18 úno 2014 17:13

plus na ten obrázek s odkazem chci použít tento kód

<a href="http://www.klikzone.cz/javascript/ukazky/zmena-obrazku-po-najeti-mysi.php"
onMouseOver="self.document['obrazek'].src='obrazky/cerveny.gif';"
onMouseOut="self.document['obrazek'].src='obrazky/zluty.gif';">
<img name="obrazek" src="obrazky/zluty.gif" border="0">
</a>

nebo mi napište jinou možnost, aby se ten obrázek s odkazem po najetí myši jakoby označil...

faraon · Příspěvekod **faraon** » 18 úno 2014 17:15

Myslíš jako víceřádkovou tabulku?

odkaz.html:

Kód: Vybrat vše

<html>
  <body background="pozadi.jpg">
    <p>text</p>
    <table>
      <tr>
        <td>první sloupec
        <td>druhý sloupec
      </tr>
      <tr>
        <td>první sloupec
        <td>druhý sloupec
      </tr>
      <tr>
        <td>první sloupec
        <td>druhý sloupec
      </tr>
    </table>
  </body>
</html>

[/quote]
Tag TR neboli Table Row vytváří další řádek buněk označených TD.

Jestli potřebuješ sousedící buňky spojit do jedné větší, jde to v řádku parametrem colspan="počet" a ve sloupci parametrem rowspan="počet".
Ale bacha na to že ty další buňky překryté tou spojenou musíš pak v kódu vynechat ;-)

xRandomx · Příspěvekod **xRandomx** » 18 úno 2014 17:26

A co s tím obrázkem a kódem ? radši bych šel na skype :)

faraon · Příspěvekod **faraon** » 18 úno 2014 17:36

Skype nevedu, žádný shitware od M$ mi nesmí do počítače!
Na onmouseover a další se podívej sem: http://www.jakpsatweb.cz/javascript/udalosti.html

xRandomx · Příspěvekod **xRandomx** » 18 úno 2014 18:12

A jak by měla vypadat ta první stránka i se strukturou, ta druhá taky ?

iTerminator · Příspěvekod **iTerminator** » 18 úno 2014 21:09

Mám dojem, že ti napověděli docela slušně, nemysli si, že členové fora za tebe odvedou celou práci, nakopli tě správným směrem, zkus ten problém vyřešit sám a uvidíš, že budeš rád.

CZechBoY · Příspěvekod **CZechBoY** » 18 úno 2014 21:34

Už ti to tu faraon napsal dvakrát, potřebuješ snad někoho, kdo za tebou dojede, zmáčkne ctrl+c, ctrl+v (aneb tvorba referátů v čr)?
Ten hover udělej přes css.

Jak udělat tuto html stránku ?

Jak udělat tuto html stránku ?

Re: Jak udělat tuto html stránku ?

Re: Jak udělat tuto html stránku ?

Re: Jak udělat tuto html stránku ?

Re: Jak udělat tuto html stránku ?

Re: Jak udělat tuto html stránku ?

Re: Jak udělat tuto html stránku ?

Re: Jak udělat tuto html stránku ?

Re: Jak udělat tuto html stránku ?

Re: Jak udělat tuto html stránku ?

Re: Jak udělat tuto html stránku ?

Kdo je online