| Autor | Zpráva | ||
|---|---|---|---|
| Jiří Ketner Profil * |
#1 · Zasláno: 27. 8. 2009, 14:42:51
Už si nevím rady...http://hernisvet.com/image.jpg zde k nahlédnutí....to černé je můj originální text ... nechci zveřejňovat web...
Potřeboval bych takto přesně nastylovat seznam odkazů v sortimentu... Zde je css: /* CSS Document */
body {
background-color: White; background-image: url(img/bg.png); background-repeat: repeat-x; margin: 0; padding: 0; font-size: 16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center;
}
#top {
width: 650px;
margin: 0 auto;
height: 65px;
}
#top h1, #top p {
margin: 0 auto;
color: #FFFFFF;
font-family: "Franklin Gothic Medium", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#top h1 {
font-size: 26pt;
float: left;
padding-top:40px;
}
#top p {
font-size: 20pt;
float: right;
padding-top: 47px;
}
#stred {
width: 556px;
margin: 0 auto;
position: relative; top: 69px;
}
#menu {
position: relative; top: -240px; right: 390px;
font-size: 10pt;
}
#menu ul {
list-style-type: none;
}
.sort {
text-decoration: underline;
font-size: 12pt;
font-weight: bold;
}Co potřebuji je, mám relativní pozicování celého sloupce menu vlevo, pak střed je pro safari, operu a firefox zarovnán na střed pomocí margin: 0 auto, pro IE je v body text-align:center a tady je ten problém, když vytvořím menu sortimentu, tak seznam (ul) se zarovnává automaticky na střed, když zadám do #menu text-align left, tak jelikož je pozice relativní a sloupec nemá rozměry, tak to úplně zmizí, nevím kam, a když zadám width: tak to zmizí taky...jak mám tedy zarovnat text do leva když vlastně sloupec nemá rozměry a není podle čeho zarovnavat...?? potřebuju poradit řešení, které je optimální pro všechny prohlížeče : safari, opera, firefox a IE. Nechci absolutní pozicování, jelikož by se to rozházelo při změně rozlišení myslím... Děkuji za rady! :) |
||
| Jiří Ketner Profil * |
#2 · Zasláno: 27. 8. 2009, 15:29:16
Ještě dodatek: http://hernisvet.com/id.jpg
<style>/* CSS Document */
body {
background-color: White; background-image: url(img/bg.png); background-repeat: repeat-x; margin: 0; padding: 0; font-size: 16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center;
}
#top {
width: 650px;
margin: 0 auto;
height: 65px;
}
#top h1, #top p {
margin: 0 auto;
color: #FFFFFF;
font-family: "Franklin Gothic Medium", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#top h1 {
font-size: 26pt;
float: left;
padding-top:40px;
}
#top p {
font-size: 20pt;
float: right;
padding-top: 47px;
}
#stred {
width: 556px;
margin: 0 auto;
position:relative; top: -500px;
}
#menu {
position: relative; top: 90px; right: 390px;
font-size: 8pt;
}
#menu ul {
margin-top: 10px;
list-style-type: none;
}
#menu ul li a {
color: #b60017;
line-height: 10pt;
}
.sort {
text-decoration: underline;
font-size: 12pt;
font-weight: bold;
}</style>
<body>
<div id="top">
<h1>bbbbb</h1>
<p>- bbbb</p>
</div>
<div id="menu">
<img src="img/bbbb.gif" alt="bbbb" /><br />
<img src="img/gbb.gif" alt="bbbb" /><br />
<img src="img/bbb.gif" alt="bbbb" /><br />
<img src="img/bbbb.gif" alt="bbbb" /><br />
<img src="img/bbbb.gif" alt="bbbb" /><br />
<span class="sort">Zahrada:</span><br />
<ul><li><a href="#">Sekačky</a></li>
<li><a href="#">Traktory</a></li>
<li><a href="#">Křovinořezy</a></li>
<li><a href="#">Pily</a></li>
<li><a href="#">Čerpadla</a></li>
<li><a href="#">Sněhové Frézy</a></li>
<li><a href="#">Zahradní nábytek</a></li>
<li><a href="#">Zahrada - ostatní</a></li>
</ul>
<span class="sort">Bazény:</span>
<ul><li><a href="#">Bazény nadzemní</a></li>
<li><a href="#">Bazény zapuštěné</a></li>
<li><a href="#">Bazénové příslušenství</a></li>
<li><a href="#">Údržba bazénové vody</a></li>
</ul>
<span class="sort">Ostatní:</span>
<ul><li><a href="#">Krbová kamna</a></li>
<li><a href="#">Myčky</a></li>
<li><a href="#">Ostatní</a></li>
</ul>
</div>
<div id="stred"><img src="img/head.jpg" alt="bbbbb" />
<h2>bbbb</h2>
</div>
</body>
</html>Tak tady máte kod, bohuzel jsem si usmyslel, ze by melo být menu v kodu drive nez stred, tzn se mi rozhodila pozice stredu....jak ji mám relativne nastavit, abych ji mel vedle leveho sloupce ve stredu obrazovky...absolutne to nastavit nechci a kdyz dam margin: 0 auto tak mi to prejede az dolu pod to menu :(:( pokaždý je ten div stred o kousek bud vyse nebo niž...záleží na prohlížeči...:(:( Co teď? :) Díky za rady na oba dotazy :) |
||
| Shane Profil |
#3 · Zasláno: 27. 8. 2009, 15:55:10
Jiří Ketner
Zkus tohle: <style>
body {text-align:center;}
#obal {text-align:left;width:800px;margin:0 auto;position:relative;}
#top {background:coral;}
#menu {background:lime;width:200px;position:absolute;left:-200px;}
#stred {background:aqua;}
</style>
<body>
<div id="top">Text</div>
<div id="obal">
<div id="menu">Text</div>
<div id="stred">Text</div>
</div>
</body>Zobrazí se to stejně ve Firefoxu, Opeře, Google Chrome i IE (5.5+). Pomohlo by ti to? |
||
| Jiří Ketner Profil * |
#4 · Zasláno: 27. 8. 2009, 16:31:59
Ne stále je něco výš něco níž, někde je výš menu a někde ne....mrknu na to ještě zítra zas, teď už jedu pryč, ale rady posílejte dál :) díky
|
||
| Bubák Profil |
#5 · Zasláno: 27. 8. 2009, 16:46:12
„ale rady posílejte dál :)“
Bez adresy webu je to plýtvání časem. |
||
| Jiří Ketner Profil * |
#6 · Zasláno: 27. 8. 2009, 16:51:13
web ještě není nahozen, pouze ho koduji...
|
||
| Plaváček Profil |
#7 · Zasláno: 27. 8. 2009, 16:58:28
Jiří Ketner
Zopakuji Bubákova slova: Bez adresy webu je to plýtvání časem. A dodám. Plýtvání časem nejen tvým, ale i naším. |
||
| Jiří Ketner Profil * |
#8 · Zasláno: 27. 8. 2009, 18:14:17
No dobrá tedy, zítra to hodím na hosting tak jak to je... a uvidí se více..
|
||
| Jiří Ketner Profil * |
#9 · Zasláno: 28. 8. 2009, 14:01:15
Tak se na to podívejte na mountfieldcz.cz ... potřebuju aby ten obrázek byl ve všech prohlížečích ve stejné výšce...v IE a Opeře (stejná výška) ale v safari a firefoxu(stejná výška) je to jinde - níž, a ještě potřebuju zarovnat ten seznam odkazů v sortimentu taky doleva :) díky
|
||
|
Časová prodleva: 15 let
|
|||
0