25. januar 2004 - 22:40
Der er
67 kommentarer og2 løsninger
Hvordan sættes grafik ind i WIDTH: 100%; DISPLAY: block;
Mit CSS:
A.menu
{
WIDTH: 100%; DISPLAY: block;
PADDING: 5px 0px 5px 5px;
FONT: bold 11px Verdana, Arial, Helvetica;
TEXT-DECORATION: none;
COLOR: white;
}
A.menu:active, A.menu:link, A.menu:visited
{
BACKGROUND-COLOR: #393939;
COLOR: E7E7E7;
TEXT-DECORATION: none;
}
A.menu:hover
{
FONT: bold 11 px Verdana, Arial, Helvetica
COLOR: #FFFF00;
BACKGROUND-COLOR: #000000;
}
Jeg vil gerne sætte et lille ikon ind til venstre for linket. Kan det lade sig gøre, uden at skulle sætte en ekstra <td><img ...></td> ind?
Laver jeg en ekstra celle til venstre for linket, skifter cellen med ikonet jo ikke farve, når man fører musen hen over.
Annonceindlæg fra Computerworld
25. januar 2004 - 22:44 #1
kan du ikke sige:
<a href="
www.google.com" class="menu"><img src="flemming_toft.gif">klik her!</a>
og så evt. have dit ikon gemt som en gennemsigtig gif fil, så baggrunden ikke kommer til at se dum ud
25. januar 2004 - 22:44 #2
så bliver billedet også link jo. og derfor, ændres farvn også der
25. januar 2004 - 22:50 #3
Du mener
<td><a href="
www.google.com" class="menu"><img src="flemming_toft.gif">klik her!</a></td>
Prøver ...
25. januar 2004 - 22:53 #4
Nej, det har jeg forresten prøvet.
25. januar 2004 - 22:54 #5
Skal det ikke laves i mit CSS?
25. januar 2004 - 22:55 #6
Nej, det kan det jo ikke. Sorry.
25. januar 2004 - 23:00 #7
Jeg bruger et bestemt ikon ud for hvert link:
25. januar 2004 - 23:02 #9
(rettede også lige din css til små bogstaver, da det ikke hører sig hjemme i CSS)
25. januar 2004 - 23:14 #10
25. januar 2004 - 23:15 #11
hallo?
25. januar 2004 - 23:16 #12
Fedest! :o)
25. januar 2004 - 23:18 #13
css'en:
A.menu
{
width: 100%;
display: block;
padding: 5px 0px 5px 5px;
font-family: arial, verdana, sans-serif;
font-weight: bold;
font-size: 11px;
text-decoration: none;
color: white;
}
A.menu:active, A.menu:link, A.menu:visited
{
background-color: #393939;
color: #E7E7E7;
text-decoration: none;
}
A.menu:hover
{
font-family: arial, verdana, sans-serif;
font-weight: bold;
font-size: 11px;
color: #FFFF00;
background-color: #000000;
}
_______________
koden:
<table width="300px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="1px">
<a href="
http://www.google.com" class="menu" target="blank"><img src="dk_flag.gif" width="20" height="10" border="0" alt=""> klik her!</a></td>
</tr>
<tr>
<td height="1px">
<a href="
http://www.google.com" class="menu" target="blank"><img src="dk_flag.gif" width="20" height="10" border="0" alt=""> klik her igen!</a></td>
</tr>
<tr>
<td height="1px">
<a href="
http://www.google.com" class="menu" target="blank"><img src="dk_flag.gif" width="20" height="10" border="0" alt=""> klik her igen, igen!</a></td>
</tr>
</table>
25. januar 2004 - 23:23 #14
Bedste ven! Tak for hjælpen! :o)
25. januar 2004 - 23:37 #15
Sorry, du får lige dine point.
26. januar 2004 - 18:02 #16
selv tak
07. februar 2004 - 11:13 #17
spiffsen:
07. februar 2004 - 15:33 #18
jo, så tror jeg du skal over i javascript kategorien... Det er ikke noget jeg kan finde ud af
07. februar 2004 - 15:37 #19
hmmm man kan faktisk godt lave noget.... gi' mig 15 minutter
07. februar 2004 - 15:43 #21
jeg fletter det lige sammen med den anden kode...
07. februar 2004 - 15:47 #22
kamerat! :o)
07. februar 2004 - 15:50 #23
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
A.menu:active, A.menu:link, A.menu:visited
{
width: 100%;
display: block;
padding: 5px 0px 5px 5px;
font-family: arial, verdana, sans-serif;
font-weight: bold;
font-size: 11px;
text-decoration: none;
color: white;
background-color: #393939;
background-repeat: no-repeat;
background-position: center left;
background-image: url("eng._flag.gif");
}
A.menu:hover
{
font-family: arial, verdana, sans-serif;
font-weight: bold;
font-size: 11px;
color: #FFFF00;
background-color: #000000;
background-repeat: no-repeat;
background-position: center left;
background-image: url("dk_flag.gif");
}
</style>
<table width="300px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="1px">
<a href="
http://www.google.com" class="menu" target="blank"> klik her!</a></td>
</tr>
<tr>
<td height="1px">
<a href="
http://www.google.com" class="menu" target="blank"> klik her igen!</a></td>
</tr>
<tr>
<td height="1px">
<a href="
http://www.google.com" class="menu" target="blank"> klik her igen, igen!</a></td>
</tr>
</table>
</body>
</html>
sådan!
07. februar 2004 - 16:21 #24
virker det ikke?
07. februar 2004 - 16:36 #25
spiffsen, jeg er lige kommet hjem fra byen, kigger på det om lidt! :o)
07. februar 2004 - 16:38 #26
07. februar 2004 - 16:40 #27
Du er temmelig rå, spiffsen :o)
02. marts 2004 - 17:31 #28
Lige et hurtigt spørgsmål:
02. marts 2004 - 17:31 #29
Der skal med andre ord være en smule luft mellem cellens venstre kant og GIF-billedet.
02. marts 2004 - 18:06 #30
må jeg se den nye kode så?
02. marts 2004 - 18:29 #31
CSS:
a.menu:active, a.menu:link, a.menu:visited
{
width: 100%;
display: block;
padding: 5px 0px 5px 5px;
font-family: geneva, verdana, helvetica;
font-weight: none;
font-size: 11px;
text-decoration: none;
color: #336699;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center left;
background-image: url("/includes/images/arrow_right.gif");
}
a.menu:hover
{
font-family: geneva, verdana, helvetica;
font-weight: none;
font-size: 11px;
color: #000000;
background-color: #E7E7E7;
background-repeat: no-repeat;
background-position: center left;
background-image: url("/includes/images/arrow_right1.gif");
}
<td width="100%"><a href="#" onFocus="this.blur();" class="menu"> Virksomhedsdata</a></td>
02. marts 2004 - 18:45 #32
har du ikke lagt det op på internettet? for jeg kan ikke rigtigt se det ude billeder
02. marts 2004 - 18:50 #33
Har du en e-mail, spiffsen?
02. marts 2004 - 19:02 #34
mikkelsenccd@hotmail.com
02. marts 2004 - 19:05 #35
men hvis du ser her:
http://www.w3schools.com/css/css_reference.asp under "background-position" kan du placere baggrundsbilledet x-% y-% elelr x-pos y-pos. kan du så ikke bare gøre ca sådan her?
background-position: center left; skal ændres til
background-position: center left; x-2 y-2;
eller noget
02. marts 2004 - 19:10 #36
Hmmm? Kigger lige ...
02. marts 2004 - 19:16 #37
Det er prøvet, men som du nok kan se, har det ikke ændret noget :o(
02. marts 2004 - 19:20 #38
Din kode fra 07/02-2004 15:50:45 virkede fint.
02. marts 2004 - 19:23 #39
ellers kan du jo også bare ændre din arrow-right.gif fil til at have et par pixels fri vidde til højre...
02. marts 2004 - 19:26 #40
DET burde jo være en nærliggende tanke, men det er ikke altid, at det mest logiske ligger lige for :oD
02. marts 2004 - 19:27 #41
02. marts 2004 - 19:28 #42
ok
02. marts 2004 - 19:34 #43
Det ser allerede bedre ud :o)
02. marts 2004 - 19:56 #44
Lige et lille spørgsmål: Hvorfor tager den ikke arrow_right.gif, som jeg med vilje har gjort meget lyseblå, men arrow_right1.gif, som er sort? Du kan se på mit CSS, at det burde være rigtigt.
04. marts 2004 - 20:39 #45
"Lige et lille spørgsmål: Hvorfor tager den ikke arrow_right.gif, som jeg med vilje har gjort meget lyseblå, men arrow_right1.gif, som er sort? Du kan se på mit CSS, at det burde være rigtigt."
04. marts 2004 - 21:20 #46
Nej, jeg fik ikke løst det. Ingen undskyldning nødvendig, er kun glad for din hjælp, når/hvis du har tid :o)
04. marts 2004 - 21:23 #47
skal det løses? Jeg ser du har lavet noget andet på din side...
04. marts 2004 - 21:25 #48
Ja tak, det skulle gerne løses :o)
04. marts 2004 - 21:29 #49
herfra ser den da ikke ud til at forsvinde??
04. marts 2004 - 21:31 #50
Nej, den forsvinder ikke, men når musen føres hen over, forbliver den sort. Jeg har lavet en arrow_right1.gif, som med vilje er gjort meget lyseblå, så man kan se effekten. Den udebliver :/
04. marts 2004 - 21:38 #51
images/arrow_right.gif
04. marts 2004 - 21:39 #52
herfra ser det ud tl at begge billeder er ens??
04. marts 2004 - 21:39 #53
I størrelse, men ikke i farve:
04. marts 2004 - 21:40 #54
Ok, jeg prøver at tage en skrigende farve (arrow_right1.gif) og kopiere den over, øjeblik ...
04. marts 2004 - 21:45 #55
Jeg tror sq jeg har kvajet mig godt og grundigt, spiffsen. Det ser ud til, at jeg har kopieret noget forkert over :oD
04. marts 2004 - 21:45 #56
http://spiff.users.whitehat.dk/123.jpg jeg har tagert et screenshot fra hver... arrow1 er meget mørke blå og arrow er sort... den farveforskel kan jeg også så på din menu?
04. marts 2004 - 21:45 #57
:-)
04. marts 2004 - 21:46 #58
Du får lige nogle point, øjeblik :o)
04. marts 2004 - 21:46 #59
:-P
04. marts 2004 - 21:47 #60
21. marts 2004 - 20:26 #61
spiffsen, lavede vi ikke noget på et tidspunkt, hvor der kunne være et ikon ud for hvert link?
21. marts 2004 - 20:27 #62
dette?
21. marts 2004 - 20:34 #63
Jo, men et forskelligt ikon ud for hver blok?
21. marts 2004 - 20:34 #64
... til venstre for teksten i hvert blok
21. marts 2004 - 20:35 #65
ikon1 Link1
21. marts 2004 - 20:50 #66
2 sec.
21. marts 2004 - 20:52 #67
Accepteret svar: spiffsen
25/01-2004 23:18:23
dette skal du bruge, og så bare ændre stierne til billedet fx:
<a href="
http://www.google.com" class="menu" target="blank"><img src="*****dk_flag.gif"********* width="20" height="10" border="0" alt=""> klik her igen!</a>
21. marts 2004 - 21:04 #68
S'føli! :o)
21. marts 2004 - 21:05 #69
det var så lidt :-)
Vi tilbyder markedets bedste kurser inden for webudvikling
