Prodloužení menu a náhodný obrázek
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š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š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">Š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 š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.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title>Zkouš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š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">Š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 š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.
To pre tam není.
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...
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...
To si myslím že ne protože vidth je šířka
Michael (novofundland.wz.cz):
"vidth" =¨D jako myslíš Width?
A co height?
"vidth" =¨D jako myslíš Width?
A co height?
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
Podobně jako u http://flash.jakpsatweb.cz to menu
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.
-> 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.
Nové příspěvky
Smazani stranek
index.html )
HTML Tabulky
Zalamování textu pomocí CSS
Přesměrování
Arduino - 400 Bad Request
Nastavení českých písmen
POMOC! po druhé!
Pozicování (obrázek na střed).
Jak vycentrovat obrazek, ktery je v prikazu absolute ?
Použití tvůrce webu
katalog
async functions' is only available in es8 (use 'esversion: 8')
Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
Problém s načítáním
Div pro reklamu překrývá prvky webové stránky
Nezobrazuje se mi lišta s reklamou
ako nahrám na môj web favicon?
JavaScript - nečitelný soubor *.js - jak prohlížet/editovat
Problém s textem
videostream
index.html
GB///refresh///JS
Total Commander - server nenalezen
Mobilní verze webu
Další témata
STATUS
FTP
HTTP
SQL
PHP
© 2002 - 2024 Web zdarma s.r.o. — zvládnete to sami