Autor Zpráva
hughhh
Profil *
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
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 *
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
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 *
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
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 *
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
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>

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: