Gå til innhold

Webkafeen


Anbefalte innlegg

På min side har jeg ikonene som bakgrunn, også justere jeg bare bakgrunnen slik at det passer til teskten. AV en eller annen grunn ble ikke justeringen lik IE vs Opera/FF, men det fikset jeg med en !important; ;)

6488387[/snapback]

Jeg har selve fanen (med avrunding i hjørnene) som bakgrunn, så det fungerer dessverre ikke.

Lenke til kommentar
Videoannonse
Annonse
Arh, hvordan gjør jeg tilsvarende "print" eller "echo" i asp? Holder på å redigerer en asp meny og har aldri sett asp koding før :p

6483312[/snapback]

 

<% Response.Write "Hello World" %>

 

:tease:

6483376[/snapback]

Enda enklere:

 

<%="Hello World"%>

 

Etter boka:

 

<% response.write ("Hello World") %>

Lenke til kommentar
Jeg har selve fanen (med avrunding i hjørnene) som bakgrunn, så det fungerer dessverre ikke.

6488391[/snapback]

Kom akkurat på at du kan sette ikonet som en bakgrunn på a span {}, altså at du setter en tom span inni a-elementene.

 

Men det kan være trøttheten som lurer meg, hva vet jeg.. :p

 

*mekke kaffe*

Lenke til kommentar
- Justér plasseringen av tekst i forhold til ikoner.

6488163[/snapback]

Akkurat dette har jeg også irritert meg over. Hvordan kan dette løses på en enkel måte? Å legge til teksten som en del av bildet er egentlig ikke et alternativ.

6488180[/snapback]

Lag menyen som en liste, og la ikonene være bakgrunn i a.

Lenke til kommentar
Kom akkurat på at du kan sette ikonet som en bakgrunn på a span {}, altså at du setter en tom span inni a-elementene.

6488850[/snapback]

Slik?

<a href="./"><span>Link</span></a>

Ville heller gjort det slik:

<div class="test">

<a href="./>Link</a>

</div>

...

.test a {
  background: url();
}

Lenke til kommentar

Tingen er vel at a-elementet allerede har fanen som bakgrunn, slik at man skal kunne trykke på hele fanen, ikke bare teksten.

<ul id="meny">
 <li><a href=""><span>Link</span></a></li>
</ul>

 

#meny a { background-image: url('fane.png'); }
#meny a span { background-image: url('ikon.png'); }

Lenke til kommentar
Tingen er vel at a-elementet allerede har fanen som bakgrunn, slik at man skal kunne trykke på hele fanen, ikke bare teksten.

<ul id="meny">
  <li><a href=""><span>Link</span></a></li>
</ul>

 

#meny a { background-image: url('fane.png'); }
#meny a span { background-image: url('ikon.png'); }

6489890[/snapback]

Dette løses enkelt ved å la li ha fanen som bakgrunn. Dermed slipper man det ekstra span-elemenetet.

Lenke til kommentar
Dette løses enkelt ved å la li ha fanen som bakgrunn. Dermed slipper man det ekstra span-elemenetet.

6489986[/snapback]

Du må huske på at den aktive fanen har et annet bakgrunnsbilde. Hvis jeg skal bruke din løsning må jeg altså bruke to lister.

Endret av Dahl
Lenke til kommentar
@Dahl: nei, bare å gi den aktive en egen klasse det :) (du bruker :active nå ikke sant?)

6490230[/snapback]

Men da ender jeg plutselig opp med 14 klasser (7 faner, alle kan være aktive eller inaktive). Jeg synes at det er litt vel mye, men det kan selvsagt hende at det bare er meg...

Lenke til kommentar

Er ikke sikker på hvordan du har tenkt å kode dette, men med php er det vel ikke så veldig vanskelig å finne den kategorien som er aktiv? Slik at du bare trenger å style en klasse og gi denne klassen til den aktive kategorien.

Endret av Garreth
Lenke til kommentar
@Dahl: nei, bare å gi den aktive en egen klasse det :) (du bruker :active nå ikke sant?)

6490230[/snapback]

Men da ender jeg plutselig opp med 14 klasser (7 faner, alle kan være aktive eller inaktive). Jeg synes at det er litt vel mye, men det kan selvsagt hende at det bare er meg...

6490365[/snapback]

Nei :)

 

Fanebakgrunnen avhenger bare av om fanene er aktive eller inaktive, og er ikke forskjellige for hver menyvalg.

 

Alle lenkene trenger derimot en egen id, for å få riktig bakgrunnsikon.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...