| Autor | Zpráva | ||
|---|---|---|---|
| hughhh Profil * |
#1 · Zasláno: 28. 7. 2009, 12:36:29
Zdravím, potřeboval bych poradit.
Mám vycentrovaný design a chtěl bych k jeho pravé straně napevno připoutat div s menu tak, aby design zůstal stále vycentrovaný a menu bylo stále při změně velikosti připotáno k designu. Díky za radu |
||
| Bubák Profil |
#2 · Zasláno: 28. 7. 2009, 13:11:39
„Mám“
Nemám, odkaz je kde? Takže jen obecně, prafý float a záporný pravý margin. Je celkem jisté, že by to šlo jinak, ale pozicování nych nedoporučil, při úzkém okně se na menu nedostaneš, dole nebude rolovací lišta. |
||
| hughhh Profil * |
#3 · Zasláno: 28. 7. 2009, 16:27:48
hrubý náčrt: http://nerosty.tideturned.org
jde o to, aby se menu neposouvalo při změně velikosti okna prohližeče |
||
| SwimX Profil |
#4 · Zasláno: 28. 7. 2009, 16:39:46 · Upravil/a: SwimX
hughhh:
Zkus to takle:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!--DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"-->
<html>
<head>
<title></title>
</head>
<style type="text/css">
body{
text-align: center;
}
#main{
margin: 0 auto;
width: 800px;
}
#txt{
width:650px;
height:500px;
border:1px solid black;
float: left;
text-align: left;
}
#menu {
width:120px;
border:1px solid black;
Float: right;
font-weight: normal;
font-size: 70%;
text-align: left;
margin: 0; padding: 0;
list-style: none;
}
</style>
<body>
<div id='main'>
<div id="txt">
web
</div>
<ul id="menu">
<li><a href="index.php?kasa=kasa">Kasa</A><br>
<li><A HREF="index.php?zobraziframe=1&eksn=pridat">Nové zboží</A><br>
<li><A HREF="index.php?zobraziframe=1&eksn=objednavky">Objednávky</A><br>
<li><A HREF="index.php?zobraziframe=1&eksn=soubory">Soubory</A><br>
<li><a href="index.php?co=1A">ABC</A><br>
<li><a href="index.php?co=7">Vše</A><br>
<li><a href="index.php?co=1R">Rez.</A><br>
<li><A HREF="index.php?co=6">Skup.</A><br>
<li><A HREF="generuj.php" target="as">Xml</A><br>
<li><a href="soucty.php" target="as">Suma</A><br>
<li><A HREF="index.php?zobraziframe=1&eksn=setup">Setup</A><br>
<li><a href="mail-vsem.php" target="as">Maily</A><br>
<li><A HREF="index.php?odhlasit=0">Exit</A><br>
<li><A HREF="/magicke/armin/obsluha.php?iks=1" target="_blanc">Opakované<br>položky</A><br>
</ul>
<br style='clear: both;'>
</div>
</body>
</html>
|
||
| hughhh Profil * |
#5 · Zasláno: 28. 7. 2009, 16:50:17
SwimX, takhle bych to taky udělal, bohužel to nelze, musím nastylovat pouze id=menu pomocí css.. zajímá mne, zda je to vůbec možné provést.
btw obsah webu není vycentrovaný. |
||
| SwimX Profil |
#6 · Zasláno: 28. 7. 2009, 16:56:19
hughhh:
„bohužel to nelze, musím nastylovat pouze id=menu pomocí css..“ nerozumím „btw obsah webu není vycentrovaný.“ div id=txt vycentrovaný je, a a vycentrovat text v něm -> přidej text-align:center; |
||
| hughhh Profil * |
#7 · Zasláno: 28. 7. 2009, 17:02:53
nemohu stylovat nic jineho nez div id=menu, nemohu nijak měnit strukturu stránky.
vycentrovaným webem myslím vycentrovany div id=txt, ne celý div id=main.. menu je přidané do stránky navíc a zobrazuje se pouze někdy. |
||
| SwimX Profil |
#8 · Zasláno: 28. 7. 2009, 17:34:36
hughhh:
„nemohu stylovat nic jineho nez div id=menu, nemohu nijak měnit strukturu stránky.“ tak to asi dost dobře nepůjde. Proč nemůžeš stylovat nic jiného? Obal tedy v mé verzi <ul> ještě divem, a buď zobraz <ul> nebo nech div prázdný. Na stránkách tak pro menu bude místo, a neposkočí ti celý layout když menu přidáš. jiná možnost s pozicováním je třeba tadle: ale fuj fuj nikdy bych to nepoužil <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!--DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"-->
<html>
<head>
<title></title>
</head>
<style type="text/css">
body{
text-align: center;
}
#main{
position:relative;
width: 1000;
margin: 0 auto;
border: red 1px solid;
}
#txt{
width:650px;
height:500px;
border:1px solid black;
margin: 0 auto;
text-align: center;;
position: relative;
}
#menu {
width:120px;
border:1px solid black;
font-weight: normal;
font-size: 70%;
text-align: left;
margin: 0; padding: 0;
list-style: none;
position: absolute;
right: 0px;
top: 0;
}
</style>
<body>
<div id='main'>
<div id="txt">
web
</div>
<ul id="menu">
<li><a href="index.php?kasa=kasa">Kasa</A><br>
<li><A HREF="index.php?zobraziframe=1&eksn=pridat">Nové zboží</A><br>
<li><A HREF="index.php?zobraziframe=1&eksn=objednavky">Objednávky</A><br>
<li><A HREF="index.php?zobraziframe=1&eksn=soubory">Soubory</A><br>
<li><a href="index.php?co=1A">ABC</A><br>
<li><a href="index.php?co=7">Vše</A><br>
<li><a href="index.php?co=1R">Rez.</A><br>
<li><A HREF="index.php?co=6">Skup.</A><br>
<li><A HREF="generuj.php" target="as">Xml</A><br>
<li><a href="soucty.php" target="as">Suma</A><br>
<li><A HREF="index.php?zobraziframe=1&eksn=setup">Setup</A><br>
<li><a href="mail-vsem.php" target="as">Maily</A><br>
<li><A HREF="index.php?odhlasit=0">Exit</A><br>
<li><A HREF="/magicke/armin/obsluha.php?iks=1" target="_blanc">Opakované<br>položky</A><br>
</ul>
</div>
</body>
</html> |
||
|
Časová prodleva: 15 let
|
|||
0