+  PHP Studio Fórum
|-+  Weblapszerkesztés» CSS» Egyéb problémák
Felhasználónév : Jegyezzen meg
Jelszó :
Oldalak: 1 [2] 3 4 5 6 ... 43   Le
  Téma elküldése    Nyomtatás  
Szerző Téma: Egyéb problémák  (Megtekintve 55155 alkalommal)
0 Felhasználó és 1 vendég van a témában
2010. Augusztus 23. 14:22:17 #626
tomi6230i
Törzstag
Aktív fórumozó
*****

Karma: +3/-0
Nem elérhető Nem elérhető

Hozzászólások: 162



WWW
Naplózva
Re: Egyéb problémák

Itt a jobb felső sarokban van egy kereső.
  FireFoxban pont jó.
  Chromeban, Safariban picit lejjebb van csúszva a submit gomb az input mezőhöz képest.
  IE-ben feljebb van csúszva.

Hogy tudnám egységesen minden böngészőben egy magasságba helyezni őket?
« Utoljára szerkesztve: 2010. Augusztus 23. 14:30:27 írta tomi6230i »

2010. Augusztus 12. 23:49:00 #625
Hoszy
Kezdő fórumozó
**

Karma: +0/-0
Nem elérhető Nem elérhető

Nem: Férfi
Hozzászólások: 37



WWW
Naplózva
Re: Egyéb problémák

Köszi! Megoldva! Teljes siker ( Megy a taps ) Azért bemásolom a végleges kódot, hát ha valakinek még szüksége lehet rá^^.

A Html:
GeSHi (html4strict):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hu">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-2" />
<title>Próba</title>
<link rel="stylesheet" href="image.css" />
</head>
<body>
<div id="kep"></div>
</body>
</html>

A css tartalma pedig:
GeSHi (css):
#kep{
margin:100px 100px 100px 100px;
width:100px;
height:100px;
background-image:url('avatar.png');
background-position:0px 50px;
background-repeat:no-repeat;
}
 
#kep:hover{
margin:100px 100px 100px 100px;
width:100px;
height:100px;
background-image:url('avatar.png');
background-position:0px;
background-repeat:no-repeat;
}

// A marginok pedig csak "bizonyíték" hogy tényleg megy e a margin  happy
« Utoljára szerkesztve: 2010. Augusztus 12. 23:56:56 írta Hoszy »


Tudásom kezdetleges, próbálom bővíteni, folyamatosan, remélem ebben tudtok majd segíteni.
2010. Augusztus 12. 23:22:12 #624
Keveqiah
Külső Tag
Hiperaktív fórumozó
**

Karma: +67/-2
Nem elérhető Nem elérhető

Nem: Férfi
Hozzászólások: 2832


Kisb


WWW
Naplózva
Re: Egyéb problémák

mert ha img tagba rakod, akkor az egész képet fogja mozgatni. Smiley
Egy div-nek add meg háttérként és háttér elcsúsztatásával operálj.
http://www.w3schools.com/css/pr_background-position.asp

background-position: -50px top

hover
background-position: left top


"Gonosz vagyok. Ez ugyebár nem hit dolga."
"Egy ember halála tragédia, ezrek halála statisztika."
2010. Augusztus 12. 23:16:55 #623
Hoszy
Kezdő fórumozó
**

Karma: +0/-0
Nem elérhető Nem elérhető

Nem: Férfi
Hozzászólások: 37



WWW
Naplózva
Re: Egyéb problémák

HA a kép felé viszem az egeret, a fél képből, egész lesz tehát "előbukkan" az egész kép. A gondom csak annyi, hogy ha paddingot, vagy margint adok meg neki akkor ugye rossz. És nem tudom miért.


Tudásom kezdetleges, próbálom bővíteni, folyamatosan, remélem ebben tudtok majd segíteni.
2010. Augusztus 12. 23:10:13 #622
Keveqiah
Külső Tag
Hiperaktív fórumozó
**

Karma: +67/-2
Nem elérhető Nem elérhető

Nem: Férfi
Hozzászólások: 2832


Kisb


WWW
Naplózva
Re: Egyéb problémák

Hogy érted, hogy előbukkanó? Ha link felé viszed az egeret? vagy hogy? Ez elég kevés infó.
Egyébként csinálhatod azt is, hogy egy divnek adod meg háttérként és hoverre cseréled a háttérképet.
vagy js-el manipulálod az img tag src-jét.


"Gonosz vagyok. Ez ugyebár nem hit dolga."
"Egy ember halála tragédia, ezrek halála statisztika."
2010. Augusztus 12. 23:06:55 #621
Hoszy
Kezdő fórumozó
**

Karma: +0/-0
Nem elérhető Nem elérhető

Nem: Férfi
Hozzászólások: 37



WWW
Naplózva
Re: Egyéb problémák

Bocs, Keveqiah, csak véletlen a hozzászólásra mentem előnézet helyett, és csak a fele ment el a hsz nek, mivel addig írtam csak meg ^^. De most már remélem látszik a kérdés. Ha rosszul magyaráztam, és nem érthető, akkor megpróbálom képpel illusztrálni ^^


Tudásom kezdetleges, próbálom bővíteni, folyamatosan, remélem ebben tudtok majd segíteni.
2010. Augusztus 12. 23:01:09 #620
Keveqiah
Külső Tag
Hiperaktív fórumozó
**

Karma: +67/-2
Nem elérhető Nem elérhető

Nem: Férfi
Hozzászólások: 2832


Kisb


WWW
Naplózva
Re: Egyéb problémák

És mi?


