aktivere knap i banner

Her kan du spørge om hjælp til design, templates og css.

Moderator: b-ronnow

Locked
PeachMelba
Joomla! Apprentice
Joomla! Apprentice
Posts: 12
Joined: Mon Nov 15, 2010 11:40 am

aktivere knap i banner

Post by PeachMelba » Sun Mar 06, 2011 7:41 am

Hej med jer.

Jeg sysler med hjemmesiden:
http://rikke.sidsteojeblik.dk/
som er lavet ud fra templaten:
http://www.themza.com/joomla/christmas- ... plate.html

Mit spm er:
Hvordan får jeg aktiveret knappen i banneret "tilmeld nyhedsbrev" således at det linker til en underside. Det er altså ikke hele banneret der skal linke, men kun det område hvor knappen er.

p.f.t.

Carsten
http://www.sidsteojeblik.dk

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 27308
Joined: Mon Oct 27, 2008 9:27 pm
Location: Romerike, Norway

Re: aktivere knap i banner

Post by Per Yngve Berg » Sun Mar 06, 2011 10:30 am

Du kan bruge en map-tag for å linke dele av billede.
http://www.w3schools.com/tags/tag_map.asp

Eller lav en modulposition der og publicer en meny med et menypunkt som en knap. Brug position:relative i css.

http://www.w3schools.com/css/css_positioning.asp

PeachMelba
Joomla! Apprentice
Joomla! Apprentice
Posts: 12
Joined: Mon Nov 15, 2010 11:40 am

Re: aktivere knap i banner

Post by PeachMelba » Mon Mar 07, 2011 10:14 am

Hej igen.
jeg har bokset med løsning 1, men kan ikke helt få det til at funke.
Kan jeg få et hint mere?

Det jeg har i min CSS omkring banner er følgende:

div.banner{ background: #F3F3EB url(../images/banner.jpg) top center no-repeat; }
div#main_top table.contentpaneopen{
padding:0px;
margin-top:50px;
margin-right:60px;
width:430px;
height:160px;
overflow: auto;
text-align:left;
float:right;
}

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 27308
Joined: Mon Oct 27, 2008 9:27 pm
Location: Romerike, Norway

Re: aktivere knap i banner

Post by Per Yngve Berg » Mon Mar 07, 2011 5:29 pm

Map does not work with a background image.

Code: Select all

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" />
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" />
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" />
</map>


Locked

Return to “Template, CSS og Design”