9 berichten aan het bekijken - 1 tot 9 (van in totaal 9)
  • Q:

    Bijdrager
    karf

    Links in Safari klein

    Ik ben op dit moment bijna klaar met m’n portfolio site. Ik heb al aan wat mensne gevraagt of ze in hun brouwser me site konden testen. Alles werkte goed. Alleen in Safari zijn alle links heeel klein.

    Voorbeeld:

    Opera:

    Safari:

    Wat kan ik hier tegen doen?


    Bijdrager
    freshface

    Link naar site?
    Hier zijn wij niks mee.


    Bijdrager
    aerosoul

    waarschijnlijk iets in je css.. met links en maten in misschien procenten of em..


    Bijdrager
    karf

    De CSS:

    [code:1:cabab2b90c]<style>
    .tabel_border { border-right: 1px solid #000000; border-bottom: 1px solid #000000; }

    /**** BODY ****/
    body { margin: 0px 0px 0px 0px; }
    body, code, table, td, pre { font-size: 8pt; color: #000000; font face: arial; cursor: default; }
    a:link { font-size: 7,5pt; color: #1b1411; font face: arial; text-decoration: none; }
    a:visited { font-size: 7,5pt; color: #1b1411; font face: arial; text-decoration: none; }
    a:hover { font-size: 7,5pt; color: #000000; font face: arial; text-decoration: underline; }
    a:active { font-size: 7,5pt; color: #1b1411; font face: arial; text-decoration: none; }
    input,textarea,select {
    border: solid #000000 1px;
    color: #000000;
    font-size: 12px;
    font-weight: Trebuchet MS;
    }

    input.go {
    border: solid #000000 0px;
    background-color: #000000;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: Trebuchet MS;
    font-weight: bold;
    padding: 0 5 0 5;
    cursor: hand;
    }
    .style3 {color: #FFFFFF}
    </style>[/code:1:cabab2b90c]


    Bijdrager
    freshface

    gebruik px ipv pt


    Bijdrager
    karf

    Dit is nu de CSS:
    [code:1:0bdcb31c53]<style>
    .tabel_border { border-right: 1px solid #000000; border-bottom: 1px solid #000000; }

    /**** BODY ****/
    body { margin: 0px 0px 0px 0px; }
    body, code, table, td, pre { font-size: 8pt; color: #000000; font face: arial; cursor: default; }
    a:link { font-size: 7,5px; color: #1b1411; font face: arial; text-decoration: none; }
    a:visited { font-size: 7,5px; color: #1b1411; font face: arial; text-decoration: none; }
    a:hover { font-size: 7,5px; color: #000000; font face: arial; text-decoration: underline; }
    a:active { font-size: 7,5px; color: #1b1411; font face: arial; text-decoration: none; }
    input,textarea,select {
    border: solid #000000 1px;
    color: #000000;
    font-size: 12px;
    font-weight: Trebuchet MS;
    }

    input.go {
    border: solid #000000 0px;
    background-color: #000000;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: Trebuchet MS;
    font-weight: bold;
    padding: 0 5 0 5;
    cursor: hand;
    }
    .style3 {color: #FFFFFF}
    </style>[/code:1:0bdcb31c53]

    Nog steeds klein in Safari


    Moderator
    unSOUND

    Waarschijnlijk omdat er ook 7,5 px staat aangegeven bij de links, terwijl de rest 12 px krijgt ?


    Bijdrager
    karf

    Toen ik ze 12 gaf waren ze nog iets te groot. Heb hem nu 10 gemaakt en in zowel Opera als Safari staan ze mooi en normaal. Bedankt.


    Bijdrager
    freshface

    Dat komt omdat je pixels gebruikt.
    Dat is een absolute waarde.

    Je moest indd ook nog de waarde voor px aanpassen.

9 berichten aan het bekijken - 1 tot 9 (van in totaal 9)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.