» »

meni razporejen po celotni dolžini

meni razporejen po celotni dolžini

XzupanX ::

Kako bi menijsko vrstico spremenil tako da bodo linki razporejeni po celotni dolžini spletne strani. Zdej so razporejeni na levo stran in se potem nekje na sredini konča, jaz bi pa rad da je razporejeno po celi dolžini menijske vrstice.

.menu {
	background-color: #006400;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#006400), to(#008000));
	background-image: -webkit-linear-gradient(top, #006400, #008000);
	background-image: -moz-linear-gradient(top, #006400, #008000);
	background-image: -ms-linear-gradient(top, #006400, #008000);
	background-image: -o-linear-gradient(top, #006400, #008000);
	background-image: linear-gradient(top, #006400, #008000);
	clear: both;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#006600, endColorstr=#008000);
	margin: 0 auto;
}

.main-nav {
	clear: both;
}

.menu,
.menu ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu li {
	border: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
text-align:center;
}

.menu li:hover {
	white-space: normal;
	z-index: 10000;
}

.menu li li {
	float: none;
}

.menu ul {
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 10;
}

.menu li:hover > ul {
	top: 100%;
	visibility: visible;
}

.menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.menu:after,
.menu ul:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.menu,
.menu ul {
	min-height: 0;
}

.menu ul,
.menu ul ul {
	margin: 0;
	padding: 0;
}

.menu ul li a:hover,
.menu li li a:hover {
	color: #000000;
	text-decoration: none;
}

.menu ul {
	margin-top: 1px;
	min-width: 15em;
	width: auto;
}

.menu a {
	border-left: 1px solid #F0E68C;
	color: #F0E68C;
	cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: 700;
	height: 45px;
	line-height: 45px;
	margin: 0;
	padding: 0 0.9em;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 0 #000000;
	white-space: nowrap;
        text-align:center;
}

.menu a:hover {
	background-color: #808080;
	background-image: -webkit-gradient(linear, left top, left bottom, from(##006400), to(#008000));
	background-image: -webkit-linear-gradient(top, ##006400, #008000);
	background-image: -moz-linear-gradient(top, ##006400, #008000);
	background-image: -ms-linear-gradient(top, ##006400, #008000);
	background-image: -o-linear-gradient(top, ##006400, #008000);
	background-image: linear-gradient(top, ##006400, #008000);
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=##006400, endColorstr=#008000);
}

ul.menu > li:hover {
	background-color: #363636;
	color: #ffffff;
}

.menu .current_page_item a,
.menu .current-menu-item a {
	background-color: #006600;
}

.front-page .menu .current_page_item a {
	background: none;
	background-color: transparent;
	background-image: none;
	filter: none;
}

.menu li li {
	background: #ffffff;
	background-image: none;
	border: 1px solid #e5e5e5;
	color: #444444;
	filter: none;
	margin: -1px 0 1px 0;
	width: auto;
}

.menu li li a {
	background: transparent !important;
	border: none;
	color: #444444;
	font-size: 12px;
	font-weight: 400;
	height: auto;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	text-shadow: none;
	white-space: nowrap;
}

.menu li li a:hover {
	background: #f5f5f5 !important;
	background-image: none;
	border: none;
	color: #444444;
	filter: none;
}

.menu li li:hover {
	background: #f5f5f5 !important;
	filter: none;
}

.menu ul > li + li {
	border-top: 0;
}

.menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.menu > li:first-child > a {
	border-left: none;
}

.menu a#responsive_menu_button {
	display: none;
}

.main-nav #responsive_current_menu_item {
	display: none;
}

/*.js .main-nav .menu {*/
/*display: block;*/
/*}*/

/* =Primary Main Menu IE Fixes

D-monLord ::

Đizus F. Krajst, kaj si to spisal.

Ne kompliciraj, pa tudi če ni 'fensi', za take primere uporabi
table style="width:100%", pa se bodo celice same raztegnile na pravo širino.

Zgodovina sprememb…

Netrunner ::

D-monLord je izjavil:

Đizus F. Krajst, kaj si to spisal.

Ne kompliciraj, pa tudi če ni 'fensi', za take primere uporabi
table style="width:100%", pa se bodo celice same raztegnile na pravo širino.


Tukaj se vidi razlika med profesionalcem in amaterjem
Doing nothing is very hard to do... you never know when you're finished.

XzupanX ::

tole je iz predloge in nisem jaz pisal, poleg tega je pa to za wordpress

RockyS ::

css in html daj na jsfiddle da lahko sprobamo sploh kaj imaš.

JayKay ::

ul daj text-align: justify
li elementom pa
display: inline-block;

pa si zmagal


http://kometschuh.de/ExampleResponsiveN...

Netrunner ::

XzupanX je izjavil:

tole je iz predloge in nisem jaz pisal, poleg tega je pa to za wordpress


nisem se nanašal na tvoj post ampak komentar od "D-monLord-a"
Doing nothing is very hard to do... you never know when you're finished.

XzupanX ::

Netrunner je izjavil:

XzupanX je izjavil:

tole je iz predloge in nisem jaz pisal, poleg tega je pa to za wordpress


nisem se nanašal na tvoj post ampak komentar od "D-monLord-a"

:)

JayKay je izjavil:

ul daj text-align: justify
li elementom pa
display: inline-block;

pa si zmagal


http://kometschuh.de/ExampleResponsiveN...

danke ;)

Hudiča, še vedno ne dela -.-

Zgodovina sprememb…

  • spremenil: XzupanX ()


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 423 24 25 26 )

Oddelek: Izdelava spletišč
1297334887 (59036) htmltroubles
»

Prikaz strani na različni resoluciji-Joomla

Oddelek: Izdelava spletišč
151845 (1573) kr?en
»

poravnava li elementov

Oddelek: Izdelava spletišč
82031 (1896) boss-tech
»

Wampserver in Firefox

Oddelek: Izdelava spletišč
61744 (1624) jonystar
»

dreamweaver css poravnava

Oddelek: Izdelava spletišč
51172 (972) Tody

Več podobnih tem