Avaleht
uus teema   vasta Tarkvara »  WWW »  css horisontaalne menüü lingid keskel märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
Plondiin
HV kasutaja


liitunud: 13.12.2001
sõnum 14.05.2008 14:07:21 css horisontaalne menüü lingid keskel vasta tsitaadiga
Tahan teha horisontaalset menüüd, mille 5 linki asuksid keskel. Laius on 505px. Kes oskaks allpool olevat menüüd selliseks ümber teha?


ul#mainlevel-nav
{
   font: bold 10px Arial, Verdana, Helvetica, sans-serif;
   list-style: none;
   padding: 0px;
   margin: 0;
   width:505px;
}

ul#mainlevel-nav li
{
   display: block;
   background: transparent;
   padding: 2px;
   float: left;
   margin: 0;
   width: auto !important;
   font-size: 12px;
   line-height: 31px;
   white-space: nowrap;
   border: 0;
}

ul#mainlevel-nav li a:link, ul#mainlevel-nav li a:visited {
   display: block;
   padding: 0px;
   text-decoration: none;
   color: #8B0013;
   background: transparent;
}

ul#mainlevel-nav li a:hover
{
   color: #000;
   background: transparent;
}
tagasi üles
vaata kasutaja infot saada privaatsõnum
AMD
HV veteran
AMD

liitunud: 29.07.2003
sõnum 14.05.2008 19:51:55 vasta tsitaadiga
No pane siis kuhugile text-align:center; vms
_________________
From now on, the forum is owned by AMD.That means that you are NO LONGER allowed to talk about, or even mention *ntel.
Kommentaarid: 335 loe/lisa Kasutajad arvavad:  :: 145 :: 3 :: 12
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 14.05.2008 22:35:45 vasta tsitaadiga
Lähened asjale veidi lohakalt. Keegi ei tea ju kuidas sul need divid ja ul on html is paigutatud. Sellest ju oleneb ka midagi ja kui ma õieti aru saan on ka see css veidi kahtlane sul, peaks ul ja # vahel tühik vist olema.

<style>
#ms {
position:relative;
width:505px;
height:50px;
text-align:center;
border:solid 1px #000;
}
ul {
margin:auto;
width:200px;
height:30px;

   font: bold 10px Arial, Verdana, Helvetica, sans-serif;
   list-style: none;
   padding: 0px;

}

ul  li
{
   display: block;
   background: transparent;
   padding: 2px;
   float: left;
   margin: 0;
   width: auto !important;
   font-size: 12px;
   line-height: 31px;
   white-space: nowrap;
   border: 0;
}

ul  li a:link, ul  li a:visited {
   display: block;
   padding: 0px;
   text-decoration: none;
   color: #8B0013;
   background: transparent;
}

ul  li a:hover
{
   color: #000;
   background: transparent;
}
</style>
<body>

<div id="ms">

<ul>
<li><a href="sss">Tere</a></li>
<li><a href="sss">Tere</a></li>
<li><a href="sss">Tere</a></li>
<li><a href="sss">Tere</a></li>
<li><a href="sss">Tere</a></li>
</ul>

</div>

_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
AMD
HV veteran
AMD

liitunud: 29.07.2003
sõnum 15.05.2008 09:50:35 vasta tsitaadiga
andrusny, ul#blah = (ul, mille id = blah)
_________________
From now on, the forum is owned by AMD.That means that you are NO LONGER allowed to talk about, or even mention *ntel.
Kommentaarid: 335 loe/lisa Kasutajad arvavad:  :: 145 :: 3 :: 12
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 15.05.2008 12:37:45 vasta tsitaadiga
Selge. Tänud. Aga mis selle mõte on? Võiks siis ju ainult #blah panna, topelt id nimesid nii või teisiti minu teada panna ei tohi. Ma muud ei tea, kuid minu redaktoris ei värvinud seda #blah osa ära, kui vahet ul iga sees poilnud, seepärast eeldasingi, et see vigane. Kui seal vahe sees, siis oleks nagu sellise koodiga tegu, vähemasti siis toimis kõik ideaalselt css puhul ja seepärast ma arvasingi, et peab vahe seal olema. See, et veider välja näeb see kooslus...
<ul><div id="blah"><li></li></div></ul>

_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
gandalf
HV kasutaja
gandalf

liitunud: 01.09.2002
sõnum 15.05.2008 22:38:30 vasta tsitaadiga
andrusny kirjutas:
Aga mis selle mõte on?

endal on lihtsam jälgida. ega tal suurt muud mõtet ilmselt olegi.
Kommentaarid: 1 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 1
tagasi üles
vaata kasutaja infot saada privaatsõnum
kapa24
HV vaatleja

liitunud: 23.01.2003
sõnum 19.05.2008 09:46:08 vasta tsitaadiga
andrusny kirjutas:
See, et veider välja näeb see kooslus...
<ul><div id="blah"><li></li></div></ul>



<ul id="blah">
    <li>...</li>
</ul>
tagasi üles
vaata kasutaja infot saada privaatsõnum
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  css horisontaalne menüü lingid keskel
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.