Prodloužení menu a náhodný obrázek

1. Návštěvník 2C6BC5E3 5. 3. 2007 17:59

   Jak mám protáhnout lištu menu až dolů? Mi to jde jenom po konec textu můžete mi poradit tady je zdroják: [pre] <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> <title>Zkou&#154;ka</title> <style> /* formatovaci styly: */ body { font-family: Georgia, Verdana, sans-serif; font-size: 12pt; } h1 { font-size: 1.7em; margin: 0; padding: 5px 0; } h2 { font-size: 1.4em; margin: 0; padding: 0; } h3 { font-size: 1.2em; margin: 0; padding: 0; } p { text-align: justify; } .bad { color: #FF0000; } .good { color: #444444; } .perfect { color: #00AA00; } /* layoutove styly: */ body { height: 100%; /* dulezite */ margin: 0; padding: 0; min-width: 700px; background: #FFFFFF url(grayleftbg.gif) top left repeat-y; } #holder { position: relative; /* dulezite */ height: 100%; /* nastaveni pro IE */ background: url(grayrightbg.gif) top right repeat-y; } /* pro ostatni pouzijeme min-height: */ html>body #holder { height: auto; min-height: 100%; } /* vyska tohoto divu musi byt shodna s vyskou paticky: */ #bottom-spacer { height: 1.25em; clear: both; width: 700px; /* nahrada za min-width pro IE */ } #bottom { position: absolute; left: 0px; /* workaround pro obcasne ujizdeni o pixel v IE: */ top: expression( document.getElementById('holder').offsetHeight - document.getElementById('bottom').offsetHeight ); overflow: hidden; width: 100%; height: 1.25em; background: #9999CC; bottom: 0px; } #bottom p { margin: 0; padding: 0; text-align: center; font-size: 11pt; } h1 { text-align: center; margin: 0px; } #left { float: left; width: 150px; background: #FFFF66; } #right { float: right; width: 150px; background: #FFFF66; min-height: 150px; } #left-in, #right-in { margin: 5px; } #content { height: expression("0px"); /* workaround pro 3px bug v IE */ margin: 0 160px; /* do stran je treba margin */ padding: 10px 0; /* do vysky je treba padding */ } #header { background: #9999CC; } </style> </head> <script> var oHolderHeight, holderDiv, bottomDiv; function reset() { if (!holderDiv) holderDiv = document.getElementById('holder'); if (!bottomDiv) bottomDiv = document.getElementById('bottom'); oHolderHeight = holderDiv.style.height; holderDiv.style.height = holderDiv.offsetHeight + 'px'; bottomDiv.style.bottom = '1px'; setTimeout("holderDiv.style.height=oHolderHeight; bottomDiv.style.bottom='0px';", 0); } </script> <body> <div id="holder"> <div id="header"> <h1 align="center">Zkou&#154;ka</h1> </div> <!-- #header --> <div> <div id="left"><div id="left-in"> <p id="left-text" style="display: yes"> <strong><img src="/fotky/BD21300_.GIF"><font color="black" span style="background-color: #FF0000">Fotogalerie</span></font></a> <br><img src="/fotky/BD14752_.GIF"> <a href="/fotogalerie/fotostene.html"><font color="black">&#138;těňata</font></a><br><img src="/fotky/BD14752_.GIF"> <a href="/fotogalerie/fotovystava.html"><font color="black">Výstavy</font></a><br><img src="/fotky/BD14752_.GIF"> <a href="/fotogalerie/dospeli.html"><font color="black">Dospělí psi</font></a><br> <img src="/fotky/BD21300_.GIF"> <a href="/prodejstenat.html"><font color="black">Prodej &#154;těňat</font></a><br><img src="/fotky/BD21300_.GIF"> <a href="/vycvikpsu.html"><font color="black">Výcvik psů</font></a><br><img src="/fotky/BD21300_.GIF"> <a href="/clanky.html"><font color="black">Články</font></a><br><img src="/fotky/BD21300_.GIF"> <a href="/diskuse.html"><font color="black">Diskuse</font></a></strong> </p> </div></div> <!-- #left-in, #left --> <div id="right"><div id="right-in"> <p id="right-text" style="display: yes"> <a href="http://www.toplist.cz/" target="_top"><img src="http://toplist.cz/count.asp?id=394368&logo=bc" border="0" alt="TOPlist" width="88" height="120"/></a><br><img src="fotky/o<?php echo rand(1,11); ?>.jpg" width=100 height=120></a><br><font color="black"><font size="1"><b>Náhodný obrázek</b></font size></font></a> </p> </div></div> <!-- #right-in, #right --> <div id="content"> <p style="text-align: center"> <div id="text" style="display: block"> <h3>Články</h3> <b><img src="/fotky/BD14752_.GIF"> <a href="/aktuality/otevreni.html"><font color="black">Otevření stránky</font></a></b><br> V tomto článku se dozvíte co zde bude nového, co se změní apod. </body></p> </div> <!-- #text --> </div> <!-- #content --> <div id="bottom-spacer"></div> <div id="bottom"> <p align="center"> Copyright © 2003 <a href="mailto:jezek2@advel.cz">Martin Dvořák</a> (<a href="http://jezek2.advel.cz/">homepage</a>) </p> </div> <!-- #bottom --> </div> </div> <!-- #holder --> </body> [/pre] Ještě jak se dává náhodný obrázek? Zkoušel jsem to takhle: [pre]<img src="fotky/o<?php echo rand(1,11); ?>.jpg" width=100 height=120>[/pre] ale nejde to. Poraďte mi.

2. Návštěvník 2C6BC5E3 5. 3. 2007 18:00

   To pre tam není.

3. Návštěvník AC325519 5. 3. 2007 18:48

   Nevim, zda ti nekdo poradi... Volil bych odkaz na stranku na webu misto hlceni fora, aby bylo mozne si prohlednout vysledek. A potom je tu takovy drobny problem, ze jsi problem s popsanim problemu co nejkonkretneji. Ja osobne nevim, co v tom kodu hledat... #bottom { width: 100%; jen tak nahodou by to mohlo byt toto...

4. Návštěvník 2C6BC5E3 5. 3. 2007 19:10

   To si myslím že ne protože vidth je šířka

5. Návštěvník 644B1B24 5. 3. 2007 19:12

   Michael (novofundland.wz.cz): "vidth" =¨D jako myslíš Width? A co height?

6. Návštěvník 2C6BC5E3 5. 3. 2007 19:19

   A není něco kde by se mohlo dát něco co jenom rozdělí stránku? např. modrá tlosčí čára s takovými těmí vzorky třeba > každý řádek

7. Návštěvník 2C6BC5E3 5. 3. 2007 19:19

   Podobně jako u http://flash.jakpsatweb.cz to menu

8. Návštěvník AC325519 6. 3. 2007 08:20

   Michael (novofundland.wz.cz) -> soubor - ulozit jako - uplna html a zmenit kod? Tak uz rozumim. Pod prodlouzenim menu si obvykle predstavim sirku. ty mas asi klasicky problem 2/3 sloupcoveho layoutu http://www.volny.cz/peter.mlich/www.htm#mssub24 Jak docilit toho, aby barva byla pod celym? Velice snadno: ----------- | ------- | | | ------ ---------- Cili div v divu. Nastavis mu padding / margin nastavis vnitrnimu nejakou minimalni vysku a menu potom nemuze mit mene. do vnejsiho nastavis modre pozadi, do vnitrniko zlute a mas 2 prouzky ------- | | ------- A jeste ten nahodny obrazek... " Ještě jak se dává náhodný obrázek? Zkoušel jsem to takhle: [pre]<img src="fotky/o<?php echo rand(1,11); ?>.jpg" width=100 height=120>[/pre] ale nejde to. Poraďte mi. " Na prvni pohled se to jevi oki. Takze by to chtelo videt html-source-code, co ti to vyplodilo. Treba je problem uplne v necem jinem, treba se obrazek jmenuje: o1.JPG (velikost pismen) o01.jpg (nula jedna) a pod.

← Zpět na všechna témata