Hogyan Tudom megcsinálni? (lent)
Készítek egy html honlapot divekkel.
Azt szeretném megvalósítani, hogy itt az elején fel vannak sorolva a menük
/* Menük kezdete mindegyiknek megvan adva hogy hol helyezkdjen el*/
<div class="fooldal"></div>
<div class="info"></div>
<div class="kepek"></div>
<div class="el"></div>
/*Menü vége*/
/* Innentől kezdődik a baj*/
/*Azt szeretném a menük megjelenjenek ezen a képen amit előhívok, de mindig csak az első képen vannak rajta.Ha rákattintok a képnek a hivatkozására akkor csak a kép jelenik meg a menü meg nem.
<div id="oldal">
<div>
<a href="picturefo.jpg"><img src="oldal.jpg"/></a>
</div>
<div>
<a href="pictureinf.jpg"><img src="info.jpg"/></a>
</div>
<div>
<a href="picturekep.jpg"><img src="kepek.jpg"/></a>
</div>
<div>
<a href="pictureel.jpg"><img src="ert.jpg"/></a>
</div>
</div>
válasza:A kérdést sem értem egészen.
Vagy lehet hogy mégis.
A div id=oldal-nak add meg css-el a picturefo.jpg-t, ebben helyezd el a képeket amiket linknek használsz, de erre is van jobb mód, mint hogy minden egyes linket divekbe oakolsz (lista, paddig, satöbbi).
Menüt vízszintes, vagy függőleges listával célszerű megoldani, és én rohadtul nem adnék minden egyes menüelemnek div-et.
Itt egy példa a vízszintes menüre:
<div class="menu">
<ul>
<li><a href="#">Cégismertető</a></li>
<li><a href="#">Referenciák</a></li>
<li><a href="#">Elérhetőség</a></li>
</ul>
</div>
hozzá a css:
div.menu ul{
margin: 0px;
padding: 10px;
list-style: none;
background-image: url('../menu/carbon.jpg');
}
div.menu li{
text-align: center;
margin: 3px;
padding: 0px;
display: inline;
}
div.menu li a{
padding-left: 10px;
padding-right: 10px;
color: #C0C0C0;
text-decoration: none;
font-weight: bold;
font-size: 14px;
border: 1px solid #C0C0C0;
}
div.menu li a:hover{
color: #000000;
background-color: #C0C0C0;
}
Próbáld ki, és módosítsd kedved szerint.
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!