Working with <div>’s

Tiek skatīts 1 ieraksts (no 15 kopumā)
  • Autors
    Ieraksti
  • #146362
    Tvinky
    Participant

    Problēma ir sekojoša: visu savu laiku, kad veidoju web mājaslapas es izmantoju tabulas. Ar tām biju ļoti pieradis strādat un varēju vienkārši un ērti atdalīt headeri, no visa body un paša teil’a. (Cerams sapratāt). Spriežot pēc notepad.lv apskatītajām tēmām foruma un visu to linku apskatīšanas, domāju arī pāriet uz

    jeb leyeru izmantošanu. Viss būtu jauki, bet šeit uzpeld man nepazīstami joki. Es nemāku iegūt rezultātu, kādu spēju iegūt ar tabulu palīdzību. Header’a

    ‘u itkā bez problēmām varetu izveidot un viss ir ok, bet kā man īsti rīkoties ar body sadaļu. Parasti man kreisajā sānā ir linki, un domāju, ka labajā

    ‘ā izvadīšu informāciju. Bet saskāros ar problēmu, ka veidojot jaunu

    ‘u, tas paiet apakšā linku

    ‘am.

    1) Es atradu risinājumu, nosakot informācijas izvades

    ‘a atrašanās koordinātes no labās un augšējās malas, bet man nezkapēc tas nešķiet racionāli. Kā būtu to panākt pareizāk?

    2) Informācijas izvades

    ‘am domāju noteikt konkrētu loga izmēru un to arī izdarīju. Bet, kad informācijas ir vairāk, nekā

    ‘a augstums, tad tā izskrien ārpus tā. Es atradu risinājumu, novācot height: augstumspx;, bet tas man arī neliekas mazliet racionāli, jo gribēju, lai tam ir savs standarta augstums, bet situācijās kad informācijas ir vairāk, tas pats varētu pavilkties garāks. (Tikai nezinu, vai tas ir iespējams. Neskatamies uz to informācijas iziešanu no

    ‘a, kur ir viens garš vārds, to apgraizīšu ar php).

    Š ķiet pagaidām uz doto mirkli šīs ir manas problēmas. Varbūt kāds var bez googles pastāstīt mazliet kā rīkoties un kā būtu prātīgāk?

    Kods izlikts šeit: https://paste.php.lv/6655

    P.S Ganjau azazul būs dusmīgs :/`

    #173682
    Foxsk8
    Participant

    Pats, aptuveni pirms gada, ar diviem sāku krāmēties, vadoties pēc šī tutoriāļa:

    https://moirass.com/tutorial/moirass.com_html_css_tutorial.rar

    #173683
    Mr.Death
    Participant

    Skatos Tvinky Tev tur standarta problēmas ar tiem diviem 🙂 Ar tabulām bij vienkārši tāpēc, ka layouta “smagākā” daļa definējās htmlā ar tiem pašiem

    , bet šeit nu viss jākrāmē vēl vienā divā vai jādefinē iekš css kur kas atradīsies u.t.t.

    Kā jau vienmēr esmu teicis: Vislabākais ir vidusceļš – lieto gan tabulas gan divus 🙂

    par heightiem un widthiem iekš css vēl ir tādas fīčas kā “min-height” “max-height” “min-width” “max-width” bet tie arī jāmāk pareizi pielietot 🙂

    #173684
    Loading
    Participant

    Tabulas ir brutāls spēks! Man patīk tabulas, palikšu pie tabulām.

    #173685
    azazul
    Participant

    Negibi uzzīmēt ko tev īsti vajag ?

    Un lapu kodu labāk met kādā no šīm lapām

  • https://paste.zoffix.com/

  • https://www.webdevout.net/test
  • https://paste.css-standards.org/
  • Ka attiecas uz div augstumiem tad izmanto šādu kodu (gadījumam kas

    ):

    Code:

    div.min{
    height: auto !important;
    height: 200px;
    min-height: 200px;
    }

    VAI

    Code:


    div.min{
    height: 200px;
    min-height: 200px;
    }
    div.min[class]{
    height: auto;
    }


    Man personīgi patī labāk otrā pieeja, bet tā ir piemērota vairāk gadījumam, kad minimālais augstums ir jāuzstāda vairākām klasēm un identifikātoriem (id).

    Fix tiek likt priekš IE6 , jo tas nesaprot min-height (tā vietā tas parametru height pielietot tā kā vajadzētu būt lietots min-height).

    Pārejās problēmas īsti nesapratu.

    P.S. kad es esmu kaut ko sliktu teicis tiem kas grib mācīties ? Es parasti diršu tad ja kāds grib visu uzreiz gatavu un uz paplātes.

#173686
drono
Participant

Š eit pat man arī jautājums vairāk vai mazāk saistīts ar šo tēmu.

Ja lapa tiek pārlūkprogrammas logā iecentrēta, tad uz FF tas centrējums nedaudz mainās atkarībā no tā, vai labajā pusē ir vai nav ritjosla. IE šī problēma nav aktuāla, jo tur vienmēr ir tā ritjosla, aktīva vai neaktīva. Kāds tad īsti ir pareizais risinājums šai problēmai? Ja mēģina uzlikt vienmēr to ritjoslu, tad FF pieliek viņu arī lapas apakšā.

#173687
azazul
Participant

Nē, centrējums nemainās. Mainās redzemā loga izmērs. Tā tam ir jābūt 😛

Es tā īsti nesapratu kādēļ tas vispār ir svarīgi ?

P.S. zinu ka tas nāk kā šoks, bet pasaulē ir arī citi browseri. Ne tikai FF un IE.

Mājaslapa obligāti ir jātestē arī uz Safari un Operas.

edit: .. anyway : https://www.css3.com/css-overflow-y/

#173688
drono
Participant

Svarīgi tas ir tāpēc, ka pārslēdzoties no lappuses, kurai nav ritjosla uz lappusi, kurai tā ir, lapas nemainīgā daļa lēkā no vienas uz otru pusi. Un izskatās tas manuprāt īpaši muļķīgi.

Nu tas, ka ir citi browseri, man ir zināms :D:D Š os divus minēju tikai kā piemēru.

#173689
Tvinky
Participant

Liels paldies par komentāriem. Fox’a dotais gatavais piemērs ļoti noderēja, jo mājās bez neta pagaidām un tur es atradu daudz atbildes. Pēc svētkiem būšu kojās un tur tikšu pats pie net’a, līdz ar to tikšu vairāk ar šo visu galā.

#173690
azazul
Participant

foxsk8 wrote:

Pats, aptuveni pirms gada, ar diviem sāku krāmēties, vadoties pēc šī tutoriāļa:

https://moirass.com/tutorial/moirass.com_html_css_tutorial.rar


Nākamreiz izlaid savus piemērus caur validātoru.

:hmz:

p.s. keyword metatagā nevajag likt atstarpes.

#173691
Foxsk8
Participant

Laikam jau nepamanīji, ka tas nav manis veidots tuts.

#173692
azazul
Participant

Njā .. neapskatījos :suck:

#173693
Mr.Death
Participant

azazul wrote:

Nākamreiz izlaid savus piemērus caur validātoru.

Nu gan nocēlies 😀

#173694
azazul
Participant

Anyway, ja darbojies offline, tad iesaku kādas pāris gramatas dabūt:

https://isohunt.com/torrents/xhtml?ihs1=2&iho1=d&iht=9

https://isohunt.com/torrents/css?ihs1=2&iho1=d&iht=9

#173695
Tvinky
Participant

Rīt jau būšu kojās, papētīšu šo visu dziļāk. Izlaidīšu arī caur validatoru. Vajadzēs arī pameklēt kā cīnities joku, kad var visu dizainu salauzt. (Biju mainījis fontus un man viens divs paskrēja apaksā. Ar tabulām tas atkrīt, bet meklēšu atbildi ar div’iem. Jo negribas, lai kāds komentējot agriež saitu ar kājām gaisā.) Komentāri tiešām noderīgi, liels paldies.

P.C Cerams, ka mobilais izmanto utf, pretējā gadījumā, ķeburi un liels fuj Nokia!

Tiek skatīts 1 ieraksts (no 15 kopumā)
  • Jums ir jāpieslēdzas sistēmai, lai varētu komentēt šo tēmu.
Jaunākais portālā