Autor | Zpráva | ||
---|---|---|---|
Sharkit58 Profil |
#1 · Zasláno: 15. 5. 2014, 18:54:58 · Upravil/a: Sharkit58
Zdravím, mam obrázky sestavené responsivně, jen že mají relativní pozici a když si je postavim v CSS napíšu do html tak se mi skládají pod sebe a nikoli vedle sebe, nevíte jak to udělat aby byly vedle sebe??
A kdyby byl někdo tak hodný, že by mě v tom trochu poučil tak mi napiště kdyžtak dám skype. :) Díky moc :) |
||
Bubák Profil |
#2 · Zasláno: 15. 5. 2014, 19:13:04
Neveřejní poradenství se tady nevede. Dej odkaz na živou ukázku.
Pokud trváš na neveřejném vyřešení problému, pořádej moderátory o přesun příspěvku do sekce Práce a zakázky. Obrázky se standardně řadí vedle sebe. Pod sebou mohou bát v těchto případech (snad jsem na nic nezapoměl): - nevejdou se vedle sebe, pozor případný margin, padding - jsou v CSS nastaveny jako blokové - je mezi nimi <br> , nebo je každý takový obrázek v blokovém elementu, což může být třeba i odkaz nastavený jako blokový
Ale netuším, jak vzhledem k čemu relativně pozicuješ, mám za to, že to není dobrý nápad a může to být příčina problému, ale bez živé ukázky těžko říct. |
||
Sharkit58 Profil |
#3 · Zasláno: 15. 5. 2014, 20:00:32
|
||
Bubák Profil |
#4 · Zasláno: 15. 5. 2014, 20:08:28
Vždyť to píšu, „nebo je každý takový obrázek v blokovém elementu“.
<div id="karta2"><img src="img/2.png"> </div> <div id="karta3"><img src="img/2.png"> </div> |
||
Sharkit58 Profil |
#5 · Zasláno: 15. 5. 2014, 20:11:45
a poradíš mi jak přesně to udělat??
|
||
Tomáš123 Profil |
#6 · Zasláno: 15. 5. 2014, 20:28:36
Sharkit58:
„a poradíš mi jak přesně to udělat??“ A nebude vadiť, ak poradím ja? Div je blokový element, takže sa každý nový objaví na novom riadku, pomôže, ak obrázok obalíš do spanu ( <span id="karta2"><img src="img/2.png"> </span> ). Takisto môžeš nechať obrázok neobalený. Ako Bubák hore spomenul, element <img> je riadkový. Ak som nespomenul nejaké pohodlnejšie riešenie, doplňte ma prosím.
|
||
Sharkit58 Profil |
#7 · Zasláno: 15. 5. 2014, 20:39:45 · Upravil/a: Sharkit58
Nevadí jsem rád za každou radu, a když místo div napíšu span tak můžu nechat v CSS #karta2 nebo musim to # nějak přepsat??
Když jsem dal span, už mi nefunguje relativní pozice |
||
Tomáš123 Profil |
#8 · Zasláno: 15. 5. 2014, 20:50:22
Sharkit58:
„CSS #karta2 nebo musim to # nějak přepsat??“ "#" je znak namiesto atribútu "id", takže v tomto prípade je jedno, či tam máš div alebo span. Iné by to bolo, keby si to v CSS definoval konkrétnejšie. Napríklad takto by to nešlo: div#karta 2 { . . . } „Když jsem dal span, už mi nefunguje relativní pozice“ Prosím popíš presnejšie, čo ti nefunguje-neviem ako by to malo vyzerať... |
||
Trejpa Profil |
Sharkit58:
„mam obrázky sestavené responsivně“ Nemáš design responzivní, ale elastický. Responzivní značí, že se použije více podob téže stránky v závislosti na šířce viewportu prohlížeče. „jen že mají relativní pozici“ Relativní pozici jsem našel jen u #obal, kde je zbytečně. Kdyby jsi u obou obrázků vynechal DIV okolo, tj. místo <div id="karta2"><img src="img/2.png"> </div> napsal jen <img src="img/2.png"> , tak budou při dostatečné šířce okna obrázky vedle sebe.
|
||
Sharkit58 Profil |
#10 · Zasláno: 15. 5. 2014, 21:10:05
www.assassins.moxo.cz/druhastrana_obr_kasino.html Takhle nějak to má vypadat
|
||
Tomáš123 Profil |
#11 · Zasláno: 15. 5. 2014, 21:53:54
|
||
Trejpa Profil |
#12 · Zasláno: 15. 5. 2014, 22:40:21
|
||
Sharkit58 Profil |
#13 · Zasláno: 16. 5. 2014, 13:37:42
Tak tabulkou by mě to fakt nenapadlo ale vypadá to hezky díky moc :) a ještě jak tam má výt v rohu ta ruleta, umišťuju jí tam absolutní pozící přes bottom jen nevim jak udělat právě to aby se zmenšoval a zvětšoval když bude mít absolutní pozici.
|
||
Trejpa Profil |
#14 · Zasláno: 16. 5. 2014, 14:14:49
Sharkit58:
Je třeba stávající pozadí přesunout do elementu HTML, ruletu nastavit jako pozadí BODY, ukotvit ji k levému dolnímu rohu, nastavit výšku elementu HTML na 100 % a sjednotit overflow v HTML a BODY napříč prohlížeči. Měnit velikost rulety se nemusí, jinak pomocí background-size v procentech ze šířky stránky a výška se nechá nevyplněná na automatiku k poměru stran. Upraveno. |
||
Časová prodleva: 10 let
|
0