/ Forside / Teknologi / Udvikling / PHP / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
PHP
#NavnPoint
rfh 3959
natmaden 3372
poul_from 3310
funbreak 2700
stone47 2230
Jin2k 1960
Angband 1743
Bjerner 1249
refi 1185
10  Interkril.. 1146
Tekst på jpg menu knapper
Fra : Peter


Dato : 25-04-10 10:10

Jeg har en menu som er en række små jpg billeder, kan det lade sig gøre at
ligge en tekst på dette jpg menu billede? Så behøver jeg ikke fremover
manuelt at lave en ny menu knap hver gang jeg skal oprette et nyt menu
punkt.

/HK



 
 
Jørgen Farum Jensen (25-04-2010)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 25-04-10 10:42

Peter skrev:
> Jeg har en menu som er en række små jpg billeder, kan det lade sig gøre at
> ligge en tekst på dette jpg menu billede? Så behøver jeg ikke fremover
> manuelt at lave en ny menu knap hver gang jeg skal oprette et nyt menu
> punkt.

Sagtens, og det har ikke nødvendigvis noget
med PHP at gøre men først og fremmest med CSS

ul.menu li a {
display:block;
width:130px;
height:26px;
text-align:left;
font-size:90%;
font-family:arial,sans-serif;
margin:0 0 5px 0;
padding:7px 0 0 36px;
color:white;
text-decoration:none;
background-image:url(buttonoff.gif);
background-position: left top;
background-repeat:no-repeat;
}

Ovenstående placerer en hvid tekst
oven på et baggrundsbillede buttonoff.gif.

Du kan se hele eksemplet her:
http://webdesign101.dk/showcase/rollover/rollover_2.php

--
Med venlig hilsen
Jørgen Farum Jensen
http://webdesign101.dk

Peter (26-04-2010)
Kommentar
Fra : Peter


Dato : 26-04-10 22:42

"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:4bd40e55$0$281$14726298@news.sunsite.dk...
Peter skrev:
> Jeg har en menu som er en række små jpg billeder, kan det lade sig gøre at
> ligge en tekst på dette jpg menu billede? Så behøver jeg ikke fremover
> manuelt at lave en ny menu knap hver gang jeg skal oprette et nyt menu
> punkt.

Sagtens, og det har ikke nødvendigvis noget
med PHP at gøre men først og fremmest med CSS

ul.menu li a {
display:block;
width:130px;
height:26px;
text-align:left;
font-size:90%;
font-family:arial,sans-serif;
margin:0 0 5px 0;
padding:7px 0 0 36px;
color:white;
text-decoration:none;
background-image:url(buttonoff.gif);
background-position: left top;
background-repeat:no-repeat;
}

Ovenstående placerer en hvid tekst
oven på et baggrundsbillede buttonoff.gif.

Du kan se hele eksemplet her:
http://webdesign101.dk/showcase/rollover/rollover_2.php

Det virker, takker.

/H



Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408914
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste