Hinnavaatlus
:: Foorum
:: Uudised
:: Ärifoorumid
:: HV F1 ennustusvõistlus
:: Pangalink
:: Telekavad
:: HV toote otsing
|
|
autor |
|
YYY
HV kasutaja
liitunud: 31.08.2002
|
03.02.2010 12:01:04
IE7 ja CSS margin |
|
|
Kas keegi oskab soovitada kuidas IE7 tunnistama panna negatiivset margin? Kas see on võimalik või on targem probleemne kujunduse osa mingi hack-iga ära muuta IE6-7 tarvis.
margin: 0px -10px 0px -10px; |
|
|
Kommentaarid: 11 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
1 :: |
9 |
|
tagasi üles |
|
 |
Renka
HV Guru

liitunud: 01.04.2002

|
03.02.2010 12:08:45
|
|
|
YYY, targem oleks probleemne osa ära fixida mitte porri teha.
_________________ There is no place like 127.0.0.1 |
|
Kommentaarid: 71 loe/lisa |
Kasutajad arvavad: |
   |
:: |
2 :: |
1 :: |
61 |
|
tagasi üles |
|
 |
YYY
HV kasutaja
liitunud: 31.08.2002
|
03.02.2010 12:39:21
|
|
|
Sorry, pole suur oskaja. Kas -margin on väga suur porr? Vaatsin, et enamus brauserid tunnistavad, vaid Billi sigitis (IE6-7) ei taha omaks võtta.
|
|
Kommentaarid: 11 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
1 :: |
9 |
|
tagasi üles |
|
 |
Renka
HV Guru

liitunud: 01.04.2002

|
03.02.2010 12:50:32
|
|
|
Pigem on küsimus, et miks see probleem tekib.
Anna miski näide ja leiab lahenduse.
_________________ There is no place like 127.0.0.1 |
|
Kommentaarid: 71 loe/lisa |
Kasutajad arvavad: |
   |
:: |
2 :: |
1 :: |
61 |
|
tagasi üles |
|
 |
andrusny
Kreisi kasutaja

liitunud: 20.03.2006
|
03.02.2010 13:34:55
|
|
|
Oletan, et probleem tekib, kui kirjutatakse HTML is elemendid valesse kohta, järjestusse ja siis surutakse need negatiivsega paika. Ei tea , kuidas sul kood on aga näiteks, kui on div div sees ja nüüd tahad sisemise alumise ülaäärest ülespoole suruda, peaks aitama, kui välimine on position:relative , siis peaks asi toimima, kui ei siis kindlalt toimib, kui sisemisele panna position:absolute ja kasutada, mitte margin vaid top ja left. (välimisel peaksid mõõdud olema määratud)
Edit: Mida sa üldse teed? Venitad kasti omaarust laiemaks???
margin: 0px -10px 0px -10px;
top ,right ,bottom , left
|
_________________
 |
|
Kommentaarid: 7 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
0 :: |
7 |
|
tagasi üles |
|
 |
YYY
HV kasutaja
liitunud: 31.08.2002
|
03.02.2010 15:55:40
|
|
|
Proovin õhtu andrusny soovitatu järele, praegu aega napib.
Tegemist on Joomla! mooduli põhjaga, HTML kallale minna ei tasu, sest versiooni uuendused kirjutavad pärast ehk koodi üle. CSS-is algtase, kuid üritan oma sõnadega ära seletada mis plaanis oli.
Välimine on plokk kus sees sisuosa ja H3 pealkiri. Olemas äärejoon ja paddingu-ga tõugatud sisu veerisest kaugemale.
.moduletable-hall {
border: solid 1px #CCCCCC;
padding: 5px 10px 5px 10px;
margin: 0px 0px 10px 0px;
color:#56596C;
} |
H3 taust pildina. Hirmus tahtmine, et taust ulatuks välimise ülemis, parema ja vasaku servani, kuid vahe jääb sisse tänu tolle paddingu väärtusele.Siin sai siis seda negatiivset võimalust proovitud. Joomlal annab pealkirja välja lülitada seega on vaja välimise ploki top baddingu numbrit, muidu kuvab pealkirjata sisu vastu joont.
.moduletable-hall h3{
border-bottom: 1px solid #CCCCCC ;
padding: 5px 10px 5px 10px;
margin: -5px -10px 0px -10px;
background: url(../images/3h_taust.png) ;
height: 17px;
color:#56596C;
} |
|
|
Kommentaarid: 11 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
1 :: |
9 |
|
tagasi üles |
|
 |
Renka
HV Guru

liitunud: 01.04.2002

|
03.02.2010 16:09:54
|
|
|
aga korja hoopis padding ära?
_________________ There is no place like 127.0.0.1 |
|
Kommentaarid: 71 loe/lisa |
Kasutajad arvavad: |
   |
