|
|
|
Poslao: 26 Nov 2013 21:21
|
offline
- Pridružio: 10 Jan 2012
- Poruke: 975
|
aj kasnije cu za dropdown taj, imam problemcic ovo se ne moze izguglait vec samo logika pomaze!
Hocu da napravim jedan div znaci u kojem ce biti i slika i tekst, ovaj tekst da bude na levoj strani i do polovine a slika na desnoj polovini, probao sma na sve nacine ne vredi.
Evo primera sta sam probao:
<div id="clanak1">
<div class="tekst1">
<p style="margin-left:13% ; font-weight:bold"> Naslov </p>
<p> Tekst </p>
</div>
</div>
I u CSS-u:
#clanak1{
width:85%;
}
.tekst1 {
width:30%;
}
I fakticki mi samo onda bude sirina 30% .
Glupa mi logika a ?
Znaci hocu ovako da mi bude u jendom div-u ako je to izvodljivo, ako nije lako je meni napraviti poseban div za sliku i onda odrediti mu poziciju u postotcima :
|
|
|
|
|
|
|
Poslao: 26 Nov 2013 21:35
|
offline
- Pridružio: 13 Sep 2012
- Poruke: 2138
|
 HTML
<div id="clanak1">
<div class="tekstclanka"
<p>Ovde ide tekst</p>
</div>
<div class="slikaclanka">
<img src="slika.jpg">
</div>
</div>
CSS
#clanak1 {
border-style:solid;
border-width:5px;
}
#tekstclanka {
position:relative;
top:50%;
}
.slikaclanka {
position:relative;
left:55%;
}
Napisano za 5 min 
|
|
|
|
|
|
|
Poslao: 26 Nov 2013 21:55
|
offline
- Pridružio: 10 Jan 2012
- Poruke: 975
|
A znam mislio sam i ja bio tako nemoj sada da bude braca kao viido resenje pa ono znao sam, kontao sma to , ali reko mozd amoze da se zada odmah tekstu da ne prelazi na drugu polovinu, ali nema veze , uglanvom hvala  !
|
|
|
|
|
|
|
Poslao: 26 Nov 2013 22:00
|
offline
- Pridružio: 13 Sep 2012
- Poruke: 2138
|
Pa ne može sam od sebe, moraš da definišeš u CSS-u. Još nešto, gledaj da ne koristiš CSS u HTML, npr dodao si p tag pa style u njemu, bolje je da se napiše u CSS jer se tako primenjuje na sve elemente ako imaš više stranica , ovako ćeš morati za svaku stranicu posebno da menjaš kod.
|
|
|
|
|
|
|
Poslao: 26 Nov 2013 22:01
|
offline
- Pridružio: 10 Jan 2012
- Poruke: 975
|
meni i dalje nije jasno ona 4 s*anja za position onaj absolute relative fixed, nasao i na srpskom objasnjenje i probao testirao, svaki je isti po meni O.o !
isto tako class i id meni je to skroz isto , ja njih korisitm sta mi prije padne na pamet !
pu jbm ti sve kakva pitnaja postalvjam :'(
|
|
|
|
|
|
|
|
|
Poslao: 26 Nov 2013 22:03
|
offline
- Pridružio: 10 Jan 2012
- Poruke: 975
|
brate moj neko mi je to vec dao i tu imaju i primjeri znaci nidje veze kad pogledam -_- , a i na srpskom sam isto nasao upustvo kazem ti :'(
|
|
|
|
|
|
|
Poslao: 26 Nov 2013 22:06
|
offline
- Pridružio: 13 Sep 2012
- Poruke: 2138
|
Pazi ovako, ja mogu da ti napišem ali to je isto to što sam ti poslao. Ako to ne možeš da shvatiš, kako ćeš kasnije da pređeš na javacript a o php i da ne pričam... Eksperimentiši sa kodom i čitaj čitaj čitaj. Najbolje je da pratiš tutorijale sa w3schools i primere koje oni imaju.
Sve ovo je jedna ogromna oblast, ne možeš za 2-3 nedelje sve da naučiš i da počneš da praviš sajtove. Sve ćeš polako shvatiti vremenom, samo moraš da paziš kako se šta pravilno koristi... Imaš u mom potpisu link ka mom blogu, tamo pišem o webu i tutorijalima za isti, pogledaj 
|
|
|
|
|
|
|
Poslao: 16 Dec 2013 19:07
|
offline
- Pridružio: 10 Jan 2012
- Poruke: 975
|
Napisano: 26 Nov 2013 22:53
Decko cijenim to sto imas zelju da mi pomognes , a i svi ostali koji su ukljuceni u temu !
Hvala vam!
Dopuna: 26 Nov 2013 23:30
Neces verovati sitnica koja je odlucila nesot pazi ovo , mislim mozda ces i verovati znas bolje od mene jbt !
Uglavnom uradio sam i radi.
Kada sam pozicionirao pravilo mi je problem ono relative, i kada sam stavio na absolute onda sam mogao da ubacim sliku uglavni onaj div okvir #clanak i normalno da rukovodim slikom i da je pozicioniram, kada sam prebacio znaci #clanak i ostalo na absolute onda sam mogao da ubacim sliku u div border tj. #clanak, zasto to nije mi jasno, ja se s*ebao kad sam vidio, reko joj kakva slucajnost dobro je kad mi je palo na pamet slucajno da probam staviti absolute, a patio se dugo nisam mogao nikako da je pomerim ka gore !
Evo CSS koda:
#clanak1{
margin-top:16%;
width:90.5%;
height:50.9%;
border-style:solid;
border-width:5px;
border-color:#938256;
background-color:#C0C0C0;
}
.tekst1 {
position:absolute;
margin-top:1%;
margin-left:1%;
width:45%;
font-family:TW Cen MT;
font-size:12.5pt;
background-color:#dad3c0;
padding-left:10px;
padding-right:10px;
padding-bottom:2px;
padding-top:2px;
}
.slikaclanka1{
position:absolute;
margin-top:4%;
margin-left:49%;
}
Ima li kakvih gresaka u kodu, meni izgleda odlicno na ekranu prikazano, ali vi ipak svi znate bolje od mene , pa mozda ima nesto
Dopuna: 27 Nov 2013 14:32
Pitanjce broj 6.
Radim bzvz neku glupost i vidim da nije isto na drugom racunaru, pazite ovo!
U jednom div tagu imam jedan div tag koji sluzi za tekst i sliku jednu isto koju sam imenovao i sve to naravno uredjujem u CSS-u.
evo kod:
#clanak1{
margin-top:15%;
width:91%;
height:54%;
border-style:solid;
border-width:2px;
border-color:#614051;
background-color:#dad3c0;
border-radius: 4px;
}
.tekst {
position:absolute;
margin-top:2.1%;
margin-left:1%;
margin-bottom:2.3%;
width:45%;
font-size:12pt;
background-color:F1EFE2;
padding-left:10px;
padding-right:10px;
padding-bottom:2px;
padding-top:2px;
border-radius: 2px;
}
.slikaclanka1{
position:absolute;
margin-top:4.1%;
margin-left:49%;
}
Problem:
Poremeti mi se unutar ovaj div tekst i ova slika, znaci nije po rasporedu kako treba, ja namestim npr bude sada dobro, onda odme na drugi racunar tamo nigde veze znaci !
Nije fino centrirano!
|
|
|
|
|
|
