Centrare link-uri pe orizontala + VERTICALA

#1
dani.user

Posted 25 March 2012 - 15:49

Guru Member

Grup: Senior Members
Posts: 30,238
Înscris: 24.02.2007

Care-i cea mai ok metoda pentru a centra cateva linkuri in casute atat pe orizontala cat si pe verticala? Pe orizontala-i simplu dar pe verticala ma ia durerea de cap.

Attached Files

Clipboard01.png 9.76K 50 downloads

Edited by dani.user, 25 March 2012 - 15:49.

Back to top

#2
mishpowerpuff

Posted 25 March 2012 - 16:05

Member

Grup: Members
Posts: 324
Înscris: 12.04.2007

http://www.w3schools...tical-align.asp

Back to top

#3
trackback

Posted 25 March 2012 - 16:48

Active Member

Grup: Members
Posts: 1,394
Înscris: 04.08.2011

Sau poti seta padding-top si padding-bottom tag-ului parinte. In cazul tau, acel div albastru.

Back to top

#4
dani.user

Posted 25 March 2012 - 17:30

Guru Member

Grup: Senior Members
Posts: 30,238
Înscris: 24.02.2007

vertical-align: middle am pus dar n-a avut efect (<a> in <div>)

Pentru padding-top, padding-bottom trebuie sa-i zic manual numarul de pixeli?

Back to top

#5
trackback

Posted 25 March 2012 - 17:56

Active Member

Grup: Members
Posts: 1,394
Înscris: 04.08.2011

dani.user, on 25th March 2012, 18:30, said:

Pentru padding-top, padding-bottom trebuie sa-i zic manual numarul de pixeli?

Da. Si numarul de pixeli sa fie acelasi.
Si daca div-ului i-ai setat si height, la <a> trebuie sa pui in CSS si float: left; height: 100%;.

Edited by trackback, 25 March 2012 - 17:58.

Back to top

#6
dani.user

Posted 25 March 2012 - 18:14

Guru Member

Grup: Senior Members
Posts: 30,238
Înscris: 24.02.2007

Daca ii zic manual numarul de pixeli ce fac cand linkul e mai lung si ocupa defapt 2 randuri? Linkurile vor fi dinamice.

Back to top

#7
Saurian

Posted 25 March 2012 - 18:20

Active Member

Grup: Banned
Posts: 1,280
Înscris: 02.09.2008

Am �ncercat cu padding la acel div și nimic. P�n� la urm� mi-a ieșit cu acest cod:

<div>
	<a href="" style = "display:inline-block;width:150px;text-align:center;height:18px;padding:9px 0;vertical-align:top;">HOME</a>
	<a href="" style = "display:inline-block;width:150px;text-align:center;height:36px;">GENERAL INFORMATION</a>
	<a href="" style = "display:inline-block;width:150px;text-align:center;height:36px;">SCIENTIFIC COMMITTEE</a>
	<a href="" style = "display:inline-block;width:150px;text-align:center;height:36px;">INFORMATION FOR AUTHORS</a>
	<a href="" style = "display:inline-block;width:150px;text-align:center;height:36px;">CONFERENCE PROGRAMME</a>
	<a href="" style = "display:inline-block;width:150px;text-align:center;height:36px;">OTHER INFORMATION</a>
</div>

Back to top

#8
trackback

Posted 25 March 2012 - 18:48

Active Member

Grup: Members
Posts: 1,394
Înscris: 04.08.2011

Poti sa faci in loc de div un table iar la td pui doar width si text-align: center;

Back to top

#9
dani.user

Posted 31 March 2012 - 09:42

Guru Member

Grup: Senior Members
Posts: 30,238
Înscris: 24.02.2007

Pana la urma mi-a reusit cu div'uri folosind

#menu_back {
	display: table;
	background-image: url('menu_back.png');
	width: 976px;
	height: 57px;	
}

#menu_back span {
	display: table-cell;
	vertical-align: middle;
	height: 57px;
	width: 160px;
	text-align: center;
}

Back to top

Anunturi

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

Centrare link-uri pe orizontala + VERTICALA

#1 dani.user Posted 25 March 2012 - 15:49

Attached Files

#2 mishpowerpuff Posted 25 March 2012 - 16:05

#3 trackback Posted 25 March 2012 - 16:48

#4 dani.user Posted 25 March 2012 - 17:30

#5 trackback Posted 25 March 2012 - 17:56

#6 dani.user Posted 25 March 2012 - 18:14

#7 Saurian Posted 25 March 2012 - 18:20

#8 trackback Posted 25 March 2012 - 18:48

#9 dani.user Posted 31 March 2012 - 09:42

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
dani.user

Posted 25 March 2012 - 15:49

#2
mishpowerpuff

Posted 25 March 2012 - 16:05

#3
trackback

Posted 25 March 2012 - 16:48

#4
dani.user

Posted 25 March 2012 - 17:30

#5
trackback

Posted 25 March 2012 - 17:56

#6
dani.user

Posted 25 March 2012 - 18:14

#7
Saurian

Posted 25 March 2012 - 18:20

#8
trackback

Posted 25 March 2012 - 18:48

#9
dani.user

Posted 31 March 2012 - 09:42