HTML - Text po obrázku se zarovnává podle obrázku

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Uživatelský avatar
lukas.sei
Level 4
Level 4
Příspěvky: 1074
Registrován: leden 13
Pohlaví: Muž
Stav:
Offline

HTML - Text po obrázku se zarovnává podle obrázku

Příspěvekod lukas.sei » 07 led 2016 18:39

Čaute,
Tohle je další moje téma kde potřebuji pomoct s HTML.
Teď potřebuji pomoct s tímhle:
zarovnání.PNG

Jak vidíte text se mi po obrázku zobrazuje u dolního rohu toho obrázku. Ale já bych potřeboval aby text pokračoval uprostřed toho obrázku. Prostě tak jak je ta šipka na tom obrázku.
Předem vám děkuji.
Můj kód:

Kód: Vybrat vše

<!DOCTYPE HTML>

<HTML lang="cs-cz">
        <head>
                <meta charset="utf-8" />
                <title>První Stránka</title>
               
                <style>
                     p    {text-indent: 30px; margin: 20px;}
                   
                     body {background-image: URL('pozadi2.png'); background-attachment: fixed; background-color: #ffff99; color: black; }
                     #hlavicka{background-image: url('pozadi.jpg');background-repeat: repeat-x;border: 1px solid #b3cbcb ;box-shadow: 2px 2px 7px #b3cbcb;display: block;height: 150px; /* výška divu */width: 100%; /* 100% - přes celou šířku */}
                     
                     .ne-tlacitko {background: none; color: #D62988; padding: 0; border: 0; text-decoration: underline; cursor: pointer; font: inherit;}
                </style>
               
        </head>                                                           
                     
        <body>
                     
                      <div id="hlavicka">                           
                      <img src="logo.jpg">
                      <a href="file:///C:/Users/BusterCZE/Desktop/WEB/fotoalbum.html" class="ne-tlacitko"><font size="5"><b>odkaz</b></font></a>   
                           
                      </div>
        </body>
</HTML>

Prosím o co nejrychlejší odpověď.

Reklama
Denis V.
Level 3.5
Level 3.5
Příspěvky: 992
Registrován: květen 13
Pohlaví: Muž
Stav:
Offline

Re: HTML - Text po obrázku se zarovnává podle obrázku

Příspěvekod Denis V. » 07 led 2016 18:50

U obrázku odstraň display: block;

Uživatelský avatar
x-rated
Level 5
Level 5
Příspěvky: 2124
Registrován: říjen 14
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: HTML - Text po obrázku se zarovnává podle obrázku

Příspěvekod x-rated » 07 led 2016 18:51

tak tomu odkazu dáš line-height se stejnou hodnotou, jako je vejška obrázku
9900K / G.Skill 32GB@4 GHz / MXI Formula / RTX 2080 Ti / Sabrent 4 TB NVMe / X-Fi THD / HD660S / G403 / G815 / UP2715K 5K IPS / HX1000i / Define R6 / EKWB full

Uživatelský avatar
lukas.sei
Level 4
Level 4
Příspěvky: 1074
Registrován: leden 13
Pohlaví: Muž
Stav:
Offline

Re: HTML - Text po obrázku se zarovnává podle obrázku

Příspěvekod lukas.sei » 07 led 2016 19:02

denis> nic takového u toho obrázku nemám
x-rated: Mohl bys mi poslat kod jak to myslíš ?

Uživatelský avatar
x-rated
Level 5
Level 5
Příspěvky: 2124
Registrován: říjen 14
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: HTML - Text po obrázku se zarovnává podle obrázku

Příspěvekod x-rated » 07 led 2016 19:10

line-height: Xpx;
kde X je vejška obrázku
9900K / G.Skill 32GB@4 GHz / MXI Formula / RTX 2080 Ti / Sabrent 4 TB NVMe / X-Fi THD / HD660S / G403 / G815 / UP2715K 5K IPS / HX1000i / Define R6 / EKWB full


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Problémy v síti na obrázku - proč nemůžou počítače komunikovat mezi sebou Příloha(y)
    od zuzana3 » 25 pro 2024 20:33 » v Administrace sítě
    7
    4829
    od zuzana3 Zobrazit poslední příspěvek
    25 pro 2024 22:23
  • Výběr PC podle her Příloha(y)
    od buripe » 13 pro 2024 16:16 » v Rady s výběrem hw a sestavením PC
    6
    1884
    od buripe Zobrazit poslední příspěvek
    15 pro 2024 18:21
  • Která PC sestava je podle vás nejlepší? Příloha(y)
    od Rhadley » 04 lis 2024 16:34 » v Rady s výběrem hw a sestavením PC
    4
    1780
    od Kminek Zobrazit poslední příspěvek
    05 lis 2024 09:03
  • HTML editor
    od BigSandy » 21 led 2025 09:51 » v Programy ke stažení
    3
    12230
    od pcmaker Zobrazit poslední příspěvek
    03 úno 2025 09:00
  • Rozdělení sítě na podsítě, výpočet podsítí podle počtu hostů Příloha(y)
    od zuzana3 » 27 pro 2024 08:09 » v Administrace sítě
    12
    4717
    od petr22 Zobrazit poslední příspěvek
    27 pro 2024 12:29

Zpět na “Programování a tvorba webu”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 2 hosti