Søg
Avatar billede sympotonic Nybegynder
09. februar 2006 - 17:47 Der er 7 kommentarer og
1 løsning

CSS på min RADIO, ligesom min scrollbar, help!

Hej derude, jeg sidder og er igang med en side:

http://www.burgerhjoernet.dk/sites/tattoosbylarsen < hvis i går ind under mail, kan i se jeg har stylet alle input felter, samt textarea med scrollbar og det hele, men hvordan får jeg stylet mine radio tjekbokse ? husk det er cirklerne... Jeg har prøvet med baggrundsfarve og border, men så laver den bare en firkant rundt om selve ringen, ret provokerende... det jeg er på udkig efter, kan i se nærmere på her:

textarea.mailfelt {
font-family: verdana;
font-size: 11px;
font-weight: normal;
color: #ffffff;
background: #000000;
border: 1px solid #ffffff;
scrollbar-face-color: #3c0000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #3c0000;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-highlight-color: #3c0000;
scrollbar-darkshadow-color: #ffffff;
}

input.tjek {
font-family: verdana;
font-size: 11px;
font-weight: normal;
color: #ffffff;
radio-face-color: #3c0000;
radio-track-color: #000000;
radio-shadow-color: #3c0000;
radio-3dlight-color: #ffffff;
radio-arrow-color: #ffffff;
radio-highlight-color: #3c0000;
radio-darkshadow-color: #ffffff;
}

Som i kan se har jeg prøvet mig frem, min scrollbar fungere perfekt, og har så prøvet et skud i togen med radio, fordi den har de samme shadows osv som en scrollbar har, når man skal style den. men det er forkert, for virker nada hehe.. nogen der ved hvordan man styler en radio overhovedet ? vil bare have det til at være en sort rund ring, med en hvid cirkel "border" rundt om, og en hvid prik i midet :)

Skal jo passe ind i designet hehe :P

Takker på forhånd, mvh 200 point til vinderen, da jeg snart har brugt 3 timer på at søge på nettet
Avatar billede olebole Juniormester
09. februar 2006 - 17:55 #1
<ole>

Radios, checkbox'e, file-inputs og select-elementer kan du stort set ikke style på. Kedeligt - men sandt  :)

/mvh
</bole>
Avatar billede sympotonic Nybegynder
09. februar 2006 - 17:56 #2
nooo det må kunne lade sig gøre, kan det ikke være rigtigt det andet her nægter at tro :P
Avatar billede olebole Juniormester
09. februar 2006 - 17:59 #3
- sådan er det med tro ... den står ofte i vejen for virkeligheden  ;o)
Jeg er ked af at måtte skuffe dig, men det er, som jeg skriver  :)
Avatar billede sympotonic Nybegynder
09. februar 2006 - 18:01 #4
og du er 120% ??? er godt nok agerligt det skal øddelægge det for mig... synes bare det underligt man ik kan style det, ellers flot side ik :D
Avatar billede olebole Juniormester
09. februar 2006 - 18:05 #5
Jeg er 220% sikker  :)

- og i Opera kan du f.eks. slet ikke sætte baggrundsfarve på _nogen_ formelementer  =)
Avatar billede sympotonic Nybegynder
09. februar 2006 - 18:09 #6
smid et svar, så for du point :) du har jo i teorien givet svar hehe :D takker for hjælpen, så den hovedpine væk :P
Avatar billede olebole Juniormester
09. februar 2006 - 18:43 #7
Men du kan lave to billeder af en radio-button og to af en checkbox. Så kan du lave noget à la:

<script type="text/JavaScript">
var oRadioPics = {on:"images/radio_on.gif", off:"images/radio_off.gif"};
var oCheckPics = {on:"images/check_on.gif", off:"images/check_off.gif"};

function setRadio(oElm) {
    var sName, sID = oElm.id.split("p_")[1];
    document.getElementById(sID).click();
    sName = sID.split("_")[0];
    aElms = document.getElementsByName(sName);
    for (var i=0; i<aElms.length; i++) {
        document.getElementById("p_"+aElms[i].id).src = oRadioPics.off;
    }
    oElm.src = oRadioPics.on;
}
function setCheck(oElm) {
    var oCheck, sID = oElm.id.split("p_")[1];
    oCheck = document.getElementById(sID);
    oElm.src = oCheck.checked ? oCheckPics.off : oCheckPics.on;
    oCheck.click();
}
</script>

<form .......... >
    <img id="p_foo_0" src="images/radio_off.gif" onclick="setRadio(this)">
    <input id="foo_0" name="foo" type="radio" style="display:none">
   
    <img id="p_foo_1" src="images/radio_off.gif" onclick="setRadio(this)">
    <input id="foo_1" name="foo" type="radio" style="display:none">
   
    <img id="p_foo_2" src="images/radio_off.gif" onclick="setRadio(this)">
    <input id="foo_2" name="foo" type="radio" style="display:none">
   
    <img id="p_bar" src="images/check_off.gif" onclick="setCheck(this)">
    <input id="bar" name="bar" type="checkbox" style="display:none">
</form>

- og dine input-felter fungerer, som de bør, når formen fyres af  :)
Avatar billede olebole Juniormester
09. februar 2006 - 18:45 #8
OBS: Læg mære til den måde name- og id-attributterne hænger sammen. Det er vigtigt  ;o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 14:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
White papers
Flere white papers »