Programovacie jazyky, rady, poradňa...
crank139
Príspevky: 349 Registrovaný: 09 máj 2009, 14:36
Príspevok
od používateľa crank139 06 feb 2012, 21:14
zdar potrebujem aby sa tieto obrazky lepili jeden na druhy za sebou po dve na riadok a aby zacinali uplne od zaciatku zarovno nemozem to docielit ako to mam vyriesit ? dik
Kód: Vybrať všetko
<html>
<head>
</head>
<body>
<img src="http://26.media.tumblr.com/tumblr_lylh4xxcaj1rovl8so1_500.jpg" width="450" hspace="5" vspace="5" >
<img src="http://24.media.tumblr.com/tumblr_lylh56gSxr1rovl8so1_500.png" width="450" hspace="5" vspace="5">
<img src="http://28.media.tumblr.com/tumblr_lyxw67fMqo1r1vlmho1_500.jpg" width="450" hspace="5" vspace="5">
<img src="http://25.media.tumblr.com/tumblr_lydh3o1iOS1rnvaiqo1_500.png" width="450" hspace="5" vspace="5">
<img src="http://24.media.tumblr.com/tumblr_lylh56gSxr1rovl8so1_500.png" width="450" hspace="5" vspace="5">
<img src="http://24.media.tumblr.com/tumblr_lylh56gSxr1rovl8so1_500.png" width="450" hspace="5" vspace="5">
</body>
</html>
BX
Príspevky: 4572 Registrovaný: 10 jan 2008, 15:30
Príspevok
od používateľa BX 06 feb 2012, 21:16
Tabuľkou...
Kód: Vybrať všetko
<table cellspacing="0px" cellpadding="0px">
...
</table>
crank139
Príspevky: 349 Registrovaný: 09 máj 2009, 14:36
Príspevok
od používateľa crank139 06 feb 2012, 21:27
tabulka neepomohla
pato1kk
Príspevky: 7 Registrovaný: 08 júl 2011, 13:22
Kontaktovať používateľa:
Príspevok
od používateľa pato1kk 06 feb 2012, 21:37
cez css:
Kód: Vybrať všetko
img {
margin: 0;
padding: 0;
display: inline;
}
crank139
Príspevky: 349 Registrovaný: 09 máj 2009, 14:36
Príspevok
od používateľa crank139 06 feb 2012, 22:15
uf cez html by to neslo som zaciatocnik na css som nejako este nedosiel
doddo999
Príspevky: 72 Registrovaný: 23 júl 2009, 13:14
Bydlisko: Bratislava
Kontaktovať používateľa:
Príspevok
od používateľa doddo999 06 feb 2012, 22:32
crank139 napísal:uf cez html by to neslo som zaciatocnik na css som nejako este nedosiel
staci medzi </head> a <body> vlozit
Kód: Vybrať všetko
<style type="text/css">
img {
margin: 0;
padding: 0;
display: inline;
}
</style>
crank139
Príspevky: 349 Registrovaný: 09 máj 2009, 14:36
Príspevok
od používateľa crank139 06 feb 2012, 22:43
nejde to ja neviem kde je problem
doddo999
Príspevky: 72 Registrovaný: 23 júl 2009, 13:14
Bydlisko: Bratislava
Kontaktovať používateľa:
Príspevok
od používateľa doddo999 06 feb 2012, 22:48
Kód: Vybrať všetko
<html>
<head>
</head>
<style type="text/css">
img {
margin: 0;
padding: 0;
display: inline;
float: left;
}
</style>
<body>
<img src="http://26.media.tumblr.com/tumblr_lylh4xxcaj1rovl8so1_500.jpg" width="450" hspace="5" vspace="5" />
<img src="http://24.media.tumblr.com/tumblr_lylh56gSxr1rovl8so1_500.png" width="450" hspace="5" vspace="5" />
<img src="http://28.media.tumblr.com/tumblr_lyxw67fMqo1r1vlmho1_500.jpg" width="450" hspace="5" vspace="5" />
<img src="http://25.media.tumblr.com/tumblr_lydh3o1iOS1rnvaiqo1_500.png" width="450" hspace="5" vspace="5" />
<img src="http://24.media.tumblr.com/tumblr_lylh56gSxr1rovl8so1_500.png" width="450" hspace="5" vspace="5" />
<img src="http://24.media.tumblr.com/tumblr_lylh56gSxr1rovl8so1_500.png" width="450" hspace="5" vspace="5" />
</body>
</html>
crank139
Príspevky: 349 Registrovaný: 09 máj 2009, 14:36
Príspevok
od používateľa crank139 06 feb 2012, 22:51
no ved tak som to mal ale ono to vobec neobteka obrazok za obrazkom vzdy tam ostava medzera ..
doddo999
Príspevky: 72 Registrovaný: 23 júl 2009, 13:14
Bydlisko: Bratislava
Kontaktovať používateľa:
Príspevok
od používateľa doddo999 06 feb 2012, 22:52
crank139 napísal:no ved tak som to mal ale ono to vobec neobteka obrazok za obrazkom vzdy tam ostava medzera ..
http://n18.eu/tralala/xc.html
ja tam medzery nejak nevidim...
crank139
Príspevky: 349 Registrovaný: 09 máj 2009, 14:36
Príspevok
od používateľa crank139 06 feb 2012, 22:57
ako mas prvy obrazok na lavo a podnim hned je medzera a az potom pokracuje dalsi vlavo
weroro
Príspevky: 3206 Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:
Príspevok
od používateľa weroro 06 feb 2012, 22:58
doddo999: Tak sa to kukni cez IE.
crank139
Príspevky: 349 Registrovaný: 09 máj 2009, 14:36
Príspevok
od používateľa crank139 06 feb 2012, 23:00
aj cez ten mi ukazuje medzeru tak ja uz neviem
doddo999
Príspevky: 72 Registrovaný: 23 júl 2009, 13:14
Bydlisko: Bratislava
Kontaktovať používateľa:
Príspevok
od používateľa doddo999 06 feb 2012, 23:05
crank139 napísal:ako mas prvy obrazok na lavo a podnim hned je medzera a az potom pokracuje dalsi vlavo
tak zial toto uz nebude take strucne riesenie, kazdemu obrazku musis priradit id a nastavit mu pomocou css poziciu...
priklad:
Kód: Vybrať všetko
<html>
<head>
</head>
<style type="text/css">
#img1{
position: absolute;
top: 0px; left: 0px;
}
#img2{
position: absolute;
top: 0px; left: 450px;
}
#img3{
position: absolute;
top: 670px; left: 0px;
}
#img4{
position: absolute;
top: 990px; left: 450px;
}
</style>
<body>
<img id="img1" src="http://26.media.tumblr.com/tumblr_lylh4xxcaj1rovl8so1_500.jpg" width="450" hspace="5" vspace="5" />
<img id="img2" src="http://24.media.tumblr.com/tumblr_lylh56gSxr1rovl8so1_500.png" width="450" hspace="5" vspace="5" />
<img id="img3" src="http://28.media.tumblr.com/tumblr_lyxw67fMqo1r1vlmho1_500.jpg" width="450" hspace="5" vspace="5" />
<img id="img4" src="http://25.media.tumblr.com/tumblr_lydh3o1iOS1rnvaiqo1_500.png" width="450" hspace="5" vspace="5" />
...
</body>
</html>
podla rovnakych zasad si to dorobis aj sam...
//autoeditácia príspevku (06 Feb 2012, 23:07) weroro napísal:doddo999: Tak sa to kukni cez IE.
na ten som skoro zabudol
weroro
Príspevky: 3206 Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:
Príspevok
od používateľa weroro 06 feb 2012, 23:10
A už keď ti toto nepôjde, tak si daj opraviť PC:
Kód: Vybrať všetko
<html>
<head>
</head>
<style type="text/css">
.ft {
margin: 0;
padding: 0;
float: left;
}
</style>
<body>
<div class='ft'>
<img src="http://26.media.tumblr.com/tumblr_lylh4xxcaj1rovl8so1_500.jpg" width="450" />
</div>
<div class='ft'>
<img src="http://24.media.tumblr.com/tumblr_lylh56gSxr1rovl8so1_500.png" width="450" />
</div>
<div class='ft'>
<img src="http://28.media.tumblr.com/tumblr_lyxw67fMqo1r1vlmho1_500.jpg" width="450" />
</div>
<div class='ft'>
<img src="http://25.media.tumblr.com/tumblr_lydh3o1iOS1rnvaiqo1_500.png" width="450" />
</div>
<div class='ft'>
<img src="http://24.media.tumblr.com/tumblr_lylh56gSxr1rovl8so1_500.png" width="450" />
</div>
<div class='ft'>
<img src="http://24.media.tumblr.com/tumblr_lylh56gSxr1rovl8so1_500.png" width="450" />
</div>
</body>
</html>
doddo999
Príspevky: 72 Registrovaný: 23 júl 2009, 13:14
Bydlisko: Bratislava
Kontaktovať používateľa:
Príspevok
od používateľa doddo999 06 feb 2012, 23:14
tvoje riesenie trpi chybou ako moje predchadzajuce... pod prvym obrazkom je medzera
nakolko divy sa takisto riadkuju...
najspravnejsou moznostou bude asi pozicovanie kazdeho elementu... aj ked je to kostrbate a skarede riesenie
weroro
Príspevky: 3206 Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:
Príspevok
od používateľa weroro 06 feb 2012, 23:22
doddo999 napísal:tvoje riesenie trpi chybou ako moje predchadzajuce... pod prvym obrazkom je medzera
nakolko divy sa takisto riadkuju...
najspravnejsou moznostou bude asi pozicovanie kazdeho elementu... aj ked je to kostrbate a skarede riesenie
A to je problém, keď poznám šírku?
Kód: Vybrať všetko
<html>
<head>
</head>
<style type="text/css">
.main {width: 900px;}
.ft1,.ft2,img {width: 450px;}
.ft1 {float: left;}
.ft2 {float: right;}
</style>
<body>
<div class='main'>
<div class='ft1'>
<img src="http://26.media.tumblr.com/tumblr_lylh4xxcaj1rovl8so1_500.jpg" />
</div>
<div class='ft2'>
<img src="http://24.media.tumblr.com/tumblr_lylh56gSxr1rovl8so1_500.png" />
</div>
<div class='ft1'>
<img src="http://28.media.tumblr.com/tumblr_lyxw67fMqo1r1vlmho1_500.jpg" />
</div>
<div class='ft2'>
<img src="http://25.media.tumblr.com/tumblr_lydh3o1iOS1rnvaiqo1_500.png" />
</div>
<div class='ft1'>
<img src="http://24.media.tumblr.com/tumblr_lylh56gSxr1rovl8so1_500.png" />
</div>
<div class='ft2'>
<img src="http://24.media.tumblr.com/tumblr_lylh56gSxr1rovl8so1_500.png" />
</div>
</div>
</body>
</html>
