Obsah fóra » Software » Programovanie a tvorba webu » HTML, XHTML, XML, CSS » menu text





 Stránka: 1 z 1
 [ Príspevkov: 14 ] 
AutorSpráva
Offline kaidžas

Užívateľ
Užívateľ
menu text

Registrovaný: 09.03.08
Prihlásený: 22.12.10
Príspevky: 356
Témy: 85 | 85
Bydlisko: Topoľčany
NapísalOffline kaidžas: 30.07.2008 22:01 | menu text

Kto by mi prosim pomohol s css? Neviem ako mam dostat do stredu obrazkoveho menu text. Ide o klasicke menu.
HTML:
Kód:
<ul id="nav">
   <li><a href="#" id="menu1"><span>###</span></a></li>
   <li><a href="#" id="menu2"><span>###</span></a></li>
   <li><a href="#" id="menu3"><span>###</span></a></li>
   <li><a href="#" id="menu4"><span>###</span></a></li>
   <li><a href="#" id="menu5"><span>###</span></a></li>
</ul>

CSS:
Kód:
#nav li {
   list-style: none;
   float:left;
}

#nav li a {
   display: block;
   height: 73px;
   width: 141px;
 }

#nav li a#menu1{
   background: url("images/m1.gif") no-repeat;
}
#nav li a#menu1:hover{
   background: url("images/m1-1.gif") no-repeat;
}
#nav li a#menu2{
   background: url("images/m4.gif") no-repeat;
}
#nav li a#menu2:hover{
   background: url("images/m4-4.gif") no-repeat;
}
#nav li a#menu3{
   background: url("images/m3.gif") no-repeat;
}
#nav li a#menu3:hover{
   background: url("images/m3-3.gif") no-repeat;
}
#nav li a#menu4{
   background: url("images/m2.gif") no-repeat;
}
#nav li a#menu4:hover{
   background: url("images/m2-2.gif") no-repeat;
}
#nav li a#menu5{
   background: url("images/m5.gif") no-repeat;
}
#nav li a#menu5:hover{
   background: url("images/m5-5.gif") no-repeat;
}


_________________
FCSpartak Trnava
Offline Tominator

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 21.02.07
Prihlásený: 21.02.10
Príspevky: 3984
Témy: 96 | 96
NapísalOffline Tominator: 30.07.2008 22:34 | menu text

a{text-align:center}


Offline kaidžas

Užívateľ
Užívateľ
menu text

Registrovaný: 09.03.08
Prihlásený: 22.12.10
Príspevky: 356
Témy: 85 | 85
Bydlisko: Topoľčany
Napísal autor témyOffline kaidžas: 31.07.2008 16:20 | menu text

ja by som skor potreboval vediet ako dostanem ten text presne do stredu jednotlivych obrazkov. momentalne je cely text nad obrazkami. diky


_________________
FCSpartak Trnava
Offline neutronmind

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 30.04.08
Prihlásený: 15.05.15
Príspevky: 884
Témy: 3 | 3
NapísalOffline neutronmind: 31.07.2008 18:33 | menu text

Skus prilozit screenshot. :)


Offline don jebot

Užívateľ
Užívateľ
menu text

Registrovaný: 03.04.08
Prihlásený: 10.12.19
Príspevky: 4667
Témy: 37 | 37
Bydlisko: Trnava
NapísalOffline don jebot: 31.07.2008 19:36 | menu text

mas ho posunuty zle orientovanie nemas nastavene ani vlastnosti <ul> a mas obrazky ako celok musis pouzit backgroun position a posunut ich na spravne miesto a neviem ci by nahodou nemali mat aj <li> deklarovany pevny rozmer ale tusim mali..


_________________
Hmmm .... Hrošíček ... [Homer]
Offline kaidžas

Užívateľ
Užívateľ
menu text

Registrovaný: 09.03.08
Prihlásený: 22.12.10
Príspevky: 356
Témy: 85 | 85
Bydlisko: Topoľčany
Napísal autor témyOffline kaidžas: 31.07.2008 20:23 | menu text

