IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
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
Jaroslav B.
Člen
Avatar
Jaroslav B.:29.6.2023 10:22

Pokud mám zadán tento řádek v html tak to funguje a obrázek se zmenší.
<p><img src="obrazky/a­vatar.jpg" alt="Programátor HoBi" width="30%" height="30%" /></p>
Pokud vymažu z tohoto řádku width a hight a zadám to do souboru css tak se obrázek roztáhne na celou stránku a nejde to jak by mělo. Odkaz na soubor css v html mám takto:
<link rel="stylsheet" href="Users\u­zivatel\styl.css" type="text/css"/>

Zkusil jsem: Zkusil jsem nainstalovat rozšíření do programu Visual studio code HTML CSS Support.

Chci docílit: Když něco zadám do souboru css aby to fungovalo.

 
Odpovědět
29.6.2023 10:22
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:29.6.2023 14:50

Vytvoril jsem si na plose soubor x.htm a naplnil timto textem

<p><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_light_color_272x92dp.png" alt="Programátor HoBi" width="10%" height="30%" /></p>

<p class="img"><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_light_color_272x92dp.png" alt="Programátor HoBi" /></p>

<style>
body {background:#000;}
p.img img {width:10%; height:30%;}
</style>

Coz mi funguje. Tezko rici, co to dela tobe, protoze jsi sem nedal uplny text. Treba, neni jasne, co mas v souboru Users\uzivatel\styl.css a zda se ten soubor vubec nacetl k html nebo ne.

Treba, ten muj kod, na fiddle se chova celkem zvlastne, trochu i predpokladane.
https://jsfiddle.net/m0wgaLot/
Veme mensi z rozmeru a ten pouzije pro zmenseni obrazku 1:1 :)

 
Nahoru Odpovědět
29.6.2023 14:50
Avatar
Jaroslav B.
Člen
Avatar
Jaroslav B.:10.9.2023 18:17

Děkuji za všechny vaše rady, ale už jsem to vyřešil a funguje mi to ve Visual Studio Code. Moc děkuju.

 
Nahoru Odpovědět
10.9.2023 18:17
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 3 zpráv z 3.