Avatar billede matz Nybegynder
10. september 2006 - 19:27 Der er 10 kommentarer

Billede som bg

Hvordan får jeg et billede til at være som bg så man kan skrive på det?
Avatar billede stenger Nybegynder
10. september 2006 - 19:40 #1
Bruger du CSS?

I så fald kan du indsætte følgende ved det relevant lag:

background:url(../ditbillede.gif);

Ændr selvfølgelig stien og billedenavnet så det passer!
Avatar billede matz Nybegynder
10. september 2006 - 19:47 #2
Det skal ikke være en baggrund på hjemmesiden...Det er en knap som skal være en baggrund hvor man kan skrive på
Avatar billede trekkies Juniormester
10. september 2006 - 19:50 #3
Vil du have en knap som har et billed som baggrund?
Derefter vil du have at du skal kunne skriver i din knap?

Man kan ikke skrive i sin knap, mener du ikke en tekst boks og en knap med billedbaggrund?
Avatar billede matz Nybegynder
10. september 2006 - 19:51 #4
Jeg har lavet et billede, som skal fungere som en "knap" hvor jeg så skriver "Forside" på. billedet skal så bare være som en baggrund.
Avatar billede stenger Nybegynder
10. september 2006 - 19:51 #5
Ikke forstået...en knap, som man kan skrive på?
Avatar billede stenger Nybegynder
10. september 2006 - 19:53 #6
Ja...tekst manuelt skrevet ind over. Så indsættet man (ved CSS) der, som jeg skrev i første svar.

Kan sikkert gøres på mange måde, men ovenstående virker på min side. Du bliver selvfølgelig også nødt til evt. at lave en class for din tekst, hvor du definerer udseende og position.
Avatar billede mclemens Nybegynder
10. september 2006 - 22:20 #7
Mon ikke det er noget i denne stil:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">

#menu{
  width:99px;
}

#menu a{
  width:99px;
  height:25px;
  display:block;
  line-height:25px;
  text-align:center;
  background:url('http://www.eksperten.dk/img/elogo.png');
}
</style>

</head><body>
<div id="menu">
<a href="#">Forside</a>
<a href="#">Bagside</a>
<a href="#">Langside</a>
</div>
</body></html>
Avatar billede mclemens Nybegynder
10. september 2006 - 22:24 #8
Stenger, jeg tror det var selve måden at lave knappen via css
som Matz tænkte på ... altså en fuldstændigt eksempel...

Matz, det kan godt tænkes at du lige skal pille lidt ved defineringerne
til css'en så du kun rammer et enkelt element eller så width og height m.v.
passer lidt bedre sammen - evt. også en overflow:hidden; ind i knappens css
så designet ikke ser grimt ud hvis brugeren øger tekststørrelsen ...

- Åh joh, en font-size: 14px; eller anden px definering er nok også
god så tekst størrelsen låses i IE (så længe IE tillader det :) )
Avatar billede mclemens Nybegynder
10. september 2006 - 22:28 #9
en fuldstændigt eksempel -> et fuldstændigt eksempel
Avatar billede matz Nybegynder
03. august 2007 - 12:02 #10
lig et svar
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