| |
lolo koda je bila zelo dobro napisana, vendar ko sem povečal število divov je na koncu nekaj zezalo in me je samo zanimalo kaj naredit v spodnjem delu oz. kaj narobe delam. v spodnjem delu sem poizkušal vse možne variante pa mi ni šlo. Nato sem tisti div zbrisal ter dal drugega z pozicijo absolute ter mu nastavil odmike. Ni to kar bi moralo bit, vendar žal drugače nisem znal, zato sem napisal če bi se mogoče našla boljša rešitev, kjer bi videl kaj narobe delam. Jolo najlepša hvala na pomoči in niti pod razno nisem niti podvomil, da si jo narobe napisal, ker je bilo vse OK, le ko sem povečal število divov z deli me je na koncu zezalo ko sta se mi oba skupaj premikala pri dodajanju besedila, vendar v zgornjem delu vse dela super. Bom prečekiral ta dodatek in vedi, da sem ti zelo hvaležen ker mi vsaka informacija izjemno pomaga.
Pregledal file,ki si mi ga dal. Točno to bi rad, da ko pišem tekst v stolpcih v vsebini 2 se vsebina1 ne premika skupaj z vsebino2. Grem se pozabavat. Hvala ti
Prenesel sem si kodo in vse lepo pošlihtal, da je vse skladno vendar ko pišem tekst se enako zgodi, da se nasprotni kvadrat spodaj premika z tem kjer pišem. Kako naj to rešim?
spremenil: lala2000 (2.12.2011 ob 15.23.47)
|
| |
| |
Prilagam sliko, kjer sem dobesedno kopiral kodo in se mi to dogaja. Jaz nočem, da se premikajo spodnji nasprotni kvadratki. V prvi kvadratek druge vrstice, sem napisal besedilo, kjer se je kvadratek razpotegnil navzdol in z njim tudi nasprotna kvadrata. Naj se premakne le kvadratek pod njim, ne pa iz vseh vrst. Prosil bi za praktični primer, kjer bodo nasprotno ležeči kvadratki oziroma divi ostali na svojem mestu in se ne bodo premikali skupaj z tistim, kjer se dodaja besedilo. To me muči že ves čas in nikakor ne gre in ne gre....
Ne vem kaj naj
spremenil: lala2000 (2.12.2011 ob 20.21.22)
|
| |
| |
Prilagam konkreten primer, kjer me muči. Sem sedaj opazil, da v vsakem kvadratku, kjer pišem tekst, se spodnja vrstica pomakne cela spodnja vrstica. Na tej sliki se bolje vidi, kako vse poteka kot na zgornji.
Bi bil zelo vesel in hvaležen za rešen problem, hvala
spremenil: lala2000 (2.12.2011 ob 20.28.02)
|
| |
| |
Ti nastavljaš zunanje dive kot vrstice v tabeli. Nastavi si jih kot stoplce.
Upam, da sem te prav razumel... bom ponazoril z mrežo števil.
1 2 3
4 5 6
7 8 9
Recimo, da so to tvoji div-i. Ti hočeš, da bi se pri pisanju v div 1 premaknila diva 4 in 7, ostali bi bili vsi na svojem mestu. Imam prav?
Zunanje dive nastavi kot stolpce. Levi zunanji div npr. 200px širine, 800px višine, pozicijo sprobaj, ker ne vem na pamet, katera mora biti nastavljena, da bodo horizontalno poravnani.
Ostala dva zunanja diva nastavi enako širino in višino, ter position prilagodi kot prej rečeno.
Potem, kar boš delal znotraj posameznega zunanjega diva (v divih 1, 4, 7) ne bi smelo vplivati na dive v ostalih dveh zunanjih divih (2 3, 5 6, 8 9).
spremenil: maticg (2.12.2011 ob 20.32.54)
|
| |
| |
Tako je točno to hočem, vendar je problem ker ne vem kako se jih nastavi kot stolpce...potreboval bi en praktičen primer, kjer bi videl kako to gre...bi bil zelo vesel, če bi dobil v obliki kode kjer bi lahko razbral kako zadeva deluje. Hvala za odziv, ker se res mučim s tem in mi ne uspe
Super in najlepša hvala za tole. Grem na delo, kako bo mi ratalo...
spremenil: lala2000 (3.12.2011 ob 11.01.37)
|
| |
| |
Evo, še slika in koda (HTML in CSS):
html:
<body>
<div id="zunanji">
<div id="zunaj_levo">
<div id="noter_levo_1">test<br />
test<br />
test</div>
<div id="noter_levo_2">test<br />
test<br />
test<br />
test<br />
test<br />
test</div>
<div id="noter_levo_3">test<br />
test<br />
test</div>
</div>
<div id="zunaj_sredina">
<div id="noter_sredina_1">test<br />
test<br />
test<br />
test<br />
test</div>
<div id="noter_sredina_2">test<br />
test<br />
test</div>
<div id="noter_sredina_3">test<br />
test</div>
</div>
<div id="zunaj_desno">
<div id="noter_desno_1">test<br />
test</div>
<div id="noter_desno_2">test<br />
test<br />
test</div>
<div id="noter_desno_3">test<br />
test<br />
test</div>
</div>
</div>
</body>
css:
#zunanji{
width:600px;
height:600px;
position:relative;
margin-left:auto;
margin-right:auto;
}
#zunaj_levo{
width:200px;
height:600px;
float:left;
}
#noter_levo_1{
background-color:aqua;
margin:5px;
}
#noter_levo_2{
background-color:aqua;
margin:5px;
}
#noter_levo_3{
background-color:aqua;
margin:5px;
}
#zunaj_sredina{
width:200px;
height:600px;
float:left;
}
#noter_sredina_1{
background-color:gray;
margin:5px;
}
#noter_sredina_2{
background-color:gray;
margin:5px;
}
#noter_sredina_3{
background-color:gray;
margin:5px;
}
#zunaj_desno{
width:200px;
height:600px;
}
#noter_desno_1{
background-color:lime;
margin:5px;
}
#noter_desno_2{
background-color:lime;
margin:5px;
}
#noter_desno_3{
background-color:lime;
margin:5px;
}
spremenil: maticg (2.12.2011 ob 20.46.57)
|
| |
| |
Samo še nekaj bi vprašal, kaj naredim, da dam na začetku dva vodoravna diva in nato stolpce ter nato vodoravni div. Zanimajo me prehodi kod iz vodoravnega v stolpčni ter nato v vodoravni,hvala.
|
| |
| |
Saj načeloma ni 'vodoravnih' in 'navpičnih' divov... koda se prilagodi, da izgledajo tako, ni posebne kode za 'stolpec' in 'vrstico', kot je za tebelo.
Pred zunanjim divom, torej takoj za značko <body> naredi nov div in mu nastavi enako širino, kot jo ima zunanji.
HTML:
<div id="vrstica_1">
test test test
</div>
<div id="vrstica_2">
test test test
<br />
test test test
</div>
CSS:
#vrstica_1{
width:590px;
height:50px;
margin-top:5px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
background-color:fuchsia;
}
#vrstica_2{
width:590px;
height:50px;
margin-top:5px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
background-color:green;
}
Koda naredi dve 'vrstici' nad zunanjim divom, ki vsebuje 'stolpce'.
Za spodnjo pa je takole. Spet naredi izven zunanjega diva nov div:
HTML:
<div id="vrstica_3">
test test test
</div>
CSS:
#vrstica_3{
width:590px;
height:50px;
margin-top:5px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
background-color:#FF9933;
}
Postavitev je potem taka:
spremenil: maticg (3.12.2011 ob 11.26.39)
|
| |
| |
Nekaj ne v redu, saj ko vnesem kode se ne prikaže slika kot zgoraj. Spodaj je primer prikaza...Nekaj očitno ne delam prav.
Lahko prosim, kompletno kodo skupaj z <html><head><style>....</style></head><body>.....</body></html>
spremenil: lala2000 (3.12.2011 ob 11.37.57)
|
| |
| |
V CSS pri divu zunaj_desno vstavi še tole:
float:right;
Potem bi moralo delati.
Povej, če rabiš celotno kodo še enkrat.
spremenil: maticg (3.12.2011 ob 11.30.58)
|
| |
Prikazujem 2 od skupno 3 strani |
|