neutronmind píše:
Skus prilozit screenshot. :)
screenshot: http://upload.678.cz/index-5.html
Toto tvorenie menu je pre mna zahada.neviem sa v tom vobec zorientovať. dakujem za pomoc.


_________________
FCSpartak Trnava
Offline shaggy

Čestný člen
Čestný člen
menu text

Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5404
Témy: 30 | 30
Bydlisko: Bratislava
NapísalOffline shaggy: 31.07.2008 21:14 | menu text

Nastav tomu LI horný padding, ľavý padding a budeš to mať.


_________________
Neradím a nekomunikujem cez SS, ak niečo potrebujete, máte iné možnosti: Ak vám zmizla téma, alebo sa vám niečo nepáči. Ak potrebujete nahlásiť príspevok/človeka, reportujte ho. Ak máte s niečim problém, riešte to v danej téme.
Offline kaidžas

Užívateľ
Užívateľ
menu text

Registrovaný: 09.03.08
Prihlásený: 22.12.10
Príspevky: 356
Témy: 85 | 85
Bydlisko: Topoľčany
Napísal autor témyOffline kaidžas: 31.07.2008 21:25 | menu text

vsetky tie obrazky sa mi rozhadzali. ja hovorim s tymito menu mam problem, neviem proste, nebudem hovorit ze tomu rozumiem, lebo som z toho jelen.


_________________
FCSpartak Trnava
Offline emer

Užívateľ
Užívateľ
menu text

Registrovaný: 26.12.06
Prihlásený: 16.11.19
Príspevky: 3971
Témy: 181 | 181
Bydlisko: Nitra / Bra...
NapísalOffline emer: 31.07.2008 21:29 | menu text

pre operu a ff musíš ešte tomu ubrať potom zo šírky..

ak si mal šírku width: 141px a dal si padding-left: 20px, takmusíš šírku upraviť na 121px... to sité aj s výškou, ked máš 73px, a dal si paddin-top: 10px, tak výška musí byť 63px... a pre IE zvlášť css


_________________
Sorry za prelkepy
Offline kaidžas

Užívateľ
Užívateľ
menu text

Registrovaný: 09.03.08
Prihlásený: 22.12.10
Príspevky: 356
Témy: 85 | 85
Bydlisko: Topoľčany
Napísal autor témyOffline kaidžas: 31.07.2008 21:53 | menu text

skusil som to tak a vyslo s toho toto: http://upload.678.cz/index-5.html


_________________
FCSpartak Trnava
Offline don jebot

Užívateľ
Užívateľ
menu text

Registrovaný: 03.04.08
Prihlásený: 10.12.19
Príspevky: 4667
Témy: 37 | 37
Bydlisko: Trnava
NapísalOffline don jebot: 31.07.2008 22:47 | menu text

ak by si to robil podla toho ako som ti to posielal tak uz to mas napis do zdrojaku
<li><a href="#" id="menu1"><span>UPLOAD</span></a></li>
a v css naformatuj span a daj mu padding-left a padding-top


_________________
Hmmm .... Hrošíček ... [Homer]
Offline shaggy

Čestný člen
Čestný člen
menu text

Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5404
Témy: 30 | 30
Bydlisko: Bratislava
NapísalOffline shaggy: 31.07.2008 23:17 | menu text

A ešte otázku - ovládaš základy CSS? Vieš ako funguje padding? Lebo keď obrázku čo má rozmery cca 140x70px nastavuješ horný padding 63px a ľavý padding 121px, tak nemám pocit, že by si mal tušenie, čo robíš.

Tiež je problém s tým, že LI nemá definovaný šírku a výšku a že pozadie dávaš až vnorenému elementu (A). Preto by si ten padding mal nastaviť tomu tagu A... a ak chceš, aby si ich mal vedľa seba, tak skús ešte float: left použiť :)