:: |
2 :: |
1 :: |
61 |
|
tagasi üles |
|
 |
YYY
HV kasutaja
liitunud: 31.08.2002
|
03.02.2010 16:24:42
|
|
|
Ei seda kindlasti mitte ei taha siis sisu vastu äärejoont ja kole vaadata. Ise mõtlesin, et panen välimisele praeguse H3 tasutapildi (background-repeat: repeat-x) siis jääb H3 pealkiri kenasti sinna kohale. Kuid siis on Joomlaga probleem kui pealkiri välja lülitada, sisu sõidab tolle tausta osa peale ja jälle jama.
|
|
Kommentaarid: 11 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
1 :: |
9 |
|
tagasi üles |
|
 |
Renka
HV Guru

liitunud: 01.04.2002

|
03.02.2010 16:32:02
|
|
|
YYY, anna parem link html'ile - saab kiiremini.
_________________ There is no place like 127.0.0.1 |
|
Kommentaarid: 71 loe/lisa |
Kasutajad arvavad: |
   |
:: |
2 :: |
1 :: |
61 |
|
tagasi üles |
|
 |
YYY
HV kasutaja
liitunud: 31.08.2002
|
03.02.2010 16:37:15
|
|
|
Vups, leht oma masinas. Panen pildid lisaks mida saavutada tahan, ehk on abiks.
IE teeb seda nalja
teised brauserid
viimati muutis YYY 03.02.2010 16:42:21, muudetud 1 kord |
|
Kommentaarid: 11 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
1 :: |
9 |
|
tagasi üles |
|
 |
Traf
Kreisi kasutaja
liitunud: 04.12.2007
|
03.02.2010 16:37:39
|
|
|
miks mitte padding ära kaotada, sisu eraldi divi sisse ja sellele divile padding?
|
|
Kommentaarid: 49 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
0 :: |
48 |
|
tagasi üles |
|
 |
YYY
HV kasutaja
liitunud: 31.08.2002
|
03.02.2010 16:58:07
|
|
|
Traf kirjutas: |
miks mitte padding ära kaotada, sisu eraldi divi sisse ja sellele divile padding? |
Vot, midagi sarnast ma ühe Joomla! kujunduse juures nägin jah. Kuid ei hakka oskused peale. Kas Sa väikse näite viitsid kirja panna tolle koodi põhjal mis eespool. Või ehk mõni juhend kuskil kus dumbuserile asi lahti seletatud.
Edit: Vist ikka ei sobi, sest HTML ei saa muuta.
|
|
Kommentaarid: 11 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
1 :: |
9 |
|
tagasi üles |
|
 |
Renka
HV Guru

liitunud: 01.04.2002

|
03.02.2010 16:59:08
|
|
|
On seda kujundust ehk kusagil mujal demona näha? saaks seal vaadata asja hingeelu
_________________ There is no place like 127.0.0.1 |
|
Kommentaarid: 71 loe/lisa |
Kasutajad arvavad: |
   |
:: |
2 :: |
1 :: |
61 |
|
tagasi üles |
|
 |
Traf
Kreisi kasutaja
liitunud: 04.12.2007
|
03.02.2010 17:09:04
|
|
|
Kopeeri siia selle kasti HTML kasvõi, siis oskab midagi peale hakata sellega.
|
|
Kommentaarid: 49 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
0 :: |
48 |
|
tagasi üles |
|
 |
YYY
HV kasutaja
liitunud: 31.08.2002
|
03.02.2010 17:32:26
|
|
|
Kaevasin ülesse vana näidis infoga Joomla! proovi saidi http://www.taksiklubi.ee/joomla/. Lasin kujunduse failid üle. Kasutan Beez nimelist kujundust, mida üritan pisut muuta. Tervikut ei tasu vaadata, sest asi täiesti poolik. Joomalale saab moodulitele erinevaid kujunduse class-e määrata. Login form oma on siis too mis muret teeb.
|
|
Kommentaarid: 11 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
1 :: |
9 |
|
tagasi üles |
|
 |
Traf
Kreisi kasutaja
liitunud: 04.12.2007
|
03.02.2010 17:43:56
|
|
|
moduletable-hall kaotad paddingu ära.
h3 kaotad negatiivsed marginid ära.
lisad paddingud formile.
.moduletable-hall {
border: solid 1px #CCCCCC;
margin: 0px 0px 10px 0px;
color:#56596C;
}
.moduletable-hall h3 {
border-bottom: 1px solid #CCCCCC ;
padding: 5px 10px 5px 10px;
margin: 0;
background: url(../images/3h_taust.png) ;
height: 17px;
color:#56596C;
}
.moduletable-hall .form-login {
padding: 5px 10px 5px 10px;
}
|
|
|
Kommentaarid: 49 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
0 :: |
48 |
|
tagasi üles |
|
 |