"Gonosz vagyok. Ez ugyebár nem hit dolga."
"Egy ember halála tragédia, ezrek halála statisztika."
2010. Augusztus 12. 23:00:23 #619
Hoszy
Kezdő fórumozó
**

Karma: +0/-0
Nem elérhető Nem elérhető

Nem: Férfi
Hozzászólások: 37



WWW
Naplózva
Re: Egyéb problémák

Sziasztok!
Lenne egy "kis" problémám.
GeSHi (html):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hu">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-2" />
<title>Próba</title>
<link rel="stylesheet" href="image.css" />
</head>
<body>
<img src="avatar.png" alt="Avatar" class="proba" />
</body>
</html>
GeSHi (css):
.proba{
position:absolute;
left:0px;
bottom:-50px;
width:100px;
}
 
.proba:hover{
position:absolute;
left:0px;
bottom:0px;
width:100px;
}
és itt pedig a css.  Ha margint vagy paddingot adok neki akkor alapból bukta. >_< én egy elő bukkanó képet szeretnék csak. Remélem tudtok segíteni. Üdvözlettel Hoszy.
« Utoljára szerkesztve: 2010. Augusztus 12. 23:05:25 írta Hoszy »


Tudásom kezdetleges, próbálom bővíteni, folyamatosan, remélem ebben tudtok majd segíteni.
2010. Július 23. 21:56:50 #618
Rimelek
Főszerkesztő
Ámokfutó fórumozó
*****

Karma: +240/-0
Nem elérhető Nem elérhető

Nem: Férfi
Hozzászólások: 11048



WWW
Naplózva
Re: Egyéb problémák

Ezt ne itt beszéljük meg. Tedd fel társalgóban, ha kíváncsi vagy. Nem ez a téma való a tapasztalatok megosztására. Pláne, hogy gyakran felmerülő kérdés.
Elküldve:: 2010. Július 23.  21:54:21
De egyébként aláírásomban találsz linket, ahol kb leírtam.
Elküldve:: 2010. Július 23.  21:55:22
A témára visszatérve. Talán a következő linkből jobban ki tudsz indulni
http://css-tricks.com/snippets/css/cross-browser-opacity/

De írd be google-be: Cross Browser opacity
És szemezgethetsz Smiley


2010. Július 23. 21:48:24 #617
chouji
Aktív fórumozó
***

Karma: +1/-0
Elérhető Elérhető

Nem: Férfi
Hozzászólások: 115


Július és Augusztus hónapok fórumozója



Naplózva
Re: Egyéb problémák

Az oké, deh honnan, hogyan, milyen módon? Osszátok meg velem a tapasztalatokat. Smiley

2010. Július 23. 21:14:23 #616
ThompsoN
Törzstag
Aktív fórumozó
*****

Karma: +4/-1
Nem elérhető Nem elérhető

Nem: Férfi
Hozzászólások: 285


ThompsoN



Naplózva
Re: Egyéb problémák

[off]
Biztos vette a vásárban. xD
[/off]
Viccen kívül, gondolom megtanulta.


ThompsoN
2010. Július 23. 21:05:14 #615
chouji
Aktív fórumozó
***

Karma: +1/-0
Elérhető Elérhető

Nem: Férfi
Hozzászólások: 115


Július és Augusztus hónapok fórumozója



Naplózva
Re: Egyéb problémák

Hiába, úgy sem tudom megcsinálni. Undecided Az a gond, hogy igazából nem értek én se css-hez, se html-hez, se php-hoz, meg úgy semmihez igazán, csak mindig elszórakoztatom magam ilyesmikkel, általában smf fórumokat bütykölgetek. Egyszer most már el kell magam szánnom és kicsit beletanulni ezekbe a dolgokba, mert egyébként érdekel nagyon. Smiley Rímelek, te honnan szerezted a tudásod?

2010. Július 23. 17:29:03 #614
Rimelek
Főszerkesztő
Ámokfutó fórumozó
*****

Karma: +240/-0
Nem elérhető Nem elérhető

Nem: Férfi
Hozzászólások: 11048



WWW
Naplózva
Re: Egyéb problémák

http://www.drunkenfist.com/304/2007/07/09/cross-browser-opacity-using-css-and-internet-explorer-custom-filters/


2010. Július 23. 17:07:33 #613
NoNametheone
Aktív fórumozó
***

Karma: +0/-0
Nem elérhető Nem elérhető

Hozzászólások: 127




Naplózva
Re: Egyéb problémák

backgroundnak tudsz megadni félig átlátszó pngt meg asszem cssben is lehet átlátszóságot állítani de a szintaktikáját nem tom..


Mindenkinek van valami jó aláírása, nekem miért nincs?
2010. Július 23. 16:37:20 #612
chouji
Aktív fórumozó
***

Karma: +1/-0
Elérhető Elérhető

Nem: Férfi
Hozzászólások: 115


Július és Augusztus hónapok fórumozója



Naplózva
Re: Egyéb problémák

Húúú van egy ötletem. Smiley SMF fórumnak meglehet adni, hogy a fórum ilyen kissé átlátszó legyen? Itt egy példa rá, hogy mire gondolok: http://forum.kalandokharca.info/

Csak mert akkor csinálnék egy szép hátteret és ha átlátszó, akkor az úgy szép lenne. Smiley

Oldalak: 1 [2] 3 4 5 6 ... 43   Fel
  Téma elküldése    Nyomtatás  
 
Ugrás:  

Harcolj a spam ellen!

Design by Daeron & RaToC.
Az oldal 0.171 másodperc alatt készült el 31 lekéréssel.

A Google utoljára látogatta ezt az oldalt: 2010. Augusztus 18. 16:12:06