Jak na obrázek v HTML?

Ahoj, vím že je to asi blbý dotaz, ale nejde mi vyřešit (jestli jde)

Když tvořím stránku v HTML a chi aby byl velký obrázek za malým, tak je tam velká mezera. Nevím jak to vysbětlit tak jsem radši namaloval na rychlovku obrázek: obr4uu.png

Ty malé čtverečky znázorňují jako tlačítka na jiné stránky a ten velký třeba anketu... Ta mezera mi tam velice vadí. Jde s tím něco dělat? Díky...

Edit: Teď čtu na jakpsatweb něco o iframe, ale nějak mě to nejde

[mod]Upraven nadpis, původně Jak na obrázek (josephino)[/mod]

Jsou zobrazeny jen nové odpovědi. Zobrazit všechny

Předmět	Autor	Datum
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="CONTE… T.I.P 05.07.2006 20:49	T.I.P	05.07.2006 20:49
Generátor Open Office - to myslíš vážně? :-? Jednotku cm jsem v CSS ještě neviděl. Když máš mezi tla… host 05.07.2006 21:02	host	05.07.2006 21:02
...a na 18. řádku se <!-- BLUEBOARD SHOUTBOARD KONEC --> asi taky jenom zatoulalo :-) Ale abych jen… josephino 05.07.2006 21:07	josephino	05.07.2006 21:07
Tak jak to mám dát do tabulek? To ale ty tabulky budou vidět na webu ne? T.I.P 05.07.2006 21:09	T.I.P	05.07.2006 21:09
tabulky.html btw jsi tady (http://pc.poradna.net/question/view/36983-ma-cenu-s e-ucit-php) před čas… josephino 05.07.2006 21:24	josephino	05.07.2006 21:24
Tabulka pomohla napůl... Jak mám udělat aby byli tlačítka ne jenom uprostřed, ale i tam jak je zelen… T.I.P 06.07.2006 09:34	T.I.P	06.07.2006 09:34
Udelej si jednu tabulku, ktera bude mit dva sloupce a jenom jeden radek - takze bude mit celkem jeno… Ynd0r 06.07.2006 09:46	Ynd0r	06.07.2006 09:46
Díky moc! Už to mám. T.I.P 06.07.2006 11:09	T.I.P	06.07.2006 11:09
První krok do pekla. :-) Tohle možná funguje, ale jestli těch tabulek nenecháš, tak ti z nich v budo… nový Zarniwúp 07.07.2006 00:31	Zarniwúp	07.07.2006 00:31
Neni spatny si nejdriv projit tabulkama... potom aspon oceni, ze to jde i bez nich - a hlavne pochop… nový Ynd0r 07.07.2006 07:44	Ynd0r	07.07.2006 07:44
Přesně z tohoto důvodu jsem taky nahoře radil tabulku. :beer: poslední josephino 07.07.2006 10:26	josephino	07.07.2006 10:26
Rozeberem to zejtra, čau. T.I.P 05.07.2006 21:15	T.I.P	05.07.2006 21:15
T.I.P.e, dokázal ses někdy aspoň jednu věc naučit sám? Pavel Pavel 05.07.2006 22:19	Pavel	05.07.2006 22:19
To je tajemství. :-) karel 05.07.2006 22:29	karel	05.07.2006 22:29
Řekněte mu někdo ať se naučí pozicování v css má to 100x jednodušší a může ladit obouma rukama... Jeníček 05.07.2006 23:04	Jeníček	05.07.2006 23:04
Nemotej T.I.Povi hlavu ještě s CSS, stačí kaskádové styly. Kráťa 06.07.2006 00:04	Kráťa	06.07.2006 00:04
Myslíš jako, že mu stačí C=cascade S=style no a shit už nepotřebuje? Pavel Pavel 06.07.2006 14:02	Pavel	06.07.2006 14:02
Nejlepší je, že původní myšlenka stylopisů pocházela od Járy Cimrmana (Cimrmanův Soupis Stylů), když… nový Kráťa 07.07.2006 01:50	Kráťa	07.07.2006 01:50
Jestli jsem to z toho obrázku pochopil, jak to myslíš, tak by mělo stačit <div style="width: 123px;… Kráťa 06.07.2006 03:58	Kráťa	06.07.2006 03:58
Bohužel tak to asi nepůjde... Toto není normální shout: [x7uh.gif] Něco není v pořádku. T.I.P 06.07.2006 09:01	T.I.P	06.07.2006 09:01
musíš si u toho nadefinovat šířku - width třeba těch 150 px (a to i na bleboardu - tam raději menší… nový Kráťa 06.07.2006 14:16	Kráťa	06.07.2006 14:16
Chápu. Ale proč tam je odkaz na ten Shout? Já ho chtěl na stránce a ne na něj odkazovat... nový T.I.P 06.07.2006 14:27	T.I.P	06.07.2006 14:27
No protože na Blueboardu si vygeneruješ kód, který vložíš do kódu stránky a tys to asi udělal jinak. nový Kráťa 06.07.2006 14:30	Kráťa	06.07.2006 14:30
Co takto? <div style="width: 210px; height: 410px; float: right; border: 1px solid red> <!-- BLUEBO… nový Kráťa 06.07.2006 14:47	Kráťa	06.07.2006 14:47

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
  <head>
    <meta http-equiv="CONTENT-TYPE" content="text/html; charset=windows-1250">
    <title></title>
    <meta name="GENERATOR" content="OpenOffice.org 2.0  (Win32)">
    <meta name="CREATED" content="20060705;18395425">
    <meta name="CHANGED" content="16010101;0">
  </head>
  <body background="images/03_desktop.jpg" dir="ltr" lang="cs-CZ">
    <p style="margin-bottom: 0cm;"><br>
      &nbsp; &nbsp;<img src="images/button1.gif" name="obr&aacute;zky1" align="bottom" border="0" height="52" width="162"><br>
      <br>
      &nbsp;
      &nbsp;<img src="images/button1.gif" name="obr&aacute;zky2" align="bottom" border="0" height="52" width="162"><br>
      <br>
      &nbsp;
      &nbsp;<img src="images/button1.gif" name="obr&aacute;zky3" align="bottom" border="0" height="52" width="162">&nbsp;<!-- BLUEBOARD SHOUTBOARD KONEC -->
    </p>
    <p style="margin-bottom: 0cm;">&nbsp; &nbsp;<img src="images/button1.gif" name="obr&aacute;zky4" align="bottom" border="0" height="52" width="162"><br>
      <br>
      &nbsp;
      &nbsp;<img src="images/button1.gif" name="obr&aacute;zky5" align="bottom" border="0" height="52" width="162"><br>
      <br>
      &nbsp;
      &nbsp;<img src="images/button1.gif" name="obr&aacute;zky6" align="bottom" border="0" height="52" width="162"><br>
      <br>
      &nbsp;
      &nbsp;<img src="images/button1.gif" name="obr&aacute;zky7" align="bottom" border="0" height="52" width="162"></p>
<!-- BLUEBOARD SHOUTBOARD -->
<iframe frameborder="0" scrolling="no" width="150" height="383" src="www.blueboard.cz/shoutboard.php?hid=mi688bm7458jptrjhdr3ine43ijos3">
<a href="www.blueboard.cz/shoutboard.php?hid=mi688bm7458jptrjhdr3ine43ijos3">ShoutBoard od BlueBoard.cz</a>
</iframe>
<!-- BLUEBOARD SHOUTBOARD KONEC -->
  </body>
</html>

[mod]doplnený tag code, odsadený zdrojový kód a vymazané prázdne riadky (los)[/mod]

Generátor Open Office - to myslíš vážně?
Jednotku cm jsem v CSS ještě neviděl.
Když máš mezi tlačítky 2x za sebou odsazení řádku <BR> tak se nediv.

...a na 18. řádku se  asi taky jenom zatoulalo

Ale abych jenom nekafral, kdyby sis ty obrázky dal třeba do tabulky do dvou sloupců, tak tam vlevo to odsazení kvůli obrázku vpravo mít nebudeš. Ovšem pouze se domýšlím co potřebuješ, protože v tom kódu nic zarovnáno nalevo není a tak jsem si vzal pro inspiraci tvou skicu s vysvětlením problému.

Tak jak to mám dát do tabulek? To ale ty tabulky budou vidět na webu ne?

tabulky.html

btw jsi tady (http://pc.poradna.net/question/view/36983-ma-cenu-s e-ucit-php) před časem psal Když sjem se teď naučil HTML co jsi tím myslel?

Tabulka pomohla napůl... Jak mám udělat aby byli tlačítka ne jenom uprostřed, ale i tam jak je zeleně vyznačené prázdné místo... [x5dt.gif]

Udelej si jednu tabulku, ktera bude mit dva sloupce a jenom jeden radek - takze bude mit celkem jenom dve bunky. Pak do ty levy bunky vloz pod sebe vsechny ty cudliky (treba jako dalsi tabulku, ktera bude mit jenom jeden sloupec... nebo jakkoli jinak) a do pravy bunky si dej ten pravej obrazek - kam budes chtit.
Nebo si taky muzes nastudovat atribut ROWSPAN, ale to asi v tomhle pripade neni vhodny.

Díky moc! Už to mám.

První krok do pekla. Tohle možná funguje, ale jestli těch tabulek nenecháš, tak ti z nich v budoucnu hrábne.

Neni spatny si nejdriv projit tabulkama... potom aspon oceni, ze to jde i bez nich - a hlavne pochopi, proc to delat bez nich. Ja myslim, ze v tomhle pripade vubec neskodi mit sirsi kontext.

Přesně z tohoto důvodu jsem taky nahoře radil tabulku.

Rozeberem to zejtra, čau.

T.I.P.e, dokázal ses někdy aspoň jednu věc naučit sám?

Pavel

To je tajemství.

Řekněte mu někdo ať se naučí pozicování v css má to 100x jednodušší a může ladit obouma rukama...

Nemotej T.I.Povi hlavu ještě s CSS, stačí kaskádové styly.

Myslíš jako, že mu stačí C=cascade S=style no a shit už nepotřebuje?

Pavel

Nejlepší je, že původní myšlenka stylopisů pocházela od Járy Cimrmana (Cimrmanův Soupis Stylů), když potřeboval, aby byla jednotná úprava v sešitech s domácími úkoly žáků z různých předmětů. Každý předmět měl svůj vlastní styl (třeba zeměpis se psal perem redis č. 3, nadpisy č. 7 a národoprava se zase psala perem redis č. 2 a nadpisy č. 8).
Na tuto myšlenku si vzpoměli vývojáři a "vynalezli" cascade style, aby mohla být alespoň zachována zkratka CSS.

Jestli jsem to z toho obrázku pochopil, jak to myslíš, tak by mělo stačit

<div style="width: 123px; height: 254px; float: right; border: 1px solid red>
ta tvá anketa, nebo cokoli
</div>

To border: 1px solid red je červený rámeček, abys to při tvorbě viděl, pak jej smažeš. U width a height si upravíš rozměry dle potřeb.

Bohužel tak to asi nepůjde... Toto není normální shout: [x7uh.gif] Něco není v pořádku.

musíš si u toho nadefinovat šířku - width třeba těch 150 px (a to i na bleboardu - tam raději menší o pár px) máš to přes celou šířku monitoru, proto ti to šouplo tlačítka dolů. A proto jsem ti tam prve dal ten rámeček, abys to viděl.

Chápu. Ale proč tam je odkaz na ten Shout? Já ho chtěl na stránce a ne na něj odkazovat...

No protože na Blueboardu si vygeneruješ kód, který vložíš do kódu stránky a tys to asi udělal jinak.

Co takto?

<div style="width: 210px; height: 410px; float: right; border: 1px solid red>

<!-- BLUEBOARD SHOUTBOARD -->
<iframe frameborder="0" scrolling="no" width="200" height="400" src="www.blueboard.cz/shoutboard.php?id=2099">
<a href="www.blueboard.cz/shoutboard.php?id=2099">ShoutBoard od BlueBoard.cz</a>
</iframe>
<!-- BLUEBOARD SHOUTBOARD KONEC -->

</div>

Tohle je vygenerováno na můj účet. Ty si tam samozřejmě musíš dát to své. Ještě, že to nepoužívám

Zpět do poradny Odpovědět na původní otázku Nahoru