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]

Předmět	Autor	Datum
Mohl bys tu vložit ten kód, který ti ten rozestup dělá. Bude se líp dohledávat v čem to je. josephino 05.07.2006 19:29	josephino	05.07.2006 19:29
Jakej kód? Myslíš té stránky? Já nevím jakej kód mi dělá rozestup.. Obrázek na odkaz a potom shoutbo… T.I.P 05.07.2006 19:35	T.I.P	05.07.2006 19:35
já teda nejsem hatmatilkový odborník, ale iframem bych to teda neřešil. Co tak použít kaskádový styl… touchwood 05.07.2006 19:51	touchwood	05.07.2006 19:51
No moc jsem to nepochopil.. "Nalepovat" to tam by byla úplná piplačka, to se mi teda dělat nechce :-… T.I.P 05.07.2006 20:10	T.I.P	05.07.2006 20:10
T.I.P.e, přestaň psát blbosti, nebo na tebe vletím a zlomím ti ručičku. :-D Co to je kaskádový styl… karel 05.07.2006 20:15	karel	05.07.2006 20:15
T.I.P.e, přestaň psát blbosti, nebo na tebe vletím a zlomím ti ručičku. Dej mi vědět až poletíš ;-… josephino 05.07.2006 20:55	josephino	05.07.2006 20:55
Jo, pro mě se taky cestou stav...:-D Remca 06.07.2006 00:09	Remca	06.07.2006 00:09
Vloz sem zdrojovy kod te stranky nebo aspon odkaz na ni. Ynd0r 05.07.2006 20:12	Ynd0r	05.07.2006 20:12
Nerozumím otázce, nechápu souvislosti!!! :-?:-?:-? host 05.07.2006 20:18	host	05.07.2006 20:18
<!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
Jí tomu nerozumím. Věděl jsem že bude na ten kód kritika! Takže všude to BR mám vymazat? To c tom Op… T.I.P 05.07.2006 21:05	T.I.P	05.07.2006 21:05
Když chceš dělat www stránky, tak si o tom nejdřív něco přečti. Jeden <BR> "odentruje" na další řád… host 05.07.2006 21:08	host	05.07.2006 21:08
No ale já tam chci prázný řádek mezi těma obrázkama! T.I.P 05.07.2006 21:09	T.I.P	05.07.2006 21:09
Tak teda nechápu, co vlastně chceš. host 05.07.2006 21:11	host	05.07.2006 21:11
nechci mít všechny ty odkazy namačkaný na sebe! Chápeš? Chsi to mít trochu uspořádaný! A zároveň chc… T.I.P 05.07.2006 21:14	T.I.P	05.07.2006 21:14
Tak je uspořádej pomocí CSS - vlastnost margin. Nebo schůdné řešení pro začátečníky uspořádat je do… host 05.07.2006 21:19	host	05.07.2006 21:19
Už nevím jak ti t mám vysvětlit... x4on.gif T.I.P 06.07.2006 08:15	T.I.P	06.07.2006 08:15
...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
Ne. host 05.07.2006 21:19	host	05.07.2006 21:19
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
Podívám se... T.I.P 06.07.2006 08:16	T.I.P	06.07.2006 08:16
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… 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… 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
Psát dotazy... host 05.07.2006 22:24	host	05.07.2006 22:24
s tím mu, řekl bych, pomáhá maminka :-D já mám jen takový nepříjemný pocit, že z TIPa nám pomalu al… touchwood 05.07.2006 22:45	touchwood	05.07.2006 22:45
že z TIPa nám pomalu ale jistě vyrůstá druhý Mirek.. Třeba i stejně dopadne... Ale nepředbíhejme ud… host 05.07.2006 23:19	host	05.07.2006 23:19
To snad ne? To byl omezenej, zákeřnej bonzák :x: ancer 06.07.2006 13:47	ancer	06.07.2006 13:47
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ž… Kráťa 07.07.2006 01:50	Kráťa	07.07.2006 01:50
Dobře, tak pozor, já mu to fakt řeknu...: T.I.P.e, nauč se pozicování v CSS a můžeš ladit oboumama :… Pavel 06.07.2006 14:04	Pavel	06.07.2006 14:04
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
Dík - zkusím. T.I.P 06.07.2006 08:16	T.I.P	06.07.2006 08:16
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ší… 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... 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. 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… Kráťa 06.07.2006 14:47	Kráťa	06.07.2006 14:47

Mohl bys tu vložit ten kód, který ti ten rozestup dělá. Bude se líp dohledávat v čem to je.

Jakej kód? Myslíš té stránky? Já nevím jakej kód mi dělá rozestup.. Obrázek na odkaz a potom shoutboard od blueboardu...

já teda nejsem hatmatilkový odborník, ale iframem bych to teda neřešil. Co tak použít kaskádový styl a obrázek "nalepit" na požadované místo a nechat text kolem něj normálně obtékat?

No moc jsem to nepochopil.. "Nalepovat" to tam by byla úplná piplačka, to se mi teda dělat nechce A co je to kaskádový styl?

T.I.P.e, přestaň psát blbosti, nebo na tebe vletím a zlomím ti ručičku.
Co to je kaskádový styl se snad dá zjistit bez dotazů v Poradně. Proč se vždy zaměříš na to, na co nestačíš? Stejně tě to za deset minut přestane bavit a budeš to chtít smazat.

T.I.P.e, přestaň psát blbosti, nebo na tebe vletím a zlomím ti ručičku.

Dej mi vědět až poletíš

Jo, pro mě se taky cestou stav...

Vloz sem zdrojovy kod te stranky nebo aspon odkaz na ni.

Nerozumím otázce, nechápu souvislosti!!!

<!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.

Jí tomu nerozumím. Věděl jsem že bude na ten kód kritika! Takže všude to BR mám vymazat? To c tom Open Office jsem to jen zkusil jinak mám NVU..

Když chceš dělat www stránky, tak si o tom nejdřív něco přečti.

Jeden <BR> "odentruje" na další řádek, druhé <BR> už vloží prázdný řádek. Takže to jedno musíš smazat.

No ale já tam chci prázný řádek mezi těma obrázkama!

Tak teda nechápu, co vlastně chceš.

nechci mít všechny ty odkazy namačkaný na sebe! Chápeš? Chsi to mít trochu uspořádaný! A zároveň chci vyřešit můj problém... (S tím shoutboardem)

Tak je uspořádej pomocí CSS - vlastnost margin. Nebo schůdné řešení pro začátečníky uspořádat je do tabulky, jak radil josephino a nastavit padding a spacing.

Problém se shoutboardem jsem stále nepochopil.

Už nevím jak ti t mám vysvětlit... x4on.gif

...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?

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?

Podívám se...

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

Psát dotazy...

s tím mu, řekl bych, pomáhá maminka

já mám jen takový nepříjemný pocit, že z TIPa nám pomalu ale jistě vyrůstá druhý Mirek..

že z TIPa nám pomalu ale jistě vyrůstá druhý Mirek..

Třeba i stejně dopadne... Ale nepředbíhejme událostem.

To snad ne? To byl omezenej, zákeřnej bonzák

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.

Dobře, tak pozor, já mu to fakt řeknu...: T.I.P.e, nauč se pozicování v CSS a můžeš ladit oboumama rukama, jo a je to tak asi stokrát jednodušší než nevím co, na to se zeptej Jeníčka.

Pavel

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.

Dík - zkusím.

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