Obrázek v záhlaví – HTML / XHTML – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama

Obrázek v záhlaví – HTML / XHTML – Fórum – Programujte.comObrázek v záhlaví – HTML / XHTML – Fórum – Programujte.com

 
Hledat
Moderní platforma pro vytvoření vašeho nového webu – Wix.com.
Nyní už můžete mít web zdarma.
Vybavení pro Laser Game
Spuštěn Filmový magazín
Laser Game Brno

Spuštěný nový filmový web Filmožrouti.cz — vše o Avengers, Pacific Rim, Thor, Star Wars…
Adam
~ Anonymní uživatel
161 příspěvků
21. 1. 2018   #1
-
0
-

Mám takový problém. Začínám s děláním webů, a nevím jak dát obrázek do záhlaví. Zanechal jsem tu obrázky, které by mohly pomoct ve vysvětlování.

Připojen obrázek.

 pokud obrázek se nenačítá : https://puu.sh/z6tiq/388979295f.png
 

A jak si to představuji :

Připojen obrázek.

 pokud obrázek se nenačítá : https://puu.sh/z6tPP/dccf6660eb.png

Samozřejmě vím, že se obrázek přidává pomocí "<img>", ale nevím co napsat v css, tak aby to bylo v tom rozmezí headeru.
Tady zanechám kód od headeru.

/* Hero Section */
.hero {
	background-color: #666666;
	padding-top: 150px;
	padding-bottom: 150px;
	padding-right: 0px;

Děkuji za jakoukoli pomoc.

Nahlásit jako SPAM
IP: 89.102.47.–
peter
~ Anonymní uživatel
3365 příspěvků
22. 1. 2018   #2
-
0
-
Nahlásit jako SPAM
IP: 2001:718:2601:258:4dbc:38...–
peter
~ Anonymní uživatel
3365 příspěvků
22. 1. 2018   #3
-
0
-

Mimocchdem, kdyz das do google = image css example, tak to urcite najde priklad na obrazek pres css.

Nahlásit jako SPAM
IP: 2001:718:2601:258:4dbc:38...–
MegaP
~ Anonymní uživatel
8 příspěvků
23. 1. 2018   #4
-
0
-

Já bych tam raději použil ten <img src="*.*" style="max-width: 100%"> protože když se obraáek nenačte alespoň tam nebude trčet prázdné místo a aby se to dalo udělat responzivní.

Nahlásit jako SPAM
IP: 89.102.31.–
peter
~ Anonymní uživatel
3365 příspěvků
24. 1. 2018   #5
-
0
-

css3 umoznuje udelat obrazek zvetsovaci. Nema smysl na nej pouzivat cizi slova, kdyz nevi ani zaklady.

Nahlásit jako SPAM
IP: 2001:718:2601:258:a48c:7f...–
MegaP
~ Anonymní uživatel
8 příspěvků
24. 1. 2018   #6
-
0
-

CSS to sice umoznuje, ale zbytecne bude muset resit vysku toho bloku. Obzvlast kdyz bude definovana hornim a spodnim paddingem v pixelech. Vim, ze logicky to patri do css, ale je to zbytecne komplikovane, kdyz je ten zacatecnik. Mimochodem pro pojem responzivni se v cestine nepouziva zadny preklad a google mu to urcite rychle osvetli. Musi uz od zacatku alespon trochu vedet jak stranku prizpusobit pro mensi zarizeni, je to nezanedbatelna cast zobrazeni. 

Nahlásit jako SPAM
IP: 80.83.68.–
peter
~ Anonymní uživatel
3365 příspěvků
24. 1. 2018   #7
-
0
-

Jasne, souhlasim, img bych volil i ja. Ale on se ptal, jak to udelat v css.

Nahlásit jako SPAM
IP: 2001:718:2601:258:a48c:7f...–
MegaP
~ Anonymní uživatel
8 příspěvků
24. 1. 2018   #8
-
0
-

To je pravda, omlouvam se, ze tedy uplne odpovim az ted, ale melo by to byt asi takto. U headru zrusit padding. Vlozit do nej <img src="obrazek.pripona"> a pro ten img nastavit max-width: 100%. Tedy pokud je header s tridou hero, potom:
 

.hero {
	background-color: #666666;
	padding: 0;
	margin: 0;
}
.hero img{
	max-width: 100%;
	padding: 0;
	margin: 0;
}


<div class="hero">
	<img src="obrazek.pripona">
</div>
Nahlásit jako SPAM
IP: 89.102.31.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 5 hostů

Podobná vlákna

Uprava zahlavi word — založil peter

Obrázek — založil šachy

Obrázek — založil Driver

Obrázek — založil KongliP

Obrázek — založil honzik242

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032018 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý