Avaleht
uus teema   vasta Tarkvara »  WWW »  IE7 ja CSS margin märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
YYY
HV kasutaja

liitunud: 31.08.2002




sõnum 03.02.2010 12:01:04 IE7 ja CSS margin vasta tsitaadiga

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
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002



Online

sõnum 03.02.2010 12:08:45 vasta tsitaadiga

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
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
YYY
HV kasutaja

liitunud: 31.08.2002




sõnum 03.02.2010 12:39:21 vasta tsitaadiga

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
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002



Online

sõnum 03.02.2010 12:50:32 vasta tsitaadiga

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
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006




sõnum 03.02.2010 13:34:55 vasta tsitaadiga

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
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
YYY
HV kasutaja

liitunud: 31.08.2002




sõnum 03.02.2010 15:55:40 vasta tsitaadiga

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
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002



Online

sõnum 03.02.2010 16:09:54 vasta tsitaadiga

aga korja hoopis padding ära? icon_rolleyes.gif
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
YYY
HV kasutaja

liitunud: 31.08.2002




sõnum 03.02.2010 16:24:42 vasta tsitaadiga

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
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002



Online

sõnum 03.02.2010 16:32:02 vasta tsitaadiga

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
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
YYY
HV kasutaja

liitunud: 31.08.2002




sõnum 03.02.2010 16:37:15 vasta tsitaadiga

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
vaata kasutaja infot saada privaatsõnum
Traf
Kreisi kasutaja

liitunud: 04.12.2007




sõnum 03.02.2010 16:37:39 vasta tsitaadiga

miks mitte padding ära kaotada, sisu eraldi divi sisse ja sellele divile padding?
Kommentaarid: 49 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 48
tagasi üles
vaata kasutaja infot saada privaatsõnum
YYY
HV kasutaja

liitunud: 31.08.2002




sõnum 03.02.2010 16:58:07 vasta tsitaadiga

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
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002



Online

sõnum 03.02.2010 16:59:08 vasta tsitaadiga

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
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Traf
Kreisi kasutaja

liitunud: 04.12.2007




sõnum 03.02.2010 17:09:04 vasta tsitaadiga

Kopeeri siia selle kasti HTML kasvõi, siis oskab midagi peale hakata sellega.
Kommentaarid: 49 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 48
tagasi üles
vaata kasutaja infot saada privaatsõnum
YYY
HV kasutaja

liitunud: 31.08.2002




sõnum 03.02.2010 17:32:26 vasta tsitaadiga

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
vaata kasutaja infot saada privaatsõnum
Traf
Kreisi kasutaja

liitunud: 04.12.2007




sõnum 03.02.2010 17:43:56 vasta tsitaadiga

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
vaata kasutaja infot saada privaatsõnum
YYY
HV kasutaja

liitunud: 31.08.2002




sõnum 03.02.2010 18:08:37 vasta tsitaadiga

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
vaata kasutaja infot saada privaatsõnum
Traf
Kreisi kasutaja

liitunud: 04.12.2007




sõnum 03.02.2010 18:18:52 vasta tsitaadiga

Oled sina ka alles ülesande püstitanud. icon_razz.gif
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
vaata kasutaja infot saada privaatsõnum
YYY
HV kasutaja

liitunud: 31.08.2002




sõnum 03.02.2010 21:24:25 vasta tsitaadiga

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
vaata kasutaja infot saada privaatsõnum
PokerAce
HV vaatleja
PokerAce

liitunud: 12.02.2010




sõnum 12.02.2010 23:40:34 vasta tsitaadiga

Traf kirjutas:
Oled sina ka alles ülesande püstitanud. icon_razz.gif
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 icon_rolleyes.gif (lihtsalt uudishimu)
Kommentaarid: 1 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 1
tagasi üles
vaata kasutaja infot saada privaatsõnum
Traf
Kreisi kasutaja

liitunud: 04.12.2007




sõnum 12.02.2010 23:53:14 vasta tsitaadiga

PokerAce kirjutas:

Milleks vaadata nii väga koodi ilu, kui asi pärast toimib nagu vaja? ei mõista seda lollust icon_rolleyes.gif (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
vaata kasutaja infot saada privaatsõnum
PokerAce
HV vaatleja
PokerAce

liitunud: 12.02.2010




sõnum 13.02.2010 02:49:44 vasta tsitaadiga

Traf kirjutas:
PokerAce kirjutas:

Milleks vaadata nii väga koodi ilu, kui asi pärast toimib nagu vaja? ei mõista seda lollust icon_rolleyes.gif (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 icon_cool.gif . Pigem on oluline see, et ma ise tean kus mis jne icon_rolleyes.gif . Aga nüüdseks lõpetame selle offtopicu icon_exclaim.gif thumbs_up.gif
Kommentaarid: 1 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 1
tagasi üles
vaata kasutaja infot saada privaatsõnum
gnoom
HV veteran

liitunud: 12.12.2003




sõnum 13.02.2010 13:57:55 vasta tsitaadiga

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. icon_cool.gif
Kommentaarid: 67 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 64
tagasi üles
vaata kasutaja infot saada privaatsõnum
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  IE7 ja CSS margin
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.