Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Info Coronavirus/Vaccinare vs Fake News

Renault Zoe

Dobanda Trezorerie

inghetare ecran Iphone XS Max
 Noul program Rabla incepe in octo...

Alegere sistem supraveghere dahua...

Comunism si democratia?

Placa video RTX 3060, la doar 120...
 Parere estimativa despre dauna

Romania - Bosnia (26.09.2022 21:4...

Subwoofer-ul nu porneste!

Garantie pentru mufa de incarcare
 2 ISPs - parere config - sfat ach...

Recomandare reparatie sursa PC

Casa din chirpici

Dell Alienware Area 51m R2
 

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,065
  • Î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

View PostGeorgeGeo, 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

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

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