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


    simple html+css file in FF n IE

    Share

    mucha_wan
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 29
    Age : 28
    Location : Malizia
    Job/hobbies : hob-nob
    Registration date : 18/02/2009

    simple html+css file in FF n IE

    Post by mucha_wan on 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

    cixent
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 44
    Age : 27
    Location : Tumpat, Kelantan
    Job/hobbies : Jobless
    Registration date : 08/04/2009

    Re: simple html+css file in FF n IE

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

    ngko jangan pakai percent kat size table ngko.. tetapkan pixel..

    mucha_wan
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 29
    Age : 28
    Location : Malizia
    Job/hobbies : hob-nob
    Registration date : 18/02/2009

    Re: simple html+css file in FF n IE

    Post by mucha_wan on 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

    cixent
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 44
    Age : 27
    Location : Tumpat, Kelantan
    Job/hobbies : Jobless
    Registration date : 08/04/2009

    Re: simple html+css file in FF n IE

    Post by cixent on 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...

    Farlee
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 38
    Age : 33
    Location : Kuala Lumpur, Kuala Terengganu (Malaysia)
    Job/hobbies : Looking at Computer
    Registration date : 16/03/2009

    Re: simple html+css file in FF n IE

    Post by Farlee on 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.

    mucha_wan
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 29
    Age : 28
    Location : Malizia
    Job/hobbies : hob-nob
    Registration date : 18/02/2009

    Re: simple html+css file in FF n IE

    Post by mucha_wan on 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.

    SHiDi
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 30
    Age : 32
    Location : Ampang
    Job/hobbies : Geek
    Registration date : 03/03/2009

    Re: simple html+css file in FF n IE

    Post by SHiDi on 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.

    mucha_wan
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 29
    Age : 28
    Location : Malizia
    Job/hobbies : hob-nob
    Registration date : 18/02/2009

    Re: simple html+css file in FF n IE

    Post by mucha_wan on 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

    mucha_wan
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 29
    Age : 28
    Location : Malizia
    Job/hobbies : hob-nob
    Registration date : 18/02/2009

    Re: simple html+css file in FF n IE

    Post by mucha_wan on 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

    Sponsored content

    Re: simple html+css file in FF n IE

    Post by Sponsored content Today at 5:38 pm


      Current date/time is Sat Dec 03, 2016 5:38 pm