Dve poziciji različnih dimenzij [Joomla]
 
r0ks0n 20. dec 2011 17:20:07 Pridružen od:
2. maj 2011
1070 objav
629 115 11
#1

Pozdravljeni 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:




všeč(0) ni všeč(0) spam(0)
 
Gizmo 20. dec 2011 17:28:34 Pridružen od:
25. feb 2009
2647 objav
2589 396 55
#2

V css-ju urediš float in width divov, nič lažjega.


všeč(2) ni všeč(0) spam(0)
 
r0ks0n 20. dec 2011 17:59:56 Pridružen od:
2. maj 2011
1070 objav
629 115 11
#3

Hm, 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)
 
Gizmo 20. dec 2011 18:10:07 Pridružen od:
25. feb 2009
2647 objav
2589 396 55
#4

Ja, 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)
 
sonysony 20. dec 2011 19:08:21 Pridružen od:
2. nov 2009
283 objav
347 105 11
#5

index.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)
 
r0ks0n 20. dec 2011 19:24:22 Pridružen od:
2. maj 2011
1070 objav
629 115 11
#6

Gizmo in sonysony najlepša hvala! :)


všeč(0) ni všeč(0) spam(0)
 
r0ks0n 13. jan 2012 22:28:09 Pridružen od:
2. maj 2011
1070 objav
629 115 11
#7

Fantje 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...


všeč(0) ni všeč(0) spam(0)
 
Matjaž 14. jan 2012 07:26:24 Pridružen od:
21. sep 2007
3505 objav
2603 308 45
#8

Poskusi 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)
 
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se