Forum Sementara Putera.com

Would you like to react to this message? Create an account in a few clicks or log in to continue.
Forum Sementara Putera.com

Bersama kita perkemaskan forum ini sementara forum asal dalam pemulihan.

Forum putera dah kembali. Masalah sudah berjaya diselesaikan. Sila lawati http://forum.putera.com/tanya


4 posters

    simple html+css file in FF n IE

    mucha_wan
    mucha_wan
    mucha_wan
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 29
    Age : 36
    Location : Malizia
    Job/hobbies : hob-nob
    Registration date : 18/02/2009
    • Post n°1

    simple html+css file in FF n IE Empty simple html+css file in FF n IE

    Post by mucha_wan Fri Apr 17, 2009 3:07 am

    Assalamualaikum & slmt sejahtera kpd semua Smile
    aku ade buat html files in purpose of testing only
    ia hanya menggunakan css je for styling it

    MASALAHNYE

    bile bukak dlm FF & Opera....canteeeeekkk je positions die
    kire sumenye perfect jelah
    tp bile bukak dlm IE plak....abes beterabur!
    lagi pulak ade links yg x berfungsi lgsg!!setan la

    ni rupa die dlm FF
    Spoiler:
    description: sume links ni gunakan image..bila user mouseover je, dia akn tuka warna (image jugakla)

    ni plak dlm IE (yg jadi serabut)
    Spoiler:
    link yg berfungsi adalah link utk contact shj yg lain xleh guna lgsg!pastu position pon lari tuuu

    oleh ituu..aku nak mintak la tlg sape2 yg boleh bgtaw cmne carenye nak synchronize kan css die supaya samada dlm FF or IE or etc, dua2 canteeeeeekkk je..
    mintak ampunla kalau topic ni dah ada sblm ni..& kalau ade links2, tabur2kn la skali..
    thnk u in advance Smile

    edit: software yg digunakan - Photoshop CS4, Dreamweaver CS4 n notepad Very Happy
    • Back to top
    cixent
    cixent
    cixent
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 44
    Age : 35
    Location : Tumpat, Kelantan
    Job/hobbies : Jobless
    Registration date : 08/04/2009
    • Post n°2

    simple html+css file in FF n IE Empty Re: simple html+css file in FF n IE

    Post by cixent Mon Apr 20, 2009 12:00 pm

    ngko jangan pakai percent kat size table ngko.. tetapkan pixel..
    • Back to top
    mucha_wan
    mucha_wan
    mucha_wan
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 29
    Age : 36
    Location : Malizia
    Job/hobbies : hob-nob
    Registration date : 18/02/2009
    • Post n°3

    simple html+css file in FF n IE Empty Re: simple html+css file in FF n IE

    Post by mucha_wan Tue Apr 21, 2009 11:18 pm

    %??
    mmgla pkai px pn..
    plus images tu sume xde di kecikkn / besarkn pun
    sbb designing die sume dr photoshop patu transfr ke dw plak
    tp klu yg % ko maksudkn tu lain..tlg xplain pls Smile
    • Back to top
    cixent
    cixent
    cixent
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 44
    Age : 35
    Location : Tumpat, Kelantan
    Job/hobbies : Jobless
    Registration date : 08/04/2009
    • Post n°4

    simple html+css file in FF n IE Empty Re: simple html+css file in FF n IE

    Post by cixent Wed Apr 22, 2009 1:32 am

    btol dah yg ko fhm.. table jgan guna percent untuk width n height..... hmmm... tp mmg masalah ngan table size... die cam terikut resolution screen... check btol2...
    • Back to top
    Farlee
    avatar
    Farlee
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 38
    Age : 40
    Location : Kuala Lumpur, Kuala Terengganu (Malaysia)
    Job/hobbies : Looking at Computer
    Registration date : 16/03/2009
    • Post n°5

    simple html+css file in FF n IE Empty Re: simple html+css file in FF n IE

    Post by Farlee Thu Apr 23, 2009 12:33 pm

    takkan css 'spoil' kut? tapi css pakai px definitely kan? rasanya html tu kena set.
    klu html pakai pixel size juga should be no problem.... fixed by constant.

    macam kod ini :->
    Code:

    <table width=" # %"></table>
    ini mmg fleksible mengikut resolusi dan browser sendiri, kerana setiap size atau resolusi penuh di'persen'kan. sbb tu klu nampak kanan skit jadi ke kanan sgt, atas sket jadi atas sgt dsb

    Tapi kalu mcm ni ->
    Code:

    <table width=" # "></table>
    ini mmg table static; bukaklah mana2 browser dan ubah resolusi apa2 pun, saiznye mcm tu la jugak!

    Anyway, tgk html tu, ekjas mana2, konpon x berterabur.
    • Back to top
    mucha_wan
    mucha_wan
    mucha_wan
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 29
    Age : 36
    Location : Malizia
    Job/hobbies : hob-nob
    Registration date : 18/02/2009
    • Post n°6

    simple html+css file in FF n IE Empty Re: simple html+css file in FF n IE

    Post by mucha_wan Thu Apr 23, 2009 10:50 pm

    FYI aku xde gune ape table pun la
    aku gune tag <div> je

    ni css aku:
    Code:

    body {
       background:url("http://img510.imageshack.us/img510/6388/bgpart2.jpg");
       background-color:#999;
       background-attachment:scroll;
       background-position:center;
       background-repeat:no-repeat;
       margin-top:0px;
       height:600px;
       font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
       font-size:10pt;
       color:#999;
    }

    a {
       color:#F90;
       font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
       font-size:9px;
       text-decoration:none;
    }

    span {
       display:none;
    }

    #home {
       display:block;
       width:124px;
       height:68px;
       margin-top:115px;
       margin-left:235px;
       background:url("images/cl_home.gif") no-repeat 0 0;
    }

    #home:hover {
       background:url("images/cl_home.gif") no-repeat 0 0;
    }

    #about {
       display:block;
        width: 193px;
        height: 68px;
       margin-top:-71px;
       margin-left:397px;
        background: url("images/wh_abt.gif") no-repeat 0 0;
    }

    #about:hover {
        background: url("images/cl_abt.gif") no-repeat 0 0;
    }

    #products {
       display:block;
        width: 170px;
        height: 59px;
       margin-top:-68px;
       margin-left:633px;
        background: url("images/wh_prod.gif") no-repeat 0 0;
    }

    #products:hover {
        background: url("images/cl_prod.gif") no-repeat 0 0;
    }

    #ctc {
       display:block;
        width: 159px;
        height: 59px;
       margin-top:-57px;
       margin-left:844px;
        background: url("images/wh_ctc.gif") no-repeat 0 0;
    }

    #ctc:hover {
        background: url("images/cl_ctc.gif") no-repeat 0 0;
    }

    div.container {
       width:700px;
       height:500px;
       margin-top:50px;
       margin-left:280px;
    }

    div.footer {
       width:auto;
       height:auto;
       margin-top:auto;
       margin-left:auto;
       font-family:Arial, Helvetica, sans-serif;
       font-size:8pt;
       color:#333;
    }

    div.footer a {
       font-family:Arial, Helvetica, sans-serif;
       font-size:8pt;
       color:#F30;
    }

    div.testing {
       float:left;
       clear:right;
       margin-top:0px;
    }
    n ni plak html die: (file name: index.html)
    Code:

    <body>

    <div class="testing">

    <img src="images/testing.png" />

    </div>

    <p>

    <a id="home" href="home.html"><span>Home</span></a>

    <a id="about" href="abt.html"><span>About Us</span></a>

    <a id="products" href="prod.html"><span>Products</span></a>

    <a id="ctc" href="ctc.html"><span>Contact</span></a>


    </p>

    <div class="container">

    <h1 style="color: #F66;">LOREM IPSUM</h1>

    <p>

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    Why do we use it?

    </p>

    <p>

    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
    <a href="http://www.lipsum.com" target="_blank" title="more stories behind Lorem Ipsum">More..</a>

    </p>

    <p align="right">

    <img src="images/li1.jpg" width="130px" alt="lorem ipsum"/>
    <img src="images/li2.jpg" width="130px"  alt="lorem ipsum"/>
    <img src="images/li3.gif" width="130px"  alt="lorem ipsum"/>

    </p>

    </div>

    <center>

    <div class="footer">

    <p>

    All designs of this website is a copyrighted material owned by <a href="http://www.myspace.com/musyazaro" target="_blank" title="Syazwan Zahari's myspace">Syazwan Zahari &copy;</a> 2008-2009.<br />All right reserved. Get in touch with him through his <a href="mailto:syazwanzahari@ymail.com" title="syazwanzahari@ymail.com">e-mail</a>.

    </p>

    </div>

    </center>

    </body>
    aku da upload kt free web host
    g kt sini -- http://irahaznawzays.001webs.com
    ni just utk experimenting je taw
    jgn komen lbeh2 plak
    hahaa :p

    edit: lain2 files pon gune css yg sama.
    • Back to top
    SHiDi
    avatar
    SHiDi
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 30
    Age : 40
    Location : Ampang
    Job/hobbies : Geek
    Registration date : 03/03/2009
    • Post n°7

    simple html+css file in FF n IE Empty Re: simple html+css file in FF n IE

    Post by SHiDi Fri Apr 24, 2009 12:29 am

    Ni berlaku sebab IE punyai standard sendiri untuk CSS. Google tentang penggunaan ifie dalam css.

    Biasanya para designer akan sediakan 2 jenis css file. Satu untuk general dan satu lagi untuk IE. IE memang leceh sket sebab dia ada standard sendiri.
    • Back to top
    mucha_wan
    mucha_wan
    mucha_wan
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 29
    Age : 36
    Location : Malizia
    Job/hobbies : hob-nob
    Registration date : 18/02/2009
    • Post n°8

    simple html+css file in FF n IE Empty Re: simple html+css file in FF n IE

    Post by mucha_wan Sat Apr 25, 2009 4:25 pm

    o mcm tu rupenye..
    so bkn la salah css aku kn??
    btw thnks bro
    appreciate it so much lah!! Smile
    • Back to top
    mucha_wan
    mucha_wan
    mucha_wan
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 29
    Age : 36
    Location : Malizia
    Job/hobbies : hob-nob
    Registration date : 18/02/2009
    • Post n°9

    simple html+css file in FF n IE Empty Re: simple html+css file in FF n IE

    Post by mucha_wan Tue Apr 28, 2009 12:35 am

    update: baru2 ni aku teringat pasal ade css coding ni..tp aku gunakn utk myspc time tu (hahaha)
    cari punye cari..akhirnye jumpe gak website tu balik..
    then aku try la apply kn ia n do some adjustment (sbb css coding tu kn utk myspc :p)..
    kt FF run smoothly..igtkn bila run kt IE, xjadi...
    tapi..sykur kpd Tuhan..jadi ow!!
    walaupn ade sket kecacatan kt 1 part tuh..
    tp xkesahla lg pun ia adalah experimental je pun hehee
    xsangke plak..css coding utk myspc yg menyelamatkn keadaan Very Happy

    btw..check out my static website dat ive applied the img hover css coding..
    --> http://irahaznawzays.001webs.com/
    experiment je ni ok Smile
    cheers to all albino
    • Back to top
    Sponsored content

    Sponsored content


    • Post n°10

    simple html+css file in FF n IE Empty Re: simple html+css file in FF n IE

    Post by Sponsored content

    • Back to top
      Current date/time is Mon Nov 18, 2024 8:53 am