Notifikationer

Markér alle som læst Log ud

jochke Nybegynder

30. december 2005 - 09:32 Der er 11 kommentarer

Tekst ovenpå billede, hele som link

Er det muligt at sætte en tekst oven på et billed, og lade begge to agere som et link?

Det er til brug på menu knapper. På den måde kan jeg nøjes med en billedfil, og ændre teksten på knappen via HTML. Så spares der på antal billeder der skal downloades.

Synes godt om

innercitydk Nybegynder

30. december 2005 - 09:40 #1

Det kan sagtrens lade sig gøre, ihvertfald det med linket. I hver af dine tabelfelter hvor du vil placere en knap laver du kanp billedet som baggrund og disabler repeat så billedet ikke gentages. Billedet i sig selv er ikke et link, men teksten du fylder ind i tabelfeltet er. F.eks:

.tdmenu{
background-image:url(menubg.jpg)
background-repeat:no-repeat;
border:0px;
vertical-align:top;
}

i html koden laver du så det her

<td class="tdmenu"><a href="link.aspx">LINK</a></td>
<td class="tdmenu"><a href="link.aspx">LINK2</a></td>
<td class="tdmenu"><a href="link.aspx">LINK3</a></td>

Var det sådan noget du tænkte på?

Vh Nicki

Synes godt om

jochke Nybegynder

30. december 2005 - 09:45 #2

Ja okay. Men kan det ikke lade sig gøre uden tabeller? Er ikke så meget for tabeller til design af hjemmesider. De skal helst bruges til det tabeller er gode til, at præsentere data. :)

Synes godt om

jochke Nybegynder

30. december 2005 - 09:58 #3

Og man skal også klikke på teksten før linket virker, i dit eksempel.

Synes godt om

innercitydk Nybegynder

30. december 2005 - 09:58 #4

Ok det kan jeg ikke helt forstå :) tabeller er da ellers ret geniale i html (bare min mening) hehe.. Jeg har til dags dato ikke præsteret at lave en hjemmeside uden brug af tabeller. Jeg mener ikke det kan lade sig gøre på den anden måde sry..

Vh

Synes godt om

innercitydk Nybegynder

30. december 2005 - 09:59 #5

du kan vist lave layers i dreaweaver hvor du så kan placere din tekst, men om den så fanger billedet nedenunder aner jeg desværre ikke

Synes godt om

jochke Nybegynder

30. december 2005 - 10:12 #6

Vil godt gå med til tabellen, hvis bare jeg kan få både billed og tekst til at være link.

Synes godt om

jokkejensen Novice

30. december 2005 - 11:20 #7

hej.. du laver bare dine links til display:block;width:100%;height:100%;

Lig dem i en celle eller en div contaioner, sæt et baggrundsbillede på, så vil linket gå ud til kanterne, idet det er 100% højt og 100% bredt..

Synes godt om

jokkejensen Novice

30. december 2005 - 11:26 #8

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="da">
<head>
<style media="screen">
div
{
width: 300px;
height: 300px;
background-image:url(http://www.eksperten.dk/img/elogo.png)
}
a
{
height:100%;
width:100%;
border:1px solid red;
}
</style>
</head>
<body>
<div><a href="http://www.eksperten.dk">Eksperten.dk</a></div>
</body>
</html>

Synes godt om

jokkejensen Novice

30. december 2005 - 11:43 #9

eny luck ? skal det uddybes mere eller noget ? så sig til..

Synes godt om

jochke Nybegynder

30. december 2005 - 13:18 #10

jokkejensen > Det lader til næsten at virke. Den ligger dog billederne under hinanden. Jeg vil gerne have de skal være vandret efter hinanden.

Synes godt om

knudgert Nybegynder

30. december 2005 - 18:47 #11

Smid en float: left ind

div
{
width: 300px;
float: left
...

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS