Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
Ladislav Viktorin:25.6.2017 14:40

Dobry den, prosim muze mi nekdo poradit jak vlozim do jednptlivich bunek obrazky? TEDY DO <td>.

 
Odpovědět
25.6.2017 14:40
Avatar
Jakub Klindera:25.6.2017 14:44
<td><img src="obrazek.png"></td>

Poté si to už jen nastyluješ tak, jak potřebuješ.

 
Nahoru Odpovědět
25.6.2017 14:44
Avatar
Odpovídá na Jakub Klindera
Ladislav Viktorin:25.6.2017 15:00

Ten obrazek musi byt ve formatu png?

 
Nahoru Odpovědět
25.6.2017 15:00
Avatar
Odpovídá na Ladislav Viktorin
Jakub Klindera:25.6.2017 15:01

Nemusí, můžu to být libovolný formát obrázku, to byl jen příklad. Popřípadě pošli celý kód.

 
Nahoru Odpovědět
25.6.2017 15:01
Avatar
Ladislav Viktorin:25.6.2017 15:03
<!DOCTYPE html>
 <head>
         <title>Untitled</title>
         <meta charset="UTF-8"/>
         <link rel="stylesheet" href="" type="text/css"/>
 </head>
        <style>

</style>
<table border="0px" colspan="1px">
<body>
          <tr bgcolor="blue">
                <td>Hornik</td>
                <td>2 Hornici</td>
                <td align="right">4 Hornici</td>
    </tr>
            <tr>
                 <td bgcolor="green">Bagr</td>
                 <td>2 Bagry</td>
                 <td>Tezebni stor</td>
      </tr>
</body>
</table>
 </html>
:-)
 
Nahoru Odpovědět
25.6.2017 15:03
Avatar
00
Člen
Avatar
00:25.6.2017 15:19

Takto samozřejmě můžete do <td> vkládat i jiné prvky (video, jinou tabulku, ...). Ukázka mi už trochu připomíná tabulkový layout. Tady by se hodily spíše divy. Také byste neměl moc používat stylování přes HTML (border, colspan, bgcolor, align, ...). Je pak poněkud těžké se takového zvyku zbavit. Doporučuji zdejší tutoriály o CSS (a ta značka <link> v hlavičce asi odkazuje "kamsi").

 
Nahoru Odpovědět
25.6.2017 15:19
Avatar
Odpovídá na Ladislav Viktorin
Ladislav Viktorin:25.6.2017 15:20

Tak jsem to skusil, ale atejne se mi ten obrazek neukazuje :-(

 
Nahoru Odpovědět
25.6.2017 15:20
Avatar
00
Člen
Avatar
00:25.6.2017 15:20

Také máte <body> v <table>. To pravděpodobně nebude některým prohlížečům dělat dobře.

 
Nahoru Odpovědět
25.6.2017 15:20
Avatar
00
Člen
Avatar
00:25.6.2017 15:21

Jakou máte adresu obrázku a kde je uložen?

 
Nahoru Odpovědět
25.6.2017 15:21
Avatar
Odpovídá na 00
Ladislav Viktorin:25.6.2017 15:22

Dobre opravim to s pouzitim divu a pak uvidím. Jinak to mam ulozene na hostingu index i obrazek.

 
Nahoru Odpovědět
25.6.2017 15:22
Avatar
00
Člen
Avatar
00:25.6.2017 15:24

Jakou máte adresu stránek? Podívám se na to.

 
Nahoru Odpovědět
25.6.2017 15:24
Avatar
Odpovídá na 00
Ladislav Viktorin:25.6.2017 16:04

mujwebmujweb.8u.cz

 
Nahoru Odpovědět
25.6.2017 16:04
Avatar
Václav Podubecký:25.6.2017 17:06

Ještě vidím ukončovací tag HTML ale ne otevírací.

Nahoru Odpovědět
25.6.2017 17:06
Cesta k poznání je sama o sobě cílem.
Avatar
Ladislav Viktorin:25.6.2017 18:34

Jo taky jsem si toho vsiml, kdyz jsem to po sobe zpetne cetl (asi bych si to po sobe mel cist i v editoru). Jinak ten kod momentalne vyada tekhle (nazev souboru:index.php):

<?php>
<!DOCTYPE html>
 <head>
         <title>Untitled</title>
         <meta charset="UTF-8"/>
         <link rel="stylesheet" href="" type="text/css"/>
 </head>
        <style>

</style>
<table border="0px" colspan="1px">
<body>
          <tr>
                <td img src="miner.jpg">Hornik</td>
                <td>2 Hornici</td>
                <td align="right">4 Hornici</td>
    </tr>
            <tr>
                 <td>Bagr</td>
                 <td>2 Bagry</td>
                 <td>Tezebni stor</td>
      </tr>
</body>
</table>
 </html>
?>

Ale stejne to mefunguje a na trance mi vyzkakuje hlaska: http error 500.

 
Nahoru Odpovědět
25.6.2017 18:34
Avatar
Odpovídá na Ladislav Viktorin
Ladislav Viktorin:25.6.2017 20:34

Tak jsem to skusil predelat a vniklo z toho tohle
Náhled

Jenze nastala dalsi chyba obrazky se neukazuji vsude jen jeden a jeste k tomu pres celou stranku... Skousim na toprijít, ale uz me z toho hledani boli hlava. :-(
Kdyz tak prímí odkaz na Web

Editováno 25.6.2017 20:35
 
Nahoru Odpovědět
25.6.2017 20:34
Avatar
Jan Troják
Brigádník
Avatar
Jan Troják:25.6.2017 22:01

Zkus toto:

<style>
td a {
width: 100%; height: 100%; display: block
}
</style>
 
Nahoru Odpovědět
25.6.2017 22:01
Avatar
Odpovídá na Jan Troják
Ladislav Viktorin:25.6.2017 22:22

Vykoumal jsem Tohle. Ty obrazky maji byt v bunkach 3x2(3 vedle sebe ve 2 radcích). Porad nevim kde delam chybu.

 
Nahoru Odpovědět
25.6.2017 22:22
Avatar
Jan Troják
Brigádník
Avatar
Odpovídá na Ladislav Viktorin
Jan Troják:26.6.2017 7:02

A nebo to nastilovat jako pozadí

 
Nahoru Odpovědět
26.6.2017 7:02
Avatar
00
Člen
Avatar
00:26.6.2017 12:53

Nějak tam visí <style> mimo <head> a <div> mimo <body>.

Špatně:

<!DOCTYPE html>
<html>
        <head>
         <title>Untitled</title>
        </head>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"

        <style>
.kontejner {
              border: 1px;
              width: 100%;
              height: 100%;
}

</style>
         <div class="kontejner">
<body>
        <table border="0px">
<tr>
<td>Horník<img src="miner.png";></td>
<td>Hornik2<img src="miner.png"></td>
<td>Hornik4<img src="miner.png"></td>
</tr>
<tr>
<td>Bagr<img src="miner.png"></td>
<td>Bagr2<img src="miner.png"></td>
<td>Stroj<img src="miner.png"></td>
</tr>
    </table>
        <div ><div class="souhrn"><div class="eq"><i>„Proti hluposti se bojovat musí, ale vyhrát se nedá!“ </i>Jan Werich</div></div></div></body>
         </div>
</html>

Opraveno (snad).

<!DOCTYPE html>
<html>
        <head>
         <title>Untitled</title>
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

        <style>
.kontejner {
              border: 1px;
              width: 100%;
              height: 100%;
}

</style>
        </head>
<body>
         <div class="kontejner">
        <table border="0px">
<tr>
<td>Horník<img src="miner.png";></td>
<td>Hornik2<img src="miner.png"></td>
<td>Hornik4<img src="miner.png"></td>
</tr>
<tr>
<td>Bagr<img src="miner.png"></td>
<td>Bagr2<img src="miner.png"></td>
<td>Stroj<img src="miner.png"></td>
</tr>
    </table>
        <div ><div class="souhrn"><div class="eq"><i>„Proti hluposti se bojovat musí, ale vyhrát se nedá!“ </i>Jan Werich</div></div></div>
         </div>
</body>
</html>
 
Nahoru Odpovědět
26.6.2017 12:53
Avatar
gorri
Člen
Avatar
Odpovídá na Ladislav Viktorin
gorri:26.6.2017 13:24

A co takhle?

<img src="obrazek.png" alt ="" class="obrazek">

A v CSS

.obrazek {
Atributy
}
Nahoru Odpovědět
26.6.2017 13:24
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
Odpovídá na gorri
Ladislav Viktorin:26.6.2017 14:45

Tak uz jsem to opravil jak sem jen moh, ale ted nevim jak zmensit ty obrazky a vycentrovat na stred Odkaz

 
Nahoru Odpovědět
26.6.2017 14:45
Avatar
gorri
Člen
Avatar
Odpovídá na Ladislav Viktorin
gorri:26.6.2017 17:02

A jak to mas napsane. Posli odkaz

Nahoru Odpovědět
26.6.2017 17:02
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
gorri
Člen
Avatar
Odpovídá na Ladislav Viktorin
gorri:26.6.2017 17:19

Pošlu ti co přesně máš udělat, aby jsi dosáhnul toho, že budeš mít obrázky na středu.
Chvíli to zabere, tak vydrž.

Nahoru Odpovědět
26.6.2017 17:19
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
gorri
Člen
Avatar
gorri:26.6.2017 17:28

Budeš to mít na středu toho divu.

.narrowculomn {
width: 98%;
max-width: 450px;
padding: 1%;
display: block;
margin: 2% auto !important;
}
a img {
    border: none;
    display: block;
    margin: 0 auto;
}

Tohle ti bude fungovat. Jen bych zvážil změnu. WP bych asi nepoužil ;-)

Nahoru Odpovědět
26.6.2017 17:28
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
gorri
Člen
Avatar
Odpovídá na Ladislav Viktorin
gorri:26.6.2017 20:26

Uz jsem se dival. To jsou ti trpaslici?
Predtim jsem videl nejake plavani

Nahoru Odpovědět
26.6.2017 20:26
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
gorri
Člen
Avatar
Odpovídá na Ladislav Viktorin
gorri:26.6.2017 20:45

Jestli je to ono tak ti pak poslu reseni. Primo pro tebe. Teda pokud to nemas jeste vyresene.

Nahoru Odpovědět
26.6.2017 20:45
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
Odpovídá na gorri
Ladislav Viktorin:26.6.2017 20:45

ano jsou to ti trpasličí...

 
Nahoru Odpovědět
26.6.2017 20:45
Avatar
Odpovídá na gorri
Ladislav Viktorin:26.6.2017 20:46

mám to tak trochu vyřešené, ale rád si nechám poradit. :-)

 
Nahoru Odpovědět
26.6.2017 20:46
Avatar
gorri
Člen
Avatar
Odpovídá na Ladislav Viktorin
gorri:26.6.2017 20:51

Ok. Tak za hodku se k tomu dostanu

Nahoru Odpovědět
26.6.2017 20:51
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
Odpovídá na gorri
Ladislav Viktorin:26.6.2017 21:09

dobře....díky jsem rád za pomoc

 
Nahoru Odpovědět
26.6.2017 21:09
Avatar
gorri
Člen
Avatar
gorri:26.6.2017 21:17

Tak tady to je. Tabulky uz se dlooouho nepouzivaji :-)
Tohle si vlozis do souboru .css

body {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    background: red;
}
.blokstrpasliky {
    width: 100%;
    max-width: 1000px;
    display: block;
    margin: 5% auto;
}
.trpaslici {
    width: 33.33%;
    float: left;
    background: white;
}
.trpaslici img {
    width: 80%;
    display: block;
    margin: 1% auto;
    background: url('http://mujwebmujweb.8u.cz/miner.png') no-repeat center center;
    height: auto;
}
.trpaslici p {
    text-align: center;
    font-size: 1.1em;
    margin: 0;
}

A tohle do HTML stranky (nebo php ci kde to vkladas

<body>
<head>
    <link rel="stylesheet" href="style.css" type="text/css">
    <title>Trpaslici</title>
</head>
<div class="blokstrpasliky">
<div class="trpaslici">
    <p>Hornik 1</p>
    <img src="trpaslik">
    </div>
    <div class="trpaslici">
    <p>Hornik 1</p>
    <img src="trpaslik">
    </div>
    <div class="trpaslici">
    <p>Hornik 1</p>
    <img src="trpaslik">
    </div>
    <div class="trpaslici">
    <p>Hornik 1</p>
    <img src="trpaslik">
    </div>
    <div class="trpaslici">
    <p>Hornik 1</p>
    <img src="trpaslik">
    </div>
    <div class="trpaslici">
    <p>Hornik 1</p>
    <img src="trpaslik">
    </div>
</div>
</body>

Tohle by ti melo pomoci dostat se spravnym smerem. Kdyby neco tak pis. ;-)
Dej vedet jestli jsi to pochopil :-)

Nahoru Odpovědět
26.6.2017 21:17
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
gorri
Člen
Avatar
Odpovídá na Ladislav Viktorin
gorri:26.6.2017 21:17

Mas to tady :-)

Nahoru Odpovědět
26.6.2017 21:17
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
gorri
Člen
Avatar
gorri:26.6.2017 21:24

Promin. Chyba. :-D
Tohle dej do html souboru

<body>
<head>
    <link rel="stylesheet" href="style.css" type="text/css">
    <title>Trpaslici</title>
</head>
<div class="blokstrpasliky">
<div class="trpaslici">
    <p>Hornik 1</p>
    <img src="http://mujwebmujweb.8u.cz/miner.png">
    </div>
    <div class="trpaslici">
    <p>Hornik 1</p>
    <img src="http://mujwebmujweb.8u.cz/miner.png">
    </div>
    <div class="trpaslici">
    <p>Hornik 1</p>
    <img src="http://mujwebmujweb.8u.cz/miner.png">
    </div>
    <div class="trpaslici">
    <p>Hornik 1</p>
    <img src="http://mujwebmujweb.8u.cz/miner.png">
    </div>
    <div class="trpaslici">
    <p>Hornik 1</p>
    <img src="http://mujwebmujweb.8u.cz/miner.png">
    </div>
    <div class="trpaslici">
    <p>Hornik 1</p>
    <img src="http://mujwebmujweb.8u.cz/miner.png">
    </div>
</div>
</body>

a tohle do css souboru

body {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    background: red;
}
.blokstrpasliky {
    width: 100%;
    max-width: 1000px;
    display: block;
    margin: 5% auto;
}
.trpaslici {
    width: 33.33%;
    float: left;
    background: white;
}
.trpaslici img {
    width: 50%;
    display: block;
    margin: 1% auto;
    height: auto;
}
.trpaslici p {
    text-align: center;
    font-size: 1.1em;
    margin: 0;
}
Nahoru Odpovědět
26.6.2017 21:24
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
gorri
Člen
Avatar
Odpovídá na Ladislav Viktorin
gorri:26.6.2017 21:24

Udelal jsem chybu. Ted uz je to OK. Zkopiruj si to posledni co jsem ti napsal....
Promin

Nahoru Odpovědět
26.6.2017 21:24
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
Odpovídá na gorri
Ladislav Viktorin:26.6.2017 21:26

diky. jinak mam dva soubory a to "index.php a obrazek.png" takze vsechno dam do toho souboru index...nevadi ze v nazvu mam soubor.<b>php</b>?

 
Nahoru Odpovědět
26.6.2017 21:26
Avatar
gorri
Člen
Avatar
Odpovídá na Ladislav Viktorin
gorri:26.6.2017 21:27

Klidne t odej do index.php ale co se tyka toho stylu, tak si vytvor soubor "style.css" a do toho dej to co ma byt v CSS souboru. Je to tak lepsi.

Nahoru Odpovědět
26.6.2017 21:27
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
Odpovídá na gorri
Ladislav Viktorin:26.6.2017 22:29

Diky je to fakt krasny oproti tomu mému bordelu, ale nevis proc kdyz do casti v css :
.trpaslici {
atributy
}
pridam atribut "border: 1px solid black", tak se mi obrazky zmeni z formace (Š/V) 3X2 NA 2X3?

 
Nahoru Odpovědět
26.6.2017 22:29
Avatar
gorri
Člen
Avatar
Odpovídá na Ladislav Viktorin
gorri:26.6.2017 22:32

Protoze je to nastavene tak aby to bralo 33.33% šířky ze 100%. Když napíšeš 32.33% tak se ti dají zase vedle sebe. Border zabírá minimálně 1px. A díky tomu se už nemohou vlézt 3 vedle sebe. Vím, že je to přehlednější. A hlavně CSS je lepší než tabulky :-)
Není zač :-)

Nahoru Odpovědět
26.6.2017 22:32
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
gorri
Člen
Avatar
Odpovídá na Ladislav Viktorin
gorri:26.6.2017 23:17

Pomohlo ti to řešení nebo potřebuješ kdyžtak ještě s něčím pomoct?

Nahoru Odpovědět
26.6.2017 23:17
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
Odpovídá na gorri
Ladislav Viktorin:26.6.2017 23:30

Zatim je to v poho diky...ted si trochu hraju a snazim se tam davat dalsi kody... dik za nasmerování nechci te otravovat kvuli kazde blbosti.

 
Nahoru Odpovědět
26.6.2017 23:30
Avatar
gorri
Člen
Avatar
Odpovídá na Ladislav Viktorin
gorri:26.6.2017 23:31

OK. Kdyžtak to označ jako vyřešené ;-)
Každopádně jsem se díval na to co tvoříš.
Nejspíše by ti neuškodilo pročíst si pár tutoriálů ;-)
Konkrétně prozatím toto https://www.itnetwork.cz/html-css

Akceptované řešení
+20 Zkušeností
Řešení problému
Nahoru Odpovědět
26.6.2017 23:31
Když vím, tak poradím. Nikdo neví všechno :-)
Avatar
Ladislav Viktorin:26.6.2017 23:50

Ja si ty tutoriali cetl, ale jsem ten typ co se uci praxi a ne teorii.

 
Nahoru Odpovědět
26.6.2017 23:50
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 43 zpráv z 43.