YYY
HV kasutaja
liitunud: 31.08.2002
|
03.02.2010 18:08:37
|
|
|
Tänud!
Jah, logimise formile see sobib ja varem proovitud. Kahjuks unustasin lisamata, et mooduli kujunduse klassi mõte oli, et oleks universaalne. Saaks lihtsalt kasutaja poolselt erinevat teksti ja pildimaterjali kuvada. Lisaks laienduste lisa moodulid tahaks just selle kujunduse kaudu paika panna. Iga kord ei tahaks hakata parandusi CSS failides tegema.
|
|
Kommentaarid: 11 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
1 :: |
9 |
|
tagasi üles |
|
 |
Traf
Kreisi kasutaja
liitunud: 04.12.2007
|
03.02.2010 18:18:52
|
|
|
Oled sina ka alles ülesande püstitanud.
Olgu, kui HTMLi muuta ei saa ja sisu on ka ebakindel, siis tee nii:
Too padding moduletable juurde tagasi. Lisa top paddingule 30px (h3 kõrgus). lisa position: relative;
Lisa h3 juurde position: absolute;top:0;left:0;right:0;margin:0;
Ega see väga kena ei ole koodi koha pealt aga tundub, et ainuke võimalus. kontrolli kindlasti kõikide brauseritega, sellised lahendused võivad vahest mitte töötada.
.moduletable-hall {
border: solid 1px #CCCCCC;
margin: 0px 0px 10px 0px;
padding: 35px 10px 5px 10px;
color:#56596C;
position: relative;
}
.moduletable-hall h3 {
border-bottom: 1px solid #CCCCCC ;
padding: 5px 10px 5px 10px;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
background: url(../images/3h_taust.png) ;
height: 17px;
color:#56596C;
}
|
|
|
Kommentaarid: 49 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
0 :: |
48 |
|
tagasi üles |
|
 |
