html- obrázky
-
apurvathea
- Level 2
- Příspěvky: 203
- Registrován: březen 07
- Pohlaví:
- Stav:
Offline
html- obrázky
Ahoj, píšu v html a potřebuji dát vedle sebe 2 obrázky.... to udělám, ale potřebuju mezi obrázky udělat mezeru aby nebyly nalepené na sobě. Nevíte jak na to?
Re: html- obrázky
- Prvnímu obrázku nastav margin-right, nebo druhému margin-left. Viz margin.
- V horším případě můžeš mezi obrázky nacpat několik (to je ale docela čuňárna).
-
apurvathea
- Level 2
- Příspěvky: 203
- Registrován: březen 07
- Pohlaví:
- Stav:
Offline
Re: html- obrázky
tak margin left ani right.. obrázky mi to rozhodí od sebe, ale jeden jde zároveň i dolu??
Re: html- obrázky
Zkus mězi ně dát . Sice ne nejlepší řešení, ale fungovat to bude 100%.
EDIT: A, nepřečetl jsem si Mylošův příspěvek celý.
Zkus to margin left a right zmenšit.
EDIT: A, nepřečetl jsem si Mylošův příspěvek celý.
Zkus to margin left a right zmenšit.
-
apurvathea
- Level 2
- Příspěvky: 203
- Registrován: březen 07
- Pohlaví:
- Stav:
Offline
Re: html- obrázky
tak nbsp tam nemůžu dát.. bylo by jich tam alespoň 20...... to by mě učitelka zabila
ach jo nevim jak na to....
<img src="http://www.iis.fraunhofer.de/fhg/Images/MPEG-Layer3mitPCEinsteckkarte_1996_tcm278-76315.jpg" width="250" height="250" alt="obrázek">
<img src="http://www.iis.fraunhofer.de/fhg/Images/solidMP3_tcm278-76316.jpg" width="250" height="250" alt="obrázek">
ach jo nevim jak na to....
<img src="http://www.iis.fraunhofer.de/fhg/Images/MPEG-Layer3mitPCEinsteckkarte_1996_tcm278-76315.jpg" width="250" height="250" alt="obrázek">
<img src="http://www.iis.fraunhofer.de/fhg/Images/solidMP3_tcm278-76316.jpg" width="250" height="250" alt="obrázek">
Re: html- obrázky
Jestli ti to obrázky rozhodilo dolů, pak je to tím, že se do předvolené šířky nevejdou.
Koukni se, jak mám obrázky řešené já: http://kesolim.sweb.cz/fotky_branik/
Koukni se, jak mám obrázky řešené já: http://kesolim.sweb.cz/fotky_branik/
-
apurvathea
- Level 2
- Příspěvky: 203
- Registrován: březen 07
- Pohlaví:
- Stav:
Offline
Re: html- obrázky
<img src="http://www.iis.fraunhofer.de/fhg/Images/MPEG-Layer3mitPCEinsteckkarte_1996_tcm278-76315.jpg" width="250" height="250" alt="obrázek">
div { line-height: 500px; }
img {
text-align: center;
vertical-align: middle;}
<img src="http://www.iis.fraunhofer.de/fhg/Images/solidMP3_tcm278-76316.jpg" width="250" height="250" alt="obrázek">
tak jsem to vyřešila takhle.. obrázky jsou tak jak maj být... ale mezi nima je zobrazen text
div { line-height: 500px; } img { text-align: center; vertical-align: middle;} PROČ?
div { line-height: 500px; }
img {
text-align: center;
vertical-align: middle;}
<img src="http://www.iis.fraunhofer.de/fhg/Images/solidMP3_tcm278-76316.jpg" width="250" height="250" alt="obrázek">
tak jsem to vyřešila takhle.. obrázky jsou tak jak maj být... ale mezi nima je zobrazen text
div { line-height: 500px; } img { text-align: center; vertical-align: middle;} PROČ?
Re: html- obrázky
Počkej – jaký text je mezi obrázky? Tenhle:
div { line-height: 500px; } img { text-align: center; vertical-align: middle;}
?
Jestli tenhle, pak je to celé úplně mimo – ten text je zápis kaskádových stylů, neboli css.
Ten patří buď do externího souboru, nebo v sekci <head> do <style>.
div { line-height: 500px; } img { text-align: center; vertical-align: middle;}
?
Jestli tenhle, pak je to celé úplně mimo – ten text je zápis kaskádových stylů, neboli css.
Ten patří buď do externího souboru, nebo v sekci <head> do <style>.
Re: html- obrázky
CSS:
.obrazek1 {
margin-right: 2px;
}
.obrazek2 {
margin-left: 2px;
}
---
HTML:
<img src="X" class="obrazek1" alt="obrazek1"><img src="X" class="obrazek2" alt="obrazek2">
---
Takhle jsi to myslela?
.obrazek1 {
margin-right: 2px;
}
.obrazek2 {
margin-left: 2px;
}
---
HTML:
<img src="X" class="obrazek1" alt="obrazek1"><img src="X" class="obrazek2" alt="obrazek2">
---
Takhle jsi to myslela?
-
apurvathea
- Level 2
- Příspěvky: 203
- Registrován: březen 07
- Pohlaví:
- Stav:
Offline
Re: html- obrázky
Tommy 4, to css mám vložit kam?
Re: html- obrázky
Do hlavičky stránky (tj. mezi <head> a </head>) vlož toto:
<link href="style.css" rel="stylesheet" type="text/css" />
Je to odkaz na CSS soubor.
Pak si utvoř soubor jménem style.css, do něj vlož to co jsem psal a ulož to tam, kde máš tu stránku s obrázky. Mělo by to jít.
<link href="style.css" rel="stylesheet" type="text/css" />
Je to odkaz na CSS soubor.
Pak si utvoř soubor jménem style.css, do něj vlož to co jsem psal a ulož to tam, kde máš tu stránku s obrázky. Mělo by to jít.
-
apurvathea
- Level 2
- Příspěvky: 203
- Registrován: březen 07
- Pohlaví:
- Stav:
Offline
Re: html- obrázky
uděláno. zůstaly ale vedle sebe
-
- Mohlo by vás zajímat
- Odpovědi
- Zobrazení
- Poslední příspěvek
-
- 3
- 12218
-
od pcmaker
Zobrazit poslední příspěvek
03 úno 2025 09:00
-
-
Kdo umí číst kód HTML? Doladit jednu podmínku. Příloha(y)
od Minapark » 06 led 2025 09:21 » v Programování a tvorba webu - 22
- 9941
-
od Minapark
Zobrazit poslední příspěvek
20 led 2025 16:54
-
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