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

Odpovědět
Uživatelský avatar
lukas.sei
Level 4
Level 4
Příspěvky: 1074
Registrován: 14 led 2013 11:02

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

Příspěvek od lukas.sei »

Č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ěď.
Denis V.
Level 3.5
Level 3.5
Příspěvky: 992
Registrován: 01 kvě 2013 10:50

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

Příspěvek od Denis V. »

U obrázku odstraň display: block;
x-rated
Level 5
Level 5
Příspěvky: 2124
Registrován: 27 říj 2014 18:19
Bydliště: Praha
Kontaktovat uživatele:

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

Příspěvek od x-rated »

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: 14 led 2013 11:02

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

Příspěvek od lukas.sei »

denis> nic takového u toho obrázku nemám
x-rated: Mohl bys mi poslat kod jak to myslíš ?
x-rated
Level 5
Level 5
Příspěvky: 2124
Registrován: 27 říj 2014 18:19
Bydliště: Praha
Kontaktovat uživatele:

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

Příspěvek od x-rated »

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
Odpovědět
  • Podobná témata
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Problémy v síti na obrázku - proč nemůžou počítače komunikovat mezi sebou
    od zuzana3 » » v Administrace sítě
    7 Odpovědi
    14517 Zobrazení
    Poslední příspěvek od zuzana3
  • Výběr PC podle her
    od buripe » » v Rady s výběrem hw a sestavením PC
    6 Odpovědi
    6130 Zobrazení
    Poslední příspěvek od buripe
  • HTML editor
    od BigSandy » » v Programy ke stažení
    3 Odpovědi
    15249 Zobrazení
    Poslední příspěvek od pcmaker
  • Rozdělení sítě na podsítě, výpočet podsítí podle počtu hostů
    od zuzana3 » » v Administrace sítě
    12 Odpovědi
    14595 Zobrazení
    Poslední příspěvek od petr22
  • Kdo umí číst kód HTML? Doladit jednu podmínku.
    od Minapark » » v Programování a tvorba webu
    22 Odpovědi
    17719 Zobrazení
    Poslední příspěvek od Minapark

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