YYY
HV kasutaja
liitunud: 31.08.2002
|
03.02.2010 21:24:25
|
|
|
Vist tõesti olen pisut vindi üle keeranud. Taoliselt küll IE tühju ääri ei näita, kuid pealkirja välja lülitamisel jääb häiriv tühik tänu moduletable top paddingule.
Jäin vana koodi juurde kuid korjasin H3 margin ja tausta ära. Tegin kaks mooduli kujundust.Üks pealkirjaga ja teine ilma. Vana tausta panin Moduletable-hall`ile ja joonistasin pildile alumise joone peale. Lihtsalt nüüd peab vastavalt pealkirja valikule Joomla! adminni paneelist mooduli klassi järelliite ära muutma. Kahjuks teeb küll niigi keerulise sisuhalduse sättimise veel segasemaks. Kuid eks ma uuri kuidas teistes templatetes asi lahendatud.
.moduletable-hall {
border: solid 1px #CCCCCC;
background: url(../images/3h_taust.png) repeat-x;
padding: 5px 10px 5px 10px;
margin: 0px 0px 10px 0px;
color:#56596C;
}
.moduletable-hall-pealkirjata {
border: solid 1px #CCCCCC;
padding: 7px 10px 5px 10px;
margin: 0px 0px 10px 0px;
color:#56596C;
}
.moduletable-hall h3{
padding: 0px 10px 5px 10px;
margin: 0px 0px 0px 0px;
height: 17px;
color:#56596C;
}
|
|
|
Kommentaarid: 11 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
1 :: |
9 |
|
tagasi üles |
|
 |
PokerAce
HV vaatleja

liitunud: 12.02.2010
|
12.02.2010 23:40:34
|
|
|
Traf kirjutas: |
Oled sina ka alles ülesande püstitanud.
Olgu, kui HTMLi muuta ei saa ja sisu on ka ebakindel, siis tee nii:
Too padding moduletable juurde tagasi. Lisa top paddingule 30px (h3 kõrgus). lisa position: relative;
Lisa h3 juurde position: absolute;top:0;left:0;right:0;margin:0;
Ega see väga kena ei ole koodi koha pealt aga tundub, et ainuke võimalus. kontrolli kindlasti kõikide brauseritega, sellised lahendused võivad vahest mitte töötada.
.moduletable-hall {
border: solid 1px #CCCCCC;
margin: 0px 0px 10px 0px;
padding: 35px 10px 5px 10px;
color:#56596C;
position: relative;
}
.moduletable-hall h3 {
border-bottom: 1px solid #CCCCCC ;
padding: 5px 10px 5px 10px;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
background: url(../images/3h_taust.png) ;
height: 17px;
color:#56596C;
}
|
|
Milleks vaadata nii väga koodi ilu, kui asi pärast toimib nagu vaja? ei mõista seda lollust (lihtsalt uudishimu)
|
|
Kommentaarid: 1 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
0 :: |
1 |
|
tagasi üles |
|
 |
Traf
Kreisi kasutaja
liitunud: 04.12.2007
|
12.02.2010 23:53:14
|
|
|
PokerAce kirjutas: |
Milleks vaadata nii väga koodi ilu, kui asi pärast toimib nagu vaja? ei mõista seda lollust (lihtsalt uudishimu) |
See pole lollus. Probleem on selles, et sellised "häkid" on tihtipeale ettearvamatud. Kunagi hiljem esineb probleem, mille põhjuse leidmise alla tuleb nii palju aega panna, et etem oleks olnud algusest peale korraliku ja kena koodiga üles ehitada. Hetkel tegeleme firmas ühe taolise projektiga, kus 3 inimest kirjutasid kõik oma rida ja sarnaseid häkke kokku; see kui kena või kole kokkukirjutatu oli, ei huvitanud kedagi. Asi toimis. Kui aga koodi hulk kasvas siis hakkas probleeme esinema nende "loominguliste lahenduste" pärast. Neid probleeme tuli omakorda häkkidega parandada. Praeguseks võib julgelt öelda, et kõikvõimalike probleemide parandamise peale on kulunud 2/3 kogu projekti layouti alla läinud ajast. Aga ega enne ei mõtle selliste asjade peale kui endal kogemus käes.
Asi ei ole selles, et keegi otseselt vahiks koodi, et näe, read on ühe pikad ja ehk riimub ka. Point on selles, et kui ülesanne on lahendatud lihtsaid, arusaadavaid ja lollikindlaid tehnikaid kasutades, siis esiteks tekib müstilisi probleeme vähem ja teiseks neid, mis tekib, on lihtsam ja kiirem parandada.
|
|
Kommentaarid: 49 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
0 :: |
48 |
|
tagasi üles |
|
 |
PokerAce
HV vaatleja

liitunud: 12.02.2010
|
13.02.2010 02:49:44
|
|
|
Traf kirjutas: |
PokerAce kirjutas: |
Milleks vaadata nii väga koodi ilu, kui asi pärast toimib nagu vaja? ei mõista seda lollust (lihtsalt uudishimu) |
See pole lollus. Probleem on selles, et sellised "häkid" on tihtipeale ettearvamatud. Kunagi hiljem esineb probleem, mille põhjuse leidmise alla tuleb nii palju aega panna, et etem oleks olnud algusest peale korraliku ja kena koodiga üles ehitada. Hetkel tegeleme firmas ühe taolise projektiga, kus 3 inimest kirjutasid kõik oma rida ja sarnaseid häkke kokku; see kui kena või kole kokkukirjutatu oli, ei huvitanud kedagi. Asi toimis. Kui aga koodi hulk kasvas siis hakkas probleeme esinema nende "loominguliste lahenduste" pärast. Neid probleeme tuli omakorda häkkidega parandada. Praeguseks võib julgelt öelda, et kõikvõimalike probleemide parandamise peale on kulunud 2/3 kogu projekti layouti alla läinud ajast. Aga ega enne ei mõtle selliste asjade peale kui endal kogemus käes.
Asi ei ole selles, et keegi otseselt vahiks koodi, et näe, read on ühe pikad ja ehk riimub ka. Point on selles, et kui ülesanne on lahendatud lihtsaid, arusaadavaid ja lollikindlaid tehnikaid kasutades, siis esiteks tekib müstilisi probleeme vähem ja teiseks neid, mis tekib, on lihtsam ja kiirem parandada. |
Jah, seda ma arvasin, et sp oleks see mõistlik.. aga kui mulle öeldakse, et mu kood näeb jube välja, siis mis see teise asi on . Pigem on oluline see, et ma ise tean kus mis jne . Aga nüüdseks lõpetame selle offtopicu
|
|
Kommentaarid: 1 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
0 :: |
1 |
|
tagasi üles |
|
 |
gnoom
HV veteran
liitunud: 12.12.2003
|
13.02.2010 13:57:55
|
|
|
PokerAce kirjutas: |
Jah, seda ma arvasin, et sp oleks see mõistlik.. aga kui mulle öeldakse, et mu kood näeb jube välja, siis mis see teise asi on |
Lisaks ikkagi veel juurde.
Ilus ja korrektne kood näitab ka töötegija suhtumist asjadesse. Samamoodi nagu iga muu töögi juures.
PokerAce kirjutas: |
Pigem on oluline see, et ma ise tean kus mis jne |
Jah. Tehes üks/kaks pisikest asja võid ju nii rääkida. Kuid kui asi ikka suuremamahuliseks kasvab, siis sa nii enesekindlat juttu enam ei räägi.
Aga eks me ole kõik kunagi noored ja vihased olnud, Kus arvame, et just meie tarkus on see ülim tõde.
|
|
Kommentaarid: 67 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
0 :: |
64 |
|
tagasi üles |
|
 |
|