_________________
Neradím a nekomunikujem cez SS, ak niečo potrebujete, máte iné možnosti: Ak vám zmizla téma, alebo sa vám niečo nepáči. Ak potrebujete nahlásiť príspevok/človeka, reportujte ho. Ak máte s niečim problém, riešte to v danej téme.
Offline don jebot

Užívateľ
Užívateľ
menu text

Registrovaný: 03.04.08
Prihlásený: 10.12.19
Príspevky: 4667
Témy: 37 | 37
Bydlisko: Trnava
NapísalOffline don jebot: 01.08.2008 0:02 | menu text

inak ja uz to mam hotove teda jeden obrazok a zajtra mu to poslem na mail cele ak budem mat cas...

//edit uz to mam komplet asi mi j**** teraz v noci... zajtra ti to poslem na mail... :cheer: dlzis mi beer


_________________
Hmmm .... Hrošíček ... [Homer]
Offline kaidžas

Užívateľ
Užívateľ
menu text

Registrovaný: 09.03.08
Prihlásený: 22.12.10
Príspevky: 356
Témy: 85 | 85
Bydlisko: Topoľčany
Napísal autor témyOffline kaidžas: 01.08.2008 16:40 | menu text

diky ti moc este to musim nejak nastavit pre IE. lebo je to trosku zle.


_________________
FCSpartak Trnava
 Stránka: 1 z 1
 [ Príspevkov: 14 ] 


menu text


Obsah fóra » Software » Programovanie a tvorba webu » HTML, XHTML, XML, CSS » menu text


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

flash text & menu

v Ostatné

0

745

04.07.2007 20:55

tommy70777

V tomto fóre nie sú ďalšie neprečítané témy.

navigacne menu - sek.menu

v HTML, XHTML, XML, CSS

2

553

15.10.2013 21:54

newbie99

V tomto fóre nie sú ďalšie neprečítané témy.

Text

v HTML, XHTML, XML, CSS

3

939

15.10.2007 21:10

enorm

V tomto fóre nie sú ďalšie neprečítané témy.

text

v Grafické programy

2

894

12.03.2008 19:49

Enermax

V tomto fóre nie sú ďalšie neprečítané témy.

text

v Audio programy

5

609

24.07.2012 13:24

dangerous_123

V tomto fóre nie sú ďalšie neprečítané témy.

Text

v HTML, XHTML, XML, CSS

5

732

26.10.2009 17:23

hajtrak

V tomto fóre nie sú ďalšie neprečítané témy.

Náhodný text

v Ostatné

1

1123

13.09.2006 7:45

VLADIS007

V tomto fóre nie sú ďalšie neprečítané témy.

Nezobrazený text

v HTML, XHTML, XML, CSS

5

609

09.02.2008 18:13

emer

V tomto fóre nie sú ďalšie neprečítané témy.

PDF text

v Ostatné programy

1

709

23.03.2011 21:20

f4r0

V tomto fóre nie sú ďalšie neprečítané témy.

náhodný text

v PHP, ASP

2

844

06.01.2009 22:30

rooobertek

V tomto fóre nie sú ďalšie neprečítané témy.

Replace text

v JavaScript, VBScript, Ajax

5

526

28.05.2012 13:49

xxx9955

V tomto fóre nie sú ďalšie neprečítané témy.

Image Text

v PHP, ASP

1

521

08.08.2012 0:23

Ando

V tomto fóre nie sú ďalšie neprečítané témy.

Označený text

v HTML, XHTML, XML, CSS

4

658

09.06.2008 21:43

Codik

V tomto fóre nie sú ďalšie neprečítané témy.

text na obrazok

v HTML, XHTML, XML, CSS

4

475

09.02.2016 20:35

Lessik

V tomto fóre nie sú ďalšie neprečítané témy.

Nemozem zalomit text.

v HTML, XHTML, XML, CSS

1

556

03.08.2009 16:27

pilná lama glama

V tomto fóre nie sú ďalšie neprečítané témy.

Z cisel text?

v PHP, ASP

3

484

21.03.2010 10:27

Ďuri



© 2005 - 2025 PCforum, edited by JanoF