Avatar billede lesp Nybegynder
02. marts 2008 - 21:05 Der er 10 kommentarer

ikoner i textfelter

Hej

Hvordan søren har de fået ikoner ind i login-felterne her?

http://www.crazy-coderz.net/
Avatar billede olebole Juniormester
02. marts 2008 - 21:27 #1
<ole>

Det har de heller ikke - se det i Opera  ;o)
De gør vel noget i stil med:

<div style="position:relative">
    <img src="ikon.gif" style="position:absolute;top:0;left:0;z-index:10">
    <input style="padding-left:20px" type="text" name="user"></div>

/mvh
</bole>
Avatar billede mall Nybegynder
02. marts 2008 - 21:29 #2
De har ved hjælp af ccs, sat padding på input feltet, og lagt et billede i baggrunden:)

CSS:

.username_bg
{
    margin:0;
    padding-left:20px;
    padding-right:2px;
    padding-top:3px;
    padding-bottom:2px;
    background-color:transparent;
    background-image:url(images/username_bg.jpg);
    background-repeat:no-repeat;
    border:0;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    width:148px;
    height:16px;
    color:#000000;
    display:block;
}
Avatar billede lesp Nybegynder
02. marts 2008 - 21:51 #3
Hvis de har kombineret det, hvordan skulle det så se ud sammenlagt?
Avatar billede mall Nybegynder
03. marts 2008 - 08:11 #4
Hvad mener du med det?
Avatar billede lesp Nybegynder
03. marts 2008 - 14:24 #5
Jeg fik to forskellige versioner :S
Hvordan skal det se ud?
Avatar billede mall Nybegynder
03. marts 2008 - 14:34 #6
Altså, du bestemmer jo selv hvordan du vil lave det?
Avatar billede lesp Nybegynder
03. marts 2008 - 15:39 #7
Altså med CSS ligger billedet faktisk inde i feltet ikke sandt?
Avatar billede olebole Juniormester
03. marts 2008 - 15:50 #8
Nej, begge versioner bruger CSS - men i mit eksempel ligger ikonet ovenpå feltet - mens det ligger som baggrundsbillede i mall's version  :)
Avatar billede olebole Juniormester
03. marts 2008 - 15:51 #9
- og faktisk ser det ud til, det er mall's version, der er brugt på crazy-coders  :)
Avatar billede mall Nybegynder
03. marts 2008 - 16:05 #10
Jeg kiggede i deres CSS og kopierede det..
Men det er jo smag og behag hvad man vil bruge..
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester