Probleem met buttons

  • http://www.rjshosting.nl/


    CSS:

    PHP
    #header .button { float: left; margin: 20px 0 0 10px; position: relative; background: url("images/buttonbg.png") repeat-x left top; height: 33px; border: 1px solid #dddddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behaviour: url(PIE.htc); }
    #header .button a { position: absolute; top: 0; left: 0; height: 33px; width: 100%; text-indent: -9999px; }


    Stukje HTML:

    PHP
    <div class="right">
    						
    <div class="button">
    						<a href="http://www.klanten.rjshosting.nl/modules/livehelp/index.php" target="_blank" onclick="openLiveHelp(); return false">CHAT</a>
    <div class="inner">
    <div class="image"><img src="images/chat.png" alt="Chat" /></div>
    <div class="text">CHAT</div>
    </div>
    </div>


    Ik krijg de letters er niet goed zichtbaar in.
    Ik hoop dat iemand op CP mij kan helpen hiermee.


    Beloning: 1 euro RJSHosting tegoed. of 1 euro bank.:cheer:

  • Ik zou eventueel kunnen helpen maar dan zou ik meer van de source code moeten kunnen zien. Dan kan ik het eventueel voor je proberen te maken.

    Nieuwe reactie samengevoegd met originele reactie op 15.03.12 17:39:02:
    Ik weet het probleem al.. Je maakt in feite helemaal geen button aan...


    Probeer dit eens:

  • Je moet als background inderdaad die DIV met de class Button doen. Dan zou je het beste gewoon daarin een DIV doen die een class heeft waar de background met die image in wordt gedaan en dan daar gewoon rechts tegen aan een andere DIV die de tekst vasthoudt met zijn stijl.

    Kast: HAF922 | CPU: I7-930 @ 4.0GHz | CPU Cooler: Noctua NH-D14 | HDD0: Crucial M4 128GB, HDD1: Kingston SSD 64GB, HDD2/3: WD Black & Green 1TB, HDD4: Seagate 1.5TB | Mem: Kingston HyperX 12GB @ 1600MHz | Graphics: Crossfire HD6970 | Res: 5760x1080

  • Citaat van Dein
    PHP
    <button></button>


    Is ook een tag, waarom maak je daar geen gebruik van is semantisch en scheelt een hoop div's


    Had ik ook al gezegd zoals in mijn eerdere post te zien...

  • Is al bijna opgelost.

    School
    Tweedejaars Informatica Student @ Hogeschool Rotterdam.


    Webtalen
    - PHP ( OOP )
    - SQL
    - JavaScript i.c.m. jQuery framework
    - (x)HTML
    - CSS
    - Actionscript
    - XML


    Programmeertalen
    - Java
    - C#
    - Ruby i.c.m. on Rails framework

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!