Pomoc zo vzhladom menu

Programovacie jazyky, rady, poradňa...
Walper
Light Expert
Light Expert
Príspevky: 39
Registrovaný: 21 nov 2010, 14:58

Pomoc zo vzhladom menu

Príspevok od používateľa Walper »

na webe http://www.dominik-prusa.php5.sk na ľavo mam menu a chcem aby bol obrázok čo je za ním roztiahnutý na celých 200px bez toho aby som tam dával veľa textu. KOD menu.php:

Kód: Vybrať všetko

<b>Menu:</b><br><a href="index.php" class="menu">Úvod</a><br><a href="2.php" class="menu">
Kontakt</a><br><a href="3.php" class="menu" >Html+css</a><br><a href="4.php" class="menu">PHP+MySql</a>
<style>
a.menu {background-image: url('tla.png')}
a.menu:hover {background-image: url('tlaak.png')}
</style>
za rady predom ďakujem
c-ice
Medium Star
Medium Star
Používateľov profilový obrázok
Príspevky: 475
Registrovaný: 04 mar 2008, 15:18
Kontaktovať používateľa:

Re: Pomoc zo vzhladom menu

Príspevok od používateľa c-ice »

Odkaz si daj do napr. divu a jemu prirad tento style a do divu daj ten odkaz ... skus to tak a divu nastav pozadovanu velkost... napr. 200x20
pouzi na taketo veci firebug/dragon fly/ alebo to co ma chrome... sry viac nenapisem pisem medzi hranim war3 dota
Walper
Light Expert
Light Expert
Príspevky: 39
Registrovaný: 21 nov 2010, 14:58

Re: Pomoc zo vzhladom menu

Príspevok od používateľa Walper »

trochu som to nepochopil mohol bi si dať príklad na jeden odkaz
c-ice
Medium Star
Medium Star
Používateľov profilový obrázok
Príspevky: 475
Registrovaný: 04 mar 2008, 15:18
Kontaktovať používateľa:

Re: Pomoc zo vzhladom menu

Príspevok od používateľa c-ice »

tu mas vsetko jednoducho vysvetlene aj z prikladmi http://www.w3schools.com

Kód: Vybrať všetko

<div style="background-image: URL(smiley.gif);width:200px;height:20px;text-align:center">
<a href="niekam.html" style="display:block"> Niekam</a>
</div>
resp.

Kód: Vybrať všetko

<a href="niekam.html" style="display:block;background-image: URL(smiley.gif);width:200px;height:20px;text-align:center"> Niekam</a>
:roll:
Walper
Light Expert
Light Expert
Príspevky: 39
Registrovaný: 21 nov 2010, 14:58

Re: Pomoc zo vzhladom menu

Príspevok od používateľa Walper »

ale ja tam mam 2 striedajúce sa obrázky
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: Pomoc zo vzhladom menu

Príspevok od používateľa weroro »

Ten web je celý dáko divne kódený :?

Urob to takto:

Kód: Vybrať všetko

<--toto pridaj medzi <HEAD> </HEAD> -->

