Stránka 1 z 2
html- obrázky
Napsal: 26 pro 2008 13:28
od apurvathea
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
Napsal: 26 pro 2008 13:34
od Myloš
- 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).
Re: html- obrázky
Napsal: 26 pro 2008 13:52
od apurvathea
tak margin left ani right.. obrázky mi to rozhodí od sebe, ale jeden jde zároveň i dolu??
Re: html- obrázky
Napsal: 26 pro 2008 13:54
od Tholus
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.
Re: html- obrázky
Napsal: 26 pro 2008 14:05
od apurvathea
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">
Re: html- obrázky
Napsal: 26 pro 2008 14:06
od Myloš
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/
Re: html- obrázky
Napsal: 26 pro 2008 14:15
od apurvathea
<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Č?
Re: html- obrázky
Napsal: 26 pro 2008 14:22
od Myloš
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>.
Re: html- obrázky
Napsal: 26 pro 2008 14:25
od Tholus
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?
Re: html- obrázky
Napsal: 26 pro 2008 14:28
od apurvathea
Tommy 4, to css mám vložit kam?
Re: html- obrázky
Napsal: 26 pro 2008 14:31
od Tholus
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.
Re: html- obrázky
Napsal: 26 pro 2008 14:38
od apurvathea
uděláno. zůstaly ale vedle sebe