Razvoj web-stranica - Rasprava

Da, apsolutno da hahah 

1. Izbavio sam ga iz kontenjera

2. Uradio, sad je nav odmah na vrhu, nema nikakvih divova prije njega

3. Ne razumijem te točno..

Pogledaj u footeru(skrozzzz dole) gdje piše (c) Kalibar .300 i Sva prava pridržana(desna strana)... To mi nije u ravnini kad krenem smanjivati širinu(točnije na 767pxa) i zbog toga navigacija pri dnu prekrije "Dizajn hSynca se temelji na Bootstrapu." jer je fiksirana za dno 

I kako da popravim gornju navigaciju kad logo povećam(kad mu uklonim height: 100%) ?

I jel znaš kako da ove stupce u fotteru(pravila servera i ostale) na ovoj stranici prebacim na ovu ? Mislim samo na te stupce. Pogledaj kako su na prvoj stranici napravljeni stupce(pogledaj onaj stupac skroz na desnoj strani pa onda pogledaj isti taj stupac na drugoj stranici(koji trenutno radim)).

Vidiš kako ti stupci idu od ruba do ruba containera dok na ovoj drugoj stranici ne

@ Eo nekako sam uspio centrirati navigaciju s logotipom. Ako možeš pregledati kod i reći jel ima još neki(bolji) način da odradim to? Hvala 

Napravi footer kao row (div) sa 3 jednaka colsa (isto divovi, col-sm-4).

Ne, vidim da imaš col-sm-2 i col-sm-10 (za lijevu i desnu stranu). Nakon toga, imaš opet iz pitaj boga kog razloga još jedan div, cijelu širinu (col-sm-12) u nekom svom wrapperu i unutraj ovaj tekst koji ti bježi dolje. To sve makni i napravi 3 puta po col-sm-4. U ta tri col-a ubaci <p> za svaki od dijelova footera - kalibar300, made with bootstrap, i copyright.

To sam objašnjavao na prošloj ili pretprošloj stranici, kako centrirati sadržaj u bootstrapu.

Što se tiče polaganog scrolla gore, treba ti jquery.animate();

Ovo iz alphe isto napravi kao 3 ili 4 "stupca" sa colsima i to stavi iznad footera.

<footer>

<div class="container">

<div class="row">

<div class="col-sm-4">tu ide prvi stupac u div row-u, kao ovdje</div>

<div class="col-sm-4">tu ide drugi stupac, isto</div>

<div class="col-sm-4">tu ide treći stupac, isto</div>

</div>

<div class="row">

<div class="col-sm-4">kalibar300</div>

<div class="col-sm-4">Made with bootstrap</div>

<div class="col-sm-4">neki copyright</div>

</div>

</div>

</footer>

Tako nekako.

Čekaj, zar oni ne bi trebali biti redovi(vodoravni stupac) a ne stupci? Sad u te col-sm-ove stavljam šta? Malo me zbunjuje tehnika kojom radiš... Ja sam koristio row(red) i u njemu sam koristio 3x col-sm-4 da bi taj row podjelio na tri dijela. Onda sam u njega stavljao h4 i p... Tom logikom ja gledam na Bootstrap(container->row->col-sm-X).. Ne znam kako funkcionira pa idem logikom engleskog. Znači ako želim da cijeli website bude u nekim granicama prvo stavim container, onda u njemu napravim redove(rowove), tipa row za navihaciju, row za header, footer i sl.. i onda taj row dijelom s tim colsima. Hvala u svakom slučaju, footer mi funkcionira kako sam ga sam napravio al ak ti kažeš da nije dobro napravljen onda ću tako kako si ti reko. Javim ti sutra rez  

I kako da ja onda izravnam tu stupac jedan(Alpha) sa ostatkom? Zar ne bi trebalo još nešta biti unutar tih colsa što će ih dodatno podijeliti na 3 dijela?

Ne znam iskreno, kad dođem iz škole javim kako je na kraju završilo

Jel znate kako da napravim vertikalnu liniju u Bootstrapu?

Za početnika, ok. Promijeni boje (ovo je depresivno) i bit će ok. BTW, drži sav CSS u jednom fajlu.

Stariji IE ne podržavaju sve iz CSS3, tipa flex. BTW, kad njega makneš, stranica se vrati u centar.

OK je naučiti kako se piše svoj CSS, razumjeti što i kako radi ali iz ovog gore razloga (raspadanje na IE), koristiš gotove frameworke tipa Bootstrap. Uštediš vremena i živaca. Pogledaj ovo:

Stranica izgleda jednako na IE i Firefoxu. I jednostavno zaboravi IE stariji od 11. MS više ne podržava XP, a IE11 je na Win7 i novijima. Koncentriraj se na njega, Firefox i Chrome.

 Ali meni je 11ka ne želi otvoriti stranicu, a koliko vidim na tom linku piše da IE 11 podržava flex. A ako i dodam -ms- prefix ništa se ne mijenja.

Bootstrap ću kreniti učiti nakon što napravim ovo jer imam osjećaj kad bi krenio sve ispočetka sa Bootstrapom, oduzelo bi mi previše vremena.

Krenio sam sa Bootstrapom i zapeo zasad na navbaru. Iman ovaj kod u kojem ne mogu mijenjati boju slova i što će mi biti koje boje kad prijeđem mišom preko linkova ili kad su stisnuti.

<nav class="navbar navbar-default" role="navigation">
         <div class="collapse navbar-collapse  navbar-ex1-collapse">
            <ul class="nav navbar-nav">
               <li class="active"><a>Naslovnica</a></li>
               <li><a>O nama</a></li>
               <li><a>Apartmani</a></li>
               <li><a>Cijene</a></li>
               <li><a>Rezervacije</a></li>
               <li><a>Kontakti</a></li>
            </ul>
         </div>
</nav>

CSS:

.navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
.navbar
{
   background-color:#2c2d2b;
}
.nav li{width: 120px;
   text-align:center;
   font:  18px Times New Roman;
   list-style: none;
   letter-spacing: 1px;}

imam problem sa spajanjem na phpmyadmin javlja mi access denied dok se preko shella mogu spojiti i raditi normalno ,xampp sam imao instaliran pa sam ga obrisao i instalirao opet ,nije mi se htio spojiti na apache server pa sam promijenio port u 8080 ,4433 sad nez jel to ima kakve veze s time sto nece da se spoji na phpmyadmin

 LINUX server? Imaš SSH pristup ili si na shared hostingu, pa imaš samo jailed pristup? Podatke exportaj negdje u public_html/ pa ih sa drugog hosta wgetaj ili curlaj, što ti je draže. Za sinkronizaciju bi ti preporučio rsync, i to da ga staviš u bash skriptu, pa kreiraš cron.

 U skype postavkama jednostavno isključiš uporabu tih portova.