Probleem met buttons

adidasstyle · 15 Maart 2012

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:

jeffrey1994 · 15 Maart 2012

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:

PHP

<div class="inner">
<div class="text"><button type="button"><img src="images/chat.png" /><a onclick="openLiveHelp(); return false" target="_blank" href="http://www.klanten.rjshosting.nl/modules/livehelp/index.php">CHAT</a></button>
</div>
</div>
<div class="button">
<div class="inner">
<div class="text"<button type="button"><img src="images/skype.png" alt="skype" /><a href="skype:rjshosting?call">SKYPE</a></div>
</div>
<div class="button">
<div class="inner">
<img alt="Email" src="images/email.png">
</div>
<div class="text"><button type="button"><img src="images/email.png" alt="email" /><a onclick="openLiveHelp('', 'offline.php'); return false" target="_blank" href="http://klanten.rjshosting.nl/modules//livehelp/offline.php?LANGUAGE=en">EMAIL</a></div>
</div>
</div>
<div class="button">
<div class="inner">
<div class="text"><button type="button"><a href="http://www.rjshosting.nl/">KLANTENPANEL</a></button></div>
</div>
</div>

Toon Meer

adidasstyle · 15 Maart 2012

Nee werkt niet. :$

jopitan · 15 Maart 2012

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.

Dein · 15 Maart 2012

PHP

<button></button>

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

jeffrey1994 · 16 Maart 2012

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...

adidasstyle · 19 Maart 2012

Beloning: 5 euro bank , of 5 euro rjshosting tegoed!

Ja kan wel maar graag dan wel voor mij ook de css/html erop aanpassen zodat ik het kan implanteren.

NielsB · 19 Maart 2012

Is al bijna opgelost.

adidasstyle · 19 Maart 2012

NielsB heeft het probleem succesvol opgelost! :slotje:

DNS update Directadmin

Graag advies voor mijn website

Ik wil op afstand studeren, kennen jullie Tech?

PC probleem

Let op Vimexx klanten

wie kan mij helpen met Security aanscherpen voor nmijn website

Ik ben op zoek naar een goede hosting

App bouwer gezocht

Dating software

250 Nieuwe domeinnamen April 2024

Xenforo buckaroo plugin

Probleem met buttons

Participate now!

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Het Belang van Standaardisatie

De Revolutionaire Rol van IT in Alzheimeronderzoek

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Delen