Problēmas ar navigācijas izveidošanu

[daGrevis]

Tagad pārnesu savu dizainu ( http://dagrevis.deviantart.com/art/The-Heaven-125012540 ) no .PSD uz web pārlūku. Veidojot navigāciju katra poga lec zem iepriekšējais, lai gan vajadzētu, ka lec blakus, kā arī nedarbojās ne margin: auto;, ne paddings... :(

 

 

Kods ir šeit...

 

HTML: http://codepad.org/ziH2Pv9A

CSS: http://codepad.org/YitpKsW1

[marcis]

Šāds (d)efekts rodas iesaistīto <div> elementu dēļ, kuri pēc noklusējuma tiek attēloti kā block elementi. Block pēc noklusēja kārtojas jaunā rindā pēc iepriekšējā elementa.

 

Lieto "float: left;" vai vēl labāk <ul> + <li>

 

P.S. <div class="div-line"> derētu arī aizvērt.

[daGrevis]

HTML: http://codepad.org/6udxzz5F

CSS: http://codepad.org/nBHZUR9e

 

Hmmm... Jā, viss iznāk, tikai vienīga problēma ir tā, ka nestrādā "margin", tapēc nevaru nocentrēt pašas pogas... :(

 

P.S. Jā, par DIV aizvēršanu: Vienkārši nebiju pamanījis. :D

[Evi]

Lai darbotos margin: 0 auto;, tad tev ir jaaiedod width, tagad izkataas, ka tu esi nocentreejis menu ar width pa visu lapas platumu, uzliec mazaaku width un redzeesi, ka tev tas platums nocentreesies.

 

Bet vispaar, lai nocentreetu menu ar li, bez konkreeta width, tad jaataisa li kaa display:inline-block, bez floata, uz uz to darbosies vnk text-align: center;

Edited June 10, 2009 by Evi

[daGrevis]

Ok, viss tik tāl strādā, ar divām problēmām... :(

 

#1 Klikšķinot uz pogām nav nekāda rezultāta, itkā "a" tags nemaz tur nebūtu... :(

 

 

#2 Tagam .div-line (atdalošā līnija) nestrādā "margin"... :(

 

Ceru uz palīdzību, jo par CSS visām pozīcijam neko īpaši daudz nesaprotu, bet tagad jau nedaudz sāk pielekt... :) Paldies.

 

HTML: http://codepad.org/t1EHUTul

CSS: http://codepad.org/0KuQcCRN

[kechums]

1) Rezultāts jau nevar būt, ja atribūta href vērtība ir # (# pēc noklusējuma uzskrollē dokumentu līdz pašai augšai).

2) Taisi atdalošo līniju, uzliekot katrai pogai border-right un attiecīgu padding.

[daGrevis]

http://codepad.org/1u5cKo5m

 

Ok, links ir definēts, bet rezultats nemainas... :(

[daGrevis]

Atvainojos par dubultpostu, bet vienkārši pats gandrīz atradu risinājumu... ...un vajadzēja palīdzību, sekojoši padarīt postu izceltu! :)

 

 

Tagad linki strādā, bet atkal kas nav labi ar linku izvietojumu, ka paši redzat... :(

 

xHTML: http://codepad.org/kZypVL6B

CSS: http://codepad.org/GaO07BA9