Stránka 1 z 1
Jak udělat tuto html stránku ?
Napsal: 18 úno 2014 16:57
od xRandomx
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
Re: Jak udělat tuto html stránku ?
Napsal: 18 úno 2014 17:08
od faraon
Ú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>
Re: Jak udělat tuto html stránku ?
Napsal: 18 úno 2014 17:11
od xRandomx
dobře, a jak udělat, aby bylo u té tabulky více řádků, dva sloupce a nevím kolik řádků....?
Re: Jak udělat tuto html stránku ?
Napsal: 18 úno 2014 17:13
od El Diablo
Re: Jak udělat tuto html stránku ?
Napsal: 18 úno 2014 17:13
od xRandomx
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...
Re: Jak udělat tuto html stránku ?
Napsal: 18 úno 2014 17:15
od faraon
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
Re: Jak udělat tuto html stránku ?
Napsal: 18 úno 2014 17:26
od xRandomx
A co s tím obrázkem a kódem ? radši bych šel na skype :)
Re: Jak udělat tuto html stránku ?
Napsal: 18 úno 2014 17:36
od faraon
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
Re: Jak udělat tuto html stránku ?
Napsal: 18 úno 2014 18:12
od xRandomx
A jak by měla vypadat ta první stránka i se strukturou, ta druhá taky ?
Re: Jak udělat tuto html stránku ?
Napsal: 18 úno 2014 21:09
od iTerminator
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.
Re: Jak udělat tuto html stránku ?
Napsal: 18 úno 2014 21:34
od CZechBoY
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.