faste billeder i menu.

Her kan du stille og svare på spørgsmål omkring HTML. Du kan altså med andre ord finde en masse hjælp til HTML og HTML5 på dette forum
Besvar
henrik_t7
Nørd
Nørd
Indlæg:102
Tilmeldt:26. jul 2011, 20:12
faste billeder i menu.

Indlæg af henrik_t7 » 6. okt 2013, 18:18

Hej Forum

Hvordan laver man et fast billede i en menu?
Feks når man er på side 1, den første side af 5 så skal der værer et billed, så man kan se man er på første side.


Billede

Se på billedet, når man er på Home side, så er der et fast billet af Home og hvis der er en af de andre sider så er der et billet af den side, feks side download og billedet.
Her er hele siden.

http://www.danskspeedway.dk/virtuchat/D ... ommen.html

her er html kode for siden.

Kode: Vælg alt

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
    <meta name="dcterms.created" content="lø, 07 sep 2013 10:54:25 GMT">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title></title>
    <link rel="stylesheet" href="../css/master.css" type="text/css"/>
	<link rel="stylesheet"  href="../css/CSSnav.css">
    <!--[if IE]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>
  <body>
    
<div id="ramme">
    <section>
	  
	   <header><img src="../image/TownA1.png" width="918" height="240" alt="" title="" border="0" />
	   
	     
	    <nav>
		
        
    <div class="nav">
	 
    <ul id="menu" class="menu">
		
		
    <li><a href="">Home</a></li>
    <li><a href="">Downloads</a></li>
    <li><a href="">Forum</a></li>
    <li><a href="">Billeder</a></li>
    <li><a href="">Videos</a></li>
    <li><a href="">Udviklere</a></li>


    </div>   
		    </div>
		</nav>
	   	   
	   </header>
	<br>
	   <div id="ramme">
	        <div class="left"><img src="../image/Mandtrans.png" width="230" height="440" alt="" title="" border="0" /></div>
			<div class="midt"><h1>Velkommen til VirtuChat.</h1>
			<h4>A 3D Game and Chat in a very big World.</h4>
			<br>
			<h2>Om VirtuChat generel:</h2>
			<p>VirtuChatten er vanskelig at sætte ind i en speciel spil 
			kategori, da den faktisk spænder over flere spiltyper, 
			lige fra et MMO-Eventyr spil helt over til et FPS 'First 
			Person Shooter' spil.</p>
			
			<p>VirtuChatten startede som et hobby projekt 
			(og er det faktisk stadig), for snart 7 år siden. 
			Det er stort set udviklet af kun 3 personer i deres fritid, 
			dog med lidt 'tilkøbt' hjælp udefra, til de opgaver vi 
			ikke selv kunne magte. VirtuChatten benytter sig af et 
			'ældre grafik system', hvilket giver mulighed for at deltage 
			også for dem der ikke har en helt 'up-to-date' computer. </p>
			
			<p>Men selvfølgelig er en hurtig CPU, rigeligt med RAM og et 
			godt grafikkort ingen hindring.</p>
			
			<p>Vi mangler stadig 'ting' derinde, men kommende 
			opdateringer sker automatisk ved 'Login' når disse er klar.</p>
			<br>
			<figure><img src="../image/jelbar.gif" width="243" height="13" alt="" title="" border="0" /></figure>
			</div>
			<div class="right"><img src="../image/Dametrans.png" width="169" height="440" alt="" title="" border="0" /></div>
	     </div>
	   
	   
	  
	   <footer><figure><p>Copyright©VirturChat2013 / sk&aelig;rm 1024 x 768 min.</p></figure>
	  <h4>  <img src="../image/Denmark.jpg" width="30" height="25" alt="" title="" border="0" /> Dansk Version 
	  </h4>
	   </footer>
	 
	
		</section>
</div>
  </body>
</html>
Håber at nogle kan hjælpe.

Henrik :lol:

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg:709
Tilmeldt:21. jun 2012, 23:40
Kontakt:

Re: faste billeder i menu.

Indlæg af scootergrisen » 6. okt 2013, 20:37

Jeg bruger PHP.
På min side tester jeg om linket i menuen er magen til den side der vises.
Hvis de er ens tilføjer jeg et id til <a> tagget.

Kode: Vælg alt

if(basename($_SERVER["PHP_SELF"]) == basename($linkframenu)){

   $ekstra = ' id="aktuelside"';

}
Id'et kan du så style med CSS som du ønsker.

Kode: Vælg alt

#aktuelside {
   background: white;
   color: black;
}

Brugeravatar
Daniel
Admin
Admin
Indlæg:625
Tilmeldt:14. jun 2011, 09:27
Geografisk sted:Danmark, Fyn, Nørre Aaby
Kontakt:

Re: faste billeder i menu.

Indlæg af Daniel » 6. okt 2013, 20:40

Hvad er det du tænker på med et fast billede? :)
Er det sådan at det menu link du er inde på, er "markeret", ligesom her på NemProgrammering?

henrik_t7
Nørd
Nørd
Indlæg:102
Tilmeldt:26. jul 2011, 20:12

Re: faste billeder i menu.

Indlæg af henrik_t7 » 6. okt 2013, 20:48

Ja det er lige som NemProgrammering menu.
Den side man er på
:D

Brugeravatar
Daniel
Admin
Admin
Indlæg:625
Tilmeldt:14. jun 2011, 09:27
Geografisk sted:Danmark, Fyn, Nørre Aaby
Kontakt:

Re: faste billeder i menu.

Indlæg af Daniel » 6. okt 2013, 21:11

Siden det er en HTML side du bygger, så kan du bare tilføje et id eller en class til dit la på den side der passer til din HTML side. :)

Så hvis det fx er forsiden, så kan du lave det sådan:

Kode: Vælg alt

<div class="nav">
   <ul id="menu" class="menu">
      <li class="active"><a href="">Home</a></li>
      <li><a href="">Downloads</a></li>
      <li><a href="">Forum</a></li>
      <li><a href="">Billeder</a></li>
      <li><a href="">Videos</a></li>
      <li><a href="">Udviklere</a></li>
   </ul>
</div> 
(Du mangler at afslutte dit ul element).

CSS

Kode: Vælg alt

.active {
   background-color: black;
}

henrik_t7
Nørd
Nørd
Indlæg:102
Tilmeldt:26. jul 2011, 20:12

Re: faste billeder i menu.

Indlæg af henrik_t7 » 7. okt 2013, 11:09

Tak se på det.
:D

Besvar