Dve poziciji različnih dimenzij [Joomla]
 
r0ks0n20. dec 2011 18:20:07Pridružen od:
3. maj 2011
474 objav
+114-63
#1Pozdravljeni forumaši!

Imam eno vprašanje v zvezi z dodajanjem novih pozicij v joomlin template. Če dodam novo pozicijo, ta velja za celotno širino strani in ko dodam drugo je le ta nad prvo dodano. Sedaj pa me zanima kako dodati dve poziciji v isto "vrstico", s tem, da je ena širine 250px, druga pa zavzema ostalo širino strani, ki je skupaj široka 990px. Obe poziciji morata biti za module.

Za lažjo predstavo še skica:

nazadnje urejal r0ks0n 20. dec 2011 18:20:43
všeč(0)ni všeč(0)spam(0)
 
Gizmo20. dec 2011 18:28:34Pridružen od:
25. feb 2009
1195 objav
+864-19412
#2V css-ju urediš float in width divov, nič lažjega.
nazadnje urejal Gizmo 20. dec 2011 18:28:56
všeč(+2)ni všeč(0)spam(0)
 
r0ks0n20. dec 2011 18:59:56Pridružen od:
3. maj 2011
474 objav
+114-63
#3Hm, zaenkrat znam pozicije dodajati na tale način (index.php): <jdoc:include type="modules" name="imepozicije" />
všeč(0)ni všeč(0)spam(0)
 
Gizmo20. dec 2011 19:10:07Pridružen od:
25. feb 2009
1195 objav
+864-19412
#4Ja, to daš še med <div id="pozicija1"> </div> in v css-ju oblikuješ stile za #pozicija1.
všeč(+2)ni všeč(0)spam(0)
 
sonysony20. dec 2011 20:08:21Pridružen od:
2. nov 2009
186 objav
+192-8110
#5index.php<div id="user1"><jdoc:include type="modules" name="user1" /></div>
<div id="user2"><jdoc:include type="modules" name="user2" /></div>

style.css#user1 {
display:block;
width:600px;
float:left;
}

#user2 {
display:block;
width:300px;
float:right; /* ali float:left; */
}

lp, mitja
všeč(+3)ni všeč(0)spam(0)
 
r0ks0n20. dec 2011 20:24:22Pridružen od:
3. maj 2011
474 objav
+114-63
#6Gizmo in sonysony najlepša hvala! :)
všeč(0)ni všeč(0)spam(0)
 
r0ks0n13. jan 2012 23:28:09Pridružen od:
3. maj 2011
474 objav
+114-63
#7Fantje imam eno težavo. Tako kot mi je sonysony predlagal sem dodal tri nove pozicije in sicer v index.php tole:<!-- END: HEADER -->

<div id="ja-containerwrap<?php echo $divid; ?>">

<div id="ja-container" class="clearfix">
<div id="position1"><jdoc:include type="modules" name="newshow" /> </div>
<div id="position2"><jdoc:include type="modules" name="baner250x250" /></div>
<div id="position3"><jdoc:include type="modules" name="vreme" /></div>
<!-- BEGIN: CONTENT -->
ter v CSS tole:#position1 {
display:block;
float:left;
width: auto;
margin-left: 4px;
margin-top: 5px;
margin-bottom: 5px;
}

#position2 {
display:block;
float:right;
width: auto;
margin-right: 3px;
margin-top: 5px;
margin-bottom: 5px;
}

#position3 {
display:block;
float:right;
width: auto;
height: auto;
margin-right: 3px;
#margin-top: 3px;
margin-bottom: 5px;
}
Vendar imam težavo. Na frontpageu (Elektro-Vozila) zadeva izgleda super (banner 250x250 in vreme) vendar mi na podstraneh desni 180px stolpec zamakne nekam na dno strani :( Morda kdo ve kako tole hitro rešiti? Sem preizkušal razne kombinacije v CSSju pa mi ni nič kaj ratalo...
nazadnje urejal r0ks0n 13. jan 2012 23:28:42
všeč(0)ni všeč(0)spam(0)
 
Matjaž14. jan 2012 08:26:24Pridružen od:
21. sep 2007
1667 objav
+899-1188
#8Poskusi s fiksnimi širinami. Na tvojem mestu bi dal position 2 in 3 v svoj div in vse floatal levo. Dober primer je tukaj.
všeč(0)ni všeč(0)spam(0)
 
stran 1 od 1 |<<1>>|