PHP, CSS, HTML - klausimai...

Sveikas Sprunkai. Turėjau laisvo laiko ir sukodinau tau tavo svetainę teisingai (tikiuosi). Iš čia gali atsisiūsti visą svetainę, arba pažiūrėti Live Demo kaip atrodo ir veikia.

Atsisiuntęs kodą galėsi panarplioti ir gal tai padės suprasti padarytas klaidas.

Na žodžiu.. jau nebesusigaudau kame čia bėda.. ir su float'us dėjau nelabai ką ir padeda..

Footerio margin išvis nesupratau. Left margin 600px? Tik auto. Juk ne visi turi tokios pat rezoliucijos monitorius kaip tu. Jei tau su 400px centre, kitam bus kairėj. Margin top 400px irgi nesupratau.

Kam navigacijai margin left uždėjęs?

Toliau nežiūrėsiu, be galo elementarios klaidos. Mokykis teoriją.

Footerio margin išvis nesupratau. Left margin 600px? Tik auto. Juk ne visi turi tokios pat rezoliucijos monitorius kaip tu. Jei tau su 400px centre, kitam bus kairėj. Margin top 400px irgi nesupratau.

Kam navigacijai margin left uždėjęs?

Toliau nežiūrėsiu, be galo elementarios klaidos. Mokykis teoriją.

Margin left pamiršau nuimt, kai sucentravau, o footeris man kažkodėl nesicentravo todėl teko taip daryti.

Nurodai width konkretų, margin-left ir margin-right auto ir turi centre.

Dar kokios klaidos:

Blogai iškirpti tie rounded rectangle, visur kampučiuose matosi fonas. Geriausia juos su CSS3 daryt, img kaip atsarginis jei nepalaiko CSS3. Tik kirpk išjungęs kitus layerius ir saugok kaip PNG, kad būtų transparent.

Wraperiui nurodyk konkretų plotį ir su marin-left/right auto centruoji. Analogiškai visam kitam.

Div su id main kažkaip logiškai turėtų saugot sidebarus, turiny ir pan, o čia tik kairįjį sidebar. Tiesiog nesupratau jo prasmės :)

Div'e su klase npavadinimas yra visos naujienos turinys. Vėl, kažkaip nelogiška.

Eik padaryk porą geresnių tutorialų ir perdaryk viską, nes čia taisymas turbūt truktų ilgiau nei darymas iš naujo,

Na štai, dabar lažinuosi, kad išdėstymas yra puikus, kaip turi būt :)

Pavizdys: www.apgaules.us.lt

Vertinkit/kritikuokit (Ne patį dizainą, o kodavimą, kadangi čia ne aš piešiau).

Koreguodamas dizainą iš 2klaidų teko pasimokyt, kurios buvo svarbiausios :)

#main_container, o jame tik headeris? Kuo #main_container turėtų skirtis nuo #wrapper? :)

#main_container, o jame tik headeris? Kuo #main_container turėtų skirtis nuo #wrapper? :)

Tiesą sakant jame yra tik headeris ir navigacija, ne tik headeris.

O wrapper niekuom nesiskiria, tesiog taip sukūriau, kad patogiau būtų ir šiek tiek lengviau susigaudyt būtų, kur yra viršutinė, o kur žemesnė dalis ir panašiai :)

Tiesą sakant jame yra tik headeris ir navigacija, ne tik headeris.

 

O wrapper niekuom nesiskiria, tesiog taip sukūriau, kad patogiau būtų ir šiek tiek lengviau susigaudyt būtų, kur yra viršutinė, o kur žemesnė dalis ir panašiai :)

Na čia nėra kažkokia klaida ar pan., tiesiog tas „main“ klaidina. Ir, aišku, anglų/lietuvių kalbos maišymas. Lietuvis supras, kas yra #footer, bet iš kur anglui žinot kas tas #naujienos ar #kpanele? :D

Oi, dar pastebėjau, kad su IE6 sugriūna... Na, bet tokie laikai, kad IE6 galima ir nepalaikyt :D

Na čia nėra kažkokia klaida ar pan., tiesiog tas „main“ klaidina. Ir, aišku, anglų/lietuvių kalbos maišymas. Lietuvis supras, kas yra #footer, bet iš kur anglui žinot kas tas #naujienos ar #kpanele? :D

Oi, dar pastebėjau, kad su IE6 sugriūna... Na, bet tokie laikai, kad IE6 galima ir nepalaikyt :D

Ai, kad nieko ypatingo, kad IE nepalaiko, bei šiais laikais daugiausiai yra atsinaujinę tuos IE :D

O dėl lietuviškų pavadinimų anglam, tai nemanau, kad iš Lietuvos imtų tuos dizainus, gi turi savo dizainų pilną :]

Gal kam patiks ir norės atsisiųsti :) Visų skoniai kitokie.

O padaręs

body {

margin:0;

padding:0;

}

?

Ir dar, kad nebūtų to mėlyno border ant img užlinkintų tai parašyk kodą:

img {

border:none;

}

Į css.

Ir patariu daryt taip (Pavizdys):

<div id="pgrcontaineris">

<div id="headeris"></div>

<div id="menu"></div>

<div id="content">

<div id="leftsidebar">

<div class="panel">blablabla</div>

<div class="panel">blablabla</div>

<div class="panel">basbasidbdosihfdsf</div>

</div>

<div id="news">

<div class="naujiena">blablablabla</div>

<div class="naujiena">blablablabla</div>

<div class="naujiena">blablablabla</div>

</div>

<div id="rightsidebar">

<div class="panel">blablabla</div>

<div class="panel">blablabla</div>

<div class="panel">basbasidbdosihfdsf</div>

</div>

</div>

<div id="footer"></div>

</div>

Tikiuosi supratai :D

CSS:

#news {

width:50%;

}

#rightsidebar {

float:right;

width:25%;

}

#leftsidebar {

float:right;

width:25%;

}

Na čia toks primityvus pavyzdukas, bet turėtum pritaikyt pagal situaciją.

Puiku, kad mokais. Nežinau taip norėjai, ar taip gavos, bet headeris labiau išsikišęs į kairę nei pats turinys, dešinėj irgi nelygiai, tik mažiau.

O dėl lietuviškų pavadinimų anglam, tai nemanau, kad iš Lietuvos imtų tuos dizainus, gi turi savo dizainų pilną :]

Tai čia ne tiek dėl užsieniečių, kiek tiesiog dėl bendros tvarkos :)

Gal kam patiks ir norės atsisiųsti :) Visų skoniai kitokie.

 

O padaręs

 

body {

margin:0;

padding:0;

}

?

Pas jį yra

* {
margin: 0:
padding: 0;
}

Nors reiktų kokio normalesnio CSS reset'o, taip ir dalis problemų susitvarkytų :)

Šitas reset'as geras http://meyerweb.com/eric/tools/css/reset/

Permetęs akim source pamačiau, kad kai kur naudoji <center> tag'ą. :) Centruot tekstą reiktų ne HTML'e, o CSS - text-align: center;. Čia nėra didelė klaida - bet kuris browseris atvaizduos teisingai ir su <center>, bet yra tokia taisyklė: HTML naudojam išdėstymui, CSS - puslapio stiliui. Teksto centravimas, pabraukimai ir pan. dalykai priklauso stiliui, todėl jiems būtų geriau naudoti CSS.

Taip pat <body></body> numetei į galą nežinia kodėl. Tarp <body> tagų turėtų būti visas puslapio content'as. O dabar pas tave content'as eina iškart po </head>, o po content'u yra tuščias <body></body>. :)

Permetęs akim source pamačiau, kad kai kur naudoji <center> tag'ą. :) Centruot tekstą reiktų ne HTML'e, o CSS - text-align: center;. Čia nėra didelė klaida - bet kuris browseris atvaizduos teisingai ir su <center>, bet yra tokia taisyklė: HTML naudojam išdėstymui, CSS - puslapio stiliui. Teksto centravimas, pabraukimai ir pan. dalykai priklauso stiliui, todėl jiems būtų geriau naudoti CSS.

 

Taip pat <body></body> numetei į galą nežinia kodėl. Tarp <body> tagų turėtų būti visas puslapio content'as. O dabar pas tave content'as eina iškart po </head>, o po content'u yra tuščias <body></body>. :)

Dėl body, tai čia manau, kad akies klaidą klaida (T.y nepastebėjau to dalyko), o šiaip aš nenaudojau per CSS text-align: center; tik todėl, kad tada visų panelių turinys būtų centruotas, o man reikia, kad tik kelių panelių, todėl teko taip daryti, nebent išimtis yra kurti dar atskirą div'ą, bet taip paprasčiau, kaip dabar esu padaręs :)

P.S Dėkui visiems už patarimus!

Dėl body, tai čia manau, kad akies klaidą klaida (T.y nepastebėjau to dalyko), o šiaip aš nenaudojau per CSS text-align: center; tik todėl, kad tada visų panelių turinys būtų centruotas, o man reikia, kad tik kelių panelių, todėl teko taip daryti, nebent išimtis yra kurti dar atskirą div'ą, bet taip paprasčiau, kaip dabar esu padaręs :)

 

P.S Dėkui visiems už patarimus!

Tokiais atvejais reiktų vietoj center naudot <span> tagą. Susikurk klasę CSS'e (.centras { text-align: center; }) ir po to prie reikiamo teksto naudojam vietoj <center> <span class="centras">. :)

O šiaip norėjau paklausti, kaip pvz submit button ([...] <input type="submit" value="..." [...]) stilizuoti?

input[type=submit] {css goes here}

bet IE nepalaiko šito varianto, tad teks naudotis papildomomis klasėmis/id

input[type=submit] {css goes here}

bet IE nepalaiko šito varianto, tad teks naudotis papildomomis klasėmis/id

Nepalaiko tik IE6, aukštesnės versijos palaiko.

Nepalaiko tik IE6, aukštesnės versijos palaiko.

Fix'as (to, ir daug kitų IE6 problemų): http://code.google.com/p/ie7-js/

Sveiki, iškilo dar viena bėda, su a:hover nerodo pilno IMG, nors width ir height yra nustatytas, pavizdys: www.apgaules.us.lt

P.S Šita bėda yra navigacijoje

Background image 55x52, o tavo tekstas 60x15. O apskritai, kokio velnio tokioj vietoj dėt kažkokį background image? Ale gražu?

Background image 55x52, o tavo tekstas 60x15. O apskritai, kokio velnio tokioj vietoj dėt kažkokį background image? Ale gražu?

Na šiaip aš dariau pagal .PSD, tai dariau taip kaip ir turi būt, o dėl to kur sakiai, kad tekstas yra 60x15 tai truputį nelabai supratau, nes aš juk nebuvau nustatęs tokių pixeliu ir panašiai.

Na šiaip aš dariau pagal .PSD, tai dariau taip kaip ir turi būt, o dėl to kur sakiai, kad tekstas yra 60x15 tai truputį nelabai supratau, nes aš juk nebuvau nustatęs tokių pixeliu ir panašiai.

Buvai ar nebuvai, tokį plotą užima, per Chrome dev tools puikiai rodo (nenaudoji jų arba Firebug?!?!). O galiausiai nenori bent kartą ko nors pats sukurti? Jei paišyt nelabai moki, tai kad ir be paveikslėlių, bet ne pagal kokius svetimus pėsėdė.

Buvai ar nebuvai, tokį plotą užima, per Chrome dev tools puikiai rodo (nenaudoji jų arba Firebug?!?!). O galiausiai nenori bent kartą ko nors pats sukurti? Jei paišyt nelabai moki, tai kad ir be paveikslėlių, bet ne pagal kokius svetimus pėsėdė.

Na man grafika tikrai nėra prie širdies ir nelabai patinka.. o šiaip tai jo, nenaudoju tų pluginų, nes man nereikia, man geriau, kad rodytų visiems tą patį, o ne tik tiems, kurie naudoja dev tool, firebug ir panašiai.