Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Intrerupator cu N - doza doar cu ...

Incalzire casa fara gaz/lemne

Incalzire in pardoseala etapizata

Suprataxa card energie?!
 Cum era nivelul de trai cam din a...

probleme cu ochelarii

Impozite pe proprietati de anul v...

teava rezistenta panou apa calda
 Acces in Curte din Drum National

Sub mobila de bucatarie si sub fr...

Rezultat RMN

Numar circuite IPAT si prindere t...
 Pareri brgimportchina.ro - teapa ...

Lucruri inaintea vremurilor lor

Discuții despre TVR Sport HD.

Cost abonament clinica privata
 

Menu cu css nestandart

- - - - -
  • Please log in to reply
2 replies to this topic

#1
daddyness

daddyness

    New Member

  • Grup: Members
  • Posts: 7
  • Înscris: 24.04.2011
Salut all,
Am nevoie de ajutorul si cunostintele voastre pentru rezolvarea unei probleme, care nu pot sa o ignorez. Este vorba despre realizarea unui meniu intr-un stil nu foarte obisnuit. Rezultatul la care trebuie sa ajung este asta:
[ http://g.iceimg.com/yzwhVa2F/arch3-thumb.jpg - Pentru incarcare in pagina (embed) Click aici ]
Prin css mie mi s-a primit asta :
[ http://g.iceimg.com/sLHep7TV/untitled-thumb.jpg - Pentru incarcare in pagina (embed) Click aici ]
borders si culoarea de backroud sunt pentru orientare, problema este ca prin css nu pot sa aranjez cercurile, am incercat cu instructiunea flex, dar nu s-a primit sau ceva nu am inteles eu
iata codul:
#navigation{
	 float: right;
	 width: 0;
	 height: 0;
	 border-left: 350px solid transparent;
	 border-right: 350px solid transparent;
	 border-bottom: 350px solid black;
}
#navigation nav ul {
	 list-style-type: none;
	 padding: 0;
	 margin: 0;
}
#navigation nav li {
	 border: 1px solid #fff000;
	 display: inline;
	 margin-left: -55px;
	 margin-top: -30px;
}
#navigation nav a {
	 display: block;
	 width: 100px;
	 height: 100px;
	 border-radius: 50%;
	 border: 1px #a2a2a2 solid;
	 text-decoration: none;
	 text-align: center;
	 line-height: 95px;
	 margin: 5%;
}


Deci cum as putea sa aranjez cercurile, astfel sa fie ca in imagine ?

PS: inca ceva, fiecare item din meniu se genereaza, deci nu pot sa ma bag in codul html ca sa bag div-uri, trebuie sa lucrez cu div-urile si tagurile pe care le am. Poate exista vre-o tehnica nu numaidecit in css.
Mersi.

Edited by daddyness, 18 November 2014 - 21:03.


#2
GeorgeGeo

GeorgeGeo

    Active Member

  • Grup: Members
  • Posts: 1,066
  • Înscris: 01.05.2007
Pui coordonatele locatiei lor in pagina in % nu in pixeli

Sau altfel cam asa :


#Principale {
    position:absolute;
    width:203px;
    height:235px;
    z-index:1;
    left: 733px;
    top: 320px;
}
#About {
    position:absolute;
    width:181px;
    height:207px;
    z-index:1;
    left: 2px;
    top: 269px;
}
#Concept {
    position:absolute;
    width:200px;
    height:115px;
    z-index:2;
    left: -470px;
    top: -29px;
}

Edited by GeorgeGeo, 18 November 2014 - 21:17.


#3
daddyness

daddyness

    New Member

  • Grup: Members
  • Posts: 7
  • Înscris: 24.04.2011

 GeorgeGeo, on 18 noiembrie 2014 - 21:03, said:

Sau altfel cam asa :


Problema ca itemii meniului nu se afla intr-un file html fizic. Are rost poate sa incerc cu asta? http://www.w3schools...ectors.asp  ?

PS: treaba asta se face in drupal, poate ceva nu inteleg, in documentatie tot nu am gasit..

Edited by daddyness, 18 November 2014 - 22:49.


Anunturi

Second Opinion Second Opinion

Folosind serviciul second opinion ne puteți trimite RMN-uri, CT -uri, angiografii, fișiere .pdf, documente medicale.

Astfel vă vom putea da o opinie neurochirurgicală, fără ca aceasta să poată înlocui un consult de specialitate. Răspunsurile vor fi date prin e-mail în cel mai scurt timp posibil (de obicei în mai putin de 24 de ore, dar nu mai mult de 48 de ore). Second opinion – Neurohope este un serviciu gratuit.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate