Html උදව්

Giant

Well-known member
  • Jan 24, 2016
    7,503
    9,181
    113
    යාළුවනේ මම html වලට උදව් ඉල්ලන 1 වන ත්‍රෙඩ් එක මේක නෙමේ. මම කලින් ත්‍රෙඩ් එකක් දාලා උදව්වක් ඉල්ලුවා. කට්ටිය මට ඒක කියලා දුන්නා සහ අම්බානෙක බැනලත් තිබ්බා. ඒකවත් දන්නේ නැද්ද? මී හකෙක් එහෙම කියලා.අවුලක් නෑ. මම මුලින්ම කියන්න ඔනේ html කියන දේ මම විධිමත් විදියට ඉගෙන ගෙන නෑ. තනිකරම නෙට් එකේ ටියුට්ස් බලලා සහ එහෙන් මෙහෙන් බ්ලොග් තීම් එඩිට් කරලා .මයි ඉගෙන ගෙන තියෙන්නේ. එක නිසා මට ප්‍රශ්ණ නම් අම්බානෙක. ඒකට සමාවෙන්න.

    යාළුවනේ මම postion එකකට image එකක් සෙට් කරාම එක මැෂින් එකකදී එක හරියටම පෙන්නනවා සහ ලැප් එකේ බලද්දී image එක තියෙන්නේ සෙට් කරපු තැන නමේ වෙනස් තැනක. ඒකට හේතුව මොකක්ද? screen resolution එක ඒකට බලපාන්නේ කොහොමද?? දන්න කෙනෙක් බනින්නේ නැතුව කියලා දෙන්න.ප්ලීස්
     

    Giant

    Well-known member
  • Jan 24, 2016
    7,503
    9,181
    113
    #div id එක{position:absoluteදුන්නා; width :xxx අදාල අගය top:300pxතමයි ඕනේ: left:600pxතමයි ඕනේ}

    මේක body parent eliment ethule dunne.

    but different screens show different positions
     

    Idias

    Well-known member
  • Feb 25, 2016
    7,396
    3,708
    113
    CSS background-image Technique:

    html { width:100%; height:100%; background:url(logo.png) center center no-repeat; }CSS + Inline Image Technique:

    img { position: absolute; top: 50%; left: 50%; width: 500px; height: 500px; margin-top: -250px; /* Half the height */ margin-left: -250px; /* Half the width */ }

    Table technique:

    html, body, #wrapper { height:100%; width: 100%; margin: 0; padding: 0; border: 0; } #wrapper td { vertical-align: middle; text-align: center; }

    :yes::yes:
     
    • Like
    Reactions: Giant

    shammif2

    Active member
  • May 4, 2007
    199
    28
    28
    යාළුවනේ මම html වලට උදව් ඉල්ලන 1 වන ත්‍රෙඩ් එක මේක නෙමේ. මම කලින් ත්‍රෙඩ් එකක් දාලා උදව්වක් ඉල්ලුවා. කට්ටිය මට ඒක කියලා දුන්නා සහ අම්බානෙක බැනලත් තිබ්බා. ඒකවත් දන්නේ නැද්ද? මී හකෙක් එහෙම කියලා.අවුලක් නෑ. මම මුලින්ම කියන්න ඔනේ html කියන දේ මම විධිමත් විදියට ඉගෙන ගෙන නෑ. තනිකරම නෙට් එකේ ටියුට්ස් බලලා සහ එහෙන් මෙහෙන් බ්ලොග් තීම් එඩිට් කරලා .මයි ඉගෙන ගෙන තියෙන්නේ. එක නිසා මට ප්‍රශ්ණ නම් අම්බානෙක. ඒකට සමාවෙන්න.

    යාළුවනේ මම postion එකකට image එකක් සෙට් කරාම එක මැෂින් එකකදී එක හරියටම පෙන්නනවා සහ ලැප් එකේ බලද්දී image එක තියෙන්නේ සෙට් කරපු තැන නමේ වෙනස් තැනක. ඒකට හේතුව මොකක්ද? screen resolution එක ඒකට බලපාන්නේ කොහොමද?? දන්න කෙනෙක් බනින්නේ නැතුව කියලා දෙන්න.ප්ලීස්

    CODE එක බලන්නේ නැතුව කියන්න අමාරුයි. css පාවිච්චි කරනවද?
    <IMG STYLE="position:absolute; TOP:35px; LEFT:170px; WIDTH:50px; HEIGHT:50px" SRC="circle.gif">

    Here's What's Happening

    IMG denotes that this will be an image.
    STYLE= proclaims what will follow are style commands.
    position:absolute; states that the image will go exactly where I say it will. If text or another picture is already there -- tough. This will go right over top of it. That is one of the drawbacks to this positioning stuff.
    TOP:35px;LEFT:170px; These are the plot points for the image: 35 pixels down from the top and 170 pixels in from the left.
    WIDTH:50px;HEIGHT:50px This is the height and width of the image itself.
     
    • Like
    Reactions: Giant

    deepbug

    Junior member
  • Feb 11, 2017
    62
    60
    18
    Cyberspace
    අවුල මොකද්ද කියලා මටනම් හිතාගන්න අමාරුයි. හැබැයි මම නම් ඔය වගේ වෙලාවට top, left අගයන් දෙන්නෙ % ගණන් වලින්. px විදිහට දෙනවට වැඩිය ඒක හොඳයි කියලා මට හිතෙනවා.
     

    Lakshan-Seram

    Well-known member
  • May 31, 2011
    24,725
    12,643
    113
    127.0.0.1:8080/Kandy
    Mehemai absolutely positioned ewa default enne screen eke left top idan thama pixel count wenne.. so screen eka loku nam center karana ewa ehema ehema weda karanne na..

    Owata techniques tiyenawa..

    Wenna one wede hetiyata thama karanna one..
     

    vjanu

    Active member
  • Sep 6, 2015
    252
    139
    43
    Colombo
    යාළුවනේ මම html වලට උදව් ඉල්ලන 1 වන ත්‍රෙඩ් එක මේක නෙමේ. මම කලින් ත්‍රෙඩ් එකක් දාලා උදව්වක් ඉල්ලුවා. කට්ටිය මට ඒක කියලා දුන්නා සහ අම්බානෙක බැනලත් තිබ්බා. ඒකවත් දන්නේ නැද්ද? මී හකෙක් එහෙම කියලා.අවුලක් නෑ. මම මුලින්ම කියන්න ඔනේ html කියන දේ මම විධිමත් විදියට ඉගෙන ගෙන නෑ. තනිකරම නෙට් එකේ ටියුට්ස් බලලා සහ එහෙන් මෙහෙන් බ්ලොග් තීම් එඩිට් කරලා .මයි ඉගෙන ගෙන තියෙන්නේ. එක නිසා මට ප්‍රශ්ණ නම් අම්බානෙක. ඒකට සමාවෙන්න.

    යාළුවනේ මම postion එකකට image එකක් සෙට් කරාම එක මැෂින් එකකදී එක හරියටම පෙන්නනවා සහ ලැප් එකේ බලද්දී image එක තියෙන්නේ සෙට් කරපු තැන නමේ වෙනස් තැනක. ඒකට හේතුව මොකක්ද? screen resolution එක ඒකට බලපාන්නේ කොහොමද?? දන්න කෙනෙක් බනින්නේ නැතුව කියලා දෙන්න.ප්ලීස්

    machn container kiyala class ekak tyenaw eka net eke search karala balapan
     

    D T

    Member
    Aug 4, 2016
    2,460
    303
    0
    96
    𝓝𝓸 𝓘𝓭𝓮𝓪 💦
    එකට හේතුව මචන් resolution වෙනස් එකයි, උබ px අගයන් පාවිච්චි කරපු එකයි වෙන්න ඕන. ඔතන em පාවිච්චි කරලා බලන්න.

    12px = 12px
    12 em = current default size * 12
     
    • Like
    Reactions: Giant

    kolavari

    Well-known member
  • Aug 11, 2012
    33,746
    1
    25,655
    113
    කැළෑ පොජ්ජේ
    code එක දාපන් බන් නැතුව කොහොමද කියන්නේ? :P

    ඕකට හේතු ගොඩක් තියෙන්න පුළුවන්..බ්‍රව්සර් එකෙන් බ්‍රව්සර් එකට වෙනස් වෙනවා render වෙන විදිහ...ක්‍රොස් බ්‍රව්සර් කම්පටබිලිටි කියන්නේ ඒකයි...

    වෙබ් කරනවානම් එකට පුරුදු වෙන්න ඕනේ...:yes:
     

    I love JS

    Well-known member
  • Feb 23, 2016
    4,447
    375
    83
    Responsive web design gana poddak balapan macahn.. podi frontend css framework ekak use karapan....
     
  • May 31, 2017
    79
    9
    8
    මේ වගේ කාලකන්නින්ට උදව් කරන උන්ට කියන්නේ?

    තොපි මේකේ පුක උඩදාගෙන මේ වගේ උන්ට උදව්කරාට වැඩක්නෑ.

    බලපන්. ඌ හරියට ප්‍රශ්නෙ අහන්නවත් මහන්සිවෙලද? උත්තර දෙන උන් උගෙන් ප්‍රශ්න අහන්න ඕන උත්තර දෙන්න? :lol::lol::lol:

    අනිත් එක මෙච්චර රිප්ලයි දාලත් එකෙක්ටවත් තෑන්ක්ස කරලත් නෑ. :lol::lol::lol:
     

    I love JS

    Well-known member
  • Feb 23, 2016
    4,447
    375
    83
    මේ වගේ කාලකන්නින්ට උදව් කරන උන්ට කියන්නේ?

    තොපි මේකේ පුක උඩදාගෙන මේ වගේ උන්ට උදව්කරාට වැඩක්නෑ.

    බලපන්. ඌ හරියට ප්‍රශ්නෙ අහන්නවත් මහන්සිවෙලද? උත්තර දෙන උන් උගෙන් ප්‍රශ්න අහන්න ඕන උත්තර දෙන්න? :lol::lol::lol:

    අනිත් එක මෙච්චර රිප්ලයි දාලත් එකෙක්ටවත් තෑන්ක්ස කරලත් නෑ. :lol::lol::lol:

    Ow uba hari.. eth oya prashnema thiyena wena ekakta hari meke kollo dala thiyena reply tika help weine machan.. mm
     

    Giant

    Well-known member
  • Jan 24, 2016
    7,503
    9,181
    113
    මේ වගේ කාලකන්නින්ට උදව් කරන උන්ට කියන්නේ?

    තොපි මේකේ පුක උඩදාගෙන මේ වගේ උන්ට උදව්කරාට වැඩක්නෑ.

    බලපන්. ඌ හරියට ප්‍රශ්නෙ අහන්නවත් මහන්සිවෙලද? උත්තර දෙන උන් උගෙන් ප්‍රශ්න අහන්න ඕන උත්තර දෙන්න? :lol::lol::lol:

    අනිත් එක මෙච්චර රිප්ලයි දාලත් එකෙක්ටවත් තෑන්ක්ස කරලත් නෑ. :lol::lol::lol:

    මචං කාලකන්නි කියලා කියන්න එපා.
    මම හච් එකේ රු 25 පැකේජ් එක දාගෙන පැයක් අන්ලිමිටඩ් එන්නේ සහ සති අන්තේ රු.70 දාගෙන පැය 5කන් සතියෙම ටියුටෝරියල් ඩවුන්ලොඩ් කරන එකෙක්.හැම කෙනාටම 24 ඔන්ලයින් ඉන්න අවස්ථාවක් සහ ආර්ථික ශක්තියක් නෑ සහෝ.

    සති 4ට 70 කැලී 4කුයි අවශ්‍යම දේකට 25හේ කෑල්ලක් තමයි මගේ අන්තර්ජාල ජීවිතේ සහෝ
    ප්‍රශ්ණ 1000ක් අහන්න ඕන් උනත් උන් දෙන්නේ පැයයි.