<style>
.menu {background-color: #CDC312; width: 200px}
.menu:hover {background-color: #E36200;}
</style>

<-- a to menu prerob takto -->

<a href="index.php"><div class="menu">Úvod</div></a>
<a href="2.php" ><div class="menu">Kontakt</div></a>
<a href="3.php"><div class="menu">Html+css</div></a>
<a href="4.php"><div class="menu">PHP+MySql</div></a>

 
Vyzerá to takto:
ukazka.png
ukazka.png (2.08 KiB) 348 zobrazení
Tu je celý zdroják tvojej úvodnej stránky už upravený aby to vyzeralo, tak ako na obrázku. Keďže tú stránku generuješ z PHP, tak by pre teba nemal byť problém zmeniť tie hodnoty.

Kód: Vybrať všetko

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Dominik Prusa-Tvorba webov</title>
<style>
body {background-color: orange;}
a:link    {color: FF6600;}
a:visited    {color: FF6600}
a:active    {color: FF6600}
a:hover    { color: maroon;}
a:link, a:visited    {text-decoration: none}
a:hover {text-decoration: underline}
/*Toto je časť ktorou menis pozadie a rozmer toho menu*/
.menu {background-color: #CDC312; width: 200px}
.menu:hover {background-color: #E36200;}
</style>
</head>
<body>
<center>
<table height="100%" border="1" width="800px">
<tr>
<td colspan="2" height="55px" bgcolor="yellow" valign="middle" background="header.png">
</td>
</tr>
<tr>
<td width="200px" bgcolor="yellow" valign="top">
<b>Menu:</b>
<br>
<a href="index.php"><div class="menu">Úvod</div></a>
<a href="2.php" ><div class="menu">Kontakt</div></a>
<a href="3.php"><div class="menu">Html+css</div></a>
<a href="4.php"><div class="menu">PHP+MySql</div></a>
<br><br>
<center>
<font size="4"><span id="cas"></font></span>
<script>
function naplnCas (){
var datum = new Date();
aktualniCas = datum.getHours() + ":" + datum.getMinutes() + ":" + datum.getSeconds();
window.document.getElementById("cas").innerHTML = aktualniCas;
}

naplnCas(); //naplneni na zacatku
window.setInterval("naplnCas()", 1000);
</script>
<br><br>
<table>
<tr>
<td colspan="7">
<strong>December</strong>
</td></tr><tr><td></td><td></td><td></td><td>1</td><td>2</td><td>3</td><td>4</td></tr><tr><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td></tr><tr><td>12</td><td>13</td><td>14</td><td style="background: #ccc;">15</td><td>16</td><td>17</td><td>18</td></tr><tr><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td></tr><tr><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td><td></td></tr></table>
<br>
<br>
<a href="http://www.toplist.sk/"><script language="JavaScript" type="text/javascript">
<!--
document.write('<img src="http://toplist.sk/count.asp?id=1223275&logo=mc&http='+escape(document.referrer)+'&t='+escape(document.title)+
'&wi='+escape(window.screen.width)+'&he='+escape(window.screen.height)+'&cd='+escape(window.screen.colorDepth)+'" width="88" height="60" border=0 alt="TOPlist" />');
//-->
</script>
<noscript>
<img src="http://toplist.sk/count.asp?id=1223275&logo=mc" border="0" alt="TOPlist" width="88" height="60" />
</noscript>
</a>
</td>
<td valign="top" bgcolor="FFCC33">
Najdete tu html kody, html+css kody, php scripty...
<br>
Pokial by ste cheli vytvoriť unikátny web stačí ma kontaktovať
<br>
<img src="html.png">
</td></tr>
<tr>
<td colspan="2" bgcolor="yellow" height="20px">
<center>© Dominik Průša 2010 | 
<a href="admin.php" >administrácia</a>
</center>
</td>
</tr>
</table>
</center>
</body>
</html>
//autoeditácia príspevku (15 Dec 2010, 21:48)
No, takže prúser. Funguje to korektne iba v opere. Teraz som to iba tak zo srandy vyskúšal v Mozille, Chrome, Safari, IE, a v IE sa to nezobrazuje vôbec a v ostatných sa nezobrazuje hover (farba keď prídeš myškou nad položku). Korektne to funguje iba v Opere :?
Mmartin
Guru
Guru
Používateľov profilový obrázok
Príspevky: 2786
Registrovaný: 07 feb 2009, 12:49
Bydlisko: Bratislava

Re: Pomoc zo vzhladom menu

Príspevok od používateľa Mmartin »

Ja len dodam, ze ak chces mat prezentaciu taku, aby ti prichadzali ponuky, tak si sprav poriadnejsi web, nie len html+css layout bez obrazkov :)

Vyhod cas, ten mame vsetci na liste, troska copywritingovych textov a vyhod tie referencie typu "nocna obloha" odfotena screenshotom aj s tvojim browserom, robi to z teba.. no, lamu... Nikoho nezaujima referencia cloveka, co ma v zalozke "Php: include()", "Zakladne prvky html/css"...
Walper
Light Expert
Light Expert
Príspevky: 39
Registrovaný: 21 nov 2010, 14:58

Re: Pomoc zo vzhladom menu

Príspevok od používateľa Walper »

a ako mám teda to menu spraviť???
Napísať odpoveď