Stránka 1 z 1

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

Napsal: 07 led 2016 18:39
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ěď.

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

Napsal: 07 led 2016 18:50
od Denis V.
U obrázku odstraň display: block;

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

Napsal: 07 led 2016 18:51
od x-rated
tak tomu odkazu dáš line-height se stejnou hodnotou, jako je vejška obrázku

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

Napsal: 07 led 2016 19:02
od lukas.sei
denis> nic takového u toho obrázku nemám
x-rated: Mohl bys mi poslat kod jak to myslíš ?

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

Napsal: 07 led 2016 19:10
od x-rated
line-height: Xpx;
kde X je vejška obrázku