Autor | Zpráva | ||
---|---|---|---|
fanky Profil |
#1 · Zasláno: 10. 1. 2007, 12:03:34 · Upravil/a: fanky
ahoj, chtěl bych napozicovat tři obrázky, aby byly vedle sebe, umím to jen přes pozici absolute, ale to není ono.
Zkrátka, chci na řádek dát tři obrázky, aby byly rovnoměrně rozmístěny po celém řádku, měly stejné mezery mezo sebou a ty krajní byly stejně odraženy od okrajů, při jakémkoli rozlišení a velikosti monitoru, mám tam teď tohle, ale to zkolabuje při jiném rozlišení monitoru než je 800 px na šířku. #prvni { a poté bych se rád zeptal, jak udělat hover, jako rámeček, těsně přitisknutý k obrázku? tento kód nefunguje, děkuji za jakoukoli radu, velmi bych ocenil, kdyby se někdo našel a napsal třeba CSS pro první obrázek, abych to přesně viděl, avšak za jakoukoli radu budu samozřejmě rád a:hover { |
||
Railbot Profil |
#2 · Zasláno: 10. 1. 2007, 12:06:41
fanky
Obrázkům dej float, nějaký ten margin a napozicuj si je jak chceš vedle sebe. V moderních prohlížečích funguje například img:hover {border: 1px solid #000}, to neplatí například pro IE6, který umí hover jen na odkazy a na žádné jiné objekty. Jde jen o kosmetický detail, takže to moc nevadí, ale dá se to vyřešit pomocí .htc souboru (tedy javascriptu) |
||
fanky Profil |
#3 · Zasláno: 10. 1. 2007, 12:09:00
Railbot díky moc, zkusím, ještě se zeptám, nemohl bys prosím napsat aspoň kód pro první obrázek, co dát do CSS, vracím se k tvorbě webu po dvou letech a jsem mimo :-)
|
||
Railbot Profil |
#4 · Zasláno: 10. 1. 2007, 12:15:39
fanky
Mějme například v HTML <img src="cesta" alt="popis" title="popis" /><img src="cesta" alt="popis" title="popis" /><img src="cesta" alt="popis" title="popis" /> a v CSS img {float: left; margin: 0 5px 0 5px} obrazky budou vedle sebe, kazdy odsazeny zprava a zleva o 5px |
||
fanky Profil |
#5 · Zasláno: 10. 1. 2007, 12:19:50
Railbot díky moc
jen jedna věc ještě mě zaráží, udělal jsem ten hover jako rámeček, ale po najetí myši to udělá zoom, jako vystoupne, jde se toho nějak zbavit, nebo to je vlastnost prohlížeče? |
||
Plaváček Profil |
#6 · Zasláno: 10. 1. 2007, 12:28:00 · Upravil/a: Plaváček
Myslíš nějak takhle?
http://klient.plavacek.net/ramecek.html Lze ale využít i atraktivnější rámečky, více třeba zde http://weblog.plavacek.net/2004-04.html#1083042962 |
||
fanky Profil |
#7 · Zasláno: 10. 1. 2007, 12:35:03
Plaváček jj takto, ale jde to udělat i tak, když a tom obrátku rámeček nemám a objeví se tam, až jako hover?
|
||
Plaváček Profil |
#8 · Zasláno: 10. 1. 2007, 12:45:28
fanky
Jo, nastavíš mu barvu pozadí, v mém případě border: 6px solid #fff. |
||
fanky Profil |
#9 · Zasláno: 10. 1. 2007, 13:04:04
Plaváček díky, to bude sice problém, jelikož mám pozadí udělané jako přechod, tak budu muset udělat holt rámeček i kolem obrázku
|
||
fanky Profil |
#10 · Zasláno: 10. 1. 2007, 13:35:06
Plaváček ještě dvě věci, jak se dá prosím Tě ošetřit, aby rámeček byl pouze u někjterých obrázků, které odkazují na něco a co ještě znamená v tvém css tato část?
#ramecek div { díky moc |
||
Plaváček Profil |
#11 · Zasláno: 10. 1. 2007, 13:50:45
fanky
No,chtěl jsi rozmístit obrázky na celý řádek, aby byly od sebe vždy stejně daleko. Tohle je jedno z možných řešení. |
||
fanky Profil |
#12 · Zasláno: 10. 1. 2007, 14:16:43
Plaváček tak už jsem to nějak splácal, jen ještě, jde se zbavit toho rámečku v logu? logo mám likací, ale rámeček tam moc nechci právě, řešení vidím přes div umístit logo, ale zase by nebylo klikací.. jde to tedy nějak vyřešit? díky
|
||
nightfish Profil |
#13 · Zasláno: 10. 1. 2007, 15:03:55
fanky
a img {border: none} |
||
Časová prodleva: 17 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0