[HTML][CSS]Jak zmienić menu pionowe Opcje

[Darek82]

W Joomla chce zrobić menu pionowe ( menu na samej górze) przekształcając menu poziome na stronie www.foto-obrobka.pl, ale nie wiem jak w css ustawić żeby każdy niebieski odnośnik był mniejszy nie tak szeroki jak jest teraz tylko mniej wiecej taki jak w tym drugim menu poziomym, podaje ponizej kod

[HTML] pobierz, plaintext 
/* moje pillmenu_2 */
 
#pillmenu_2 {
 
	background: url(../images/topmenu.gif) no-repeat ;
	margin: 0;
 
 
}
 
#pillmenu_2 ul {
	display:block;
	margin: 0;
	padding: 0;
	list-style: none;
 
}
 
/* definiuje poziome lub pionowe menu */
#pillmenu_2 li {
	display: block;
        margin: 0;
	padding: 0;
	list-style: none;
 
	height: 26px;
 
	background: url(../images/topmenu_li.png) no-repeat; center left;
}
 
#pillmenu_2 li a {
	float: left;
	font-size: 12px;
	line-height: 26px;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	background: url(../images/topmenu_a.png) no-repeat; center left;
	height: 26px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
}
 
/* definiuje poziome lub pionowe menu */
 
#pillmenu_2 li a:hover {
	color: #000;
}
 
#pillmenu_2 li a#active_menu-nav {
 
}
/* koniec */
[HTML] pobierz, plaintext 

[siurek22]

display: inline;

i w #pillmenu_2 li a
padding: 0px 5px 0px 0px;

[krzysztof_kf]

dla selektora

[CSS] pobierz, plaintext 
 
#pillmenu_2 {
float: left;
}
 
#pillmenu {
clear: both;
}
 
#pillmenu_2 li {
	background: url(../images/topmenu_li.png) no-repeat right;
}
[CSS] pobierz, plaintext 

EDIT: eh twoje pytanie wraca do punktu wyjścia jest zakręcone jak perpetummobile

Ten post edytował krzysztof_kf 11.07.2010, 12:13:19

[Darek82]

display: inline;

i w #pillmenu_2 li a
padding: 0px 5px 0px 0px;

Ale to jest chyba dla menu poziomego, a Ja pionowe chce

[siurek22]

a ok na odwrot przeczytalem :]

[krzysztof_kf]

Polecam się z zapoznaniem tego tematu Jak poprawnie zadać pytanie . czytałeś mój post czy przeoczyłeś .

[Darek82]

Hej Krzysiek czytałem czytałem, ale miałem napisać dopiero jak to sprubuje, ale pamietam że float też dałem to sie porozjeżdzały wtedy odnośniki nie były jeden pod drugim, a czemu w pillmenu mam coś zmieniać, w pillmenu_2 chce tylko ustawić menu..., dam znać jutro dzieki (IMG:style_emoticons/default/smile.gif)

ps. fakt temat kiepsko wpisałem sorki

Sorry że pisze dopiero teraz, zrobiłem zmiany jakie Krzysiek podałeś mi i nie pomogło kod wyglada tak jak poniżej a menu nie ma wogóle widocznego

[HTML] pobierz, plaintext 
/* moje pillmenu_2 */
 
#pillmenu_2 {
	float:left;
	background: url(../images/topmenu.gif) no-repeat ;
	margin: 0;
 
 
}
 
#pillmenu_2 ul {
	display:block;
	margin: 0;
	padding: 0;
	list-style: none;
 
}
 
/* definiuje poziome lub pionowe menu */
#pillmenu_2 li {
	display: block;
        margin: 0;
	padding: 0;
	list-style: none;
 
	height: 26px;
 
	background: url(../images/topmenu_li.png) no-repeat; right;
}
 
#pillmenu_2 li a {
	float: left;
	font-size: 12px;
	line-height: 26px;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	background: url(../images/topmenu_a.png) no-repeat; center left;
	height: 26px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
}
 
/* definiuje poziome lub pionowe menu */
 
#pillmenu_2 li a:hover {
	color: #000;
}
 
#pillmenu_2 li a#active_menu-nav {
 
}
/* koniec */
 
#pillmenu {
	height: 90px;
	background: url(../images/topmenu.gif) no-repeat top center;
	margin: 0 0 10px;
	padding: 0 14px;
	clear:both
}
 
#pillmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
 
#pillmenu li {
	float: left;
	display: inline;
	height: 90px;
	margin: 0 14px 0 0;
	background: url(../images/topmenu_li.png) no-repeat center right;
}
 
#pillmenu li a {
	float: left;
	font-size: 12px;
	line-height: 26px;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	background: url(../images/topmenu_a.png) no-repeat center left;
	height: 26px;
	margin: 32px 14px 32px 0;
	padding: 0 14px;
}
 
#pillmenu li a:hover {
	color: #000;
}
 
#pillmenu li a#active_menu-nav {
 
}
 
[HTML] pobierz, plaintext 

Może mu kto pomóc nie wiem jak to ustawić, ciagle mi ucina bok w pillmenu_2 li

może w index.php źle zrobiłem że dałem to menu jako user2

[HTML] pobierz, plaintext 
<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
JPlugin::loadLanguage( 'tpl_SG1' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
 
<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
 
<!--[if lte IE 6]>
<link href="templates/<?php echo $this->template ?>/css/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
 
</head>
 
<body id="page_bg">
	<div id="container">
 
		<div id="header">
			<a href="index.php"><?php echo $mainframe->getCfg('sitename') ;?></a>
		</div>
 
 
 
		<div id="pillmenu">
			<jdoc:include type="modules" name="user3" />
		</div>
 
		<div id="pillmenu_2">
			<jdoc:include type="modules" name="user2" />
		</div>
 
		<div id="splash">
			<div id="newsflash">
				<jdoc:include type="modules" style="rounded" name="top" />
			</div>
		</div>
 
		<div id="toolbar">
			<div id="pathway">
				<jdoc:include type="modules" name="breadcrumb" />	
			</div>
			<div id="search">
				<jdoc:include type="modules" name="user4" />	
			</div>
			<div class="clr"></div>
		</div>
 
		<div id="wrapper">
			<div id="holder_top">
				<div id="holder_bottom">
					<div id="content">
						<?php if($this->countModules('left') and JRequest::getCmd('layout') != 'form') : ?>
						<div id="leftcolumn">	
							<jdoc:include type="modules" name="left" style="rounded" />
							<?php $wd123 = 'banner'; include "templates.php"; ?>
						</div>
						<?php endif; ?>
 
						<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>			
						<div id="maincolumn">
						<?php else: ?>
						<div id="maincolumn_full">
						<?php endif; ?>
							<div class="nopad">				
								<jdoc:include type="message" />
								<?php if($this->params->get('showComponent')) : ?>
									<jdoc:include type="component" />
								<?php endif; ?>
							</div>
						</div>
						<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
							<div id="rightcolumn" style="float:right;">
								<jdoc:include type="modules" name="right" style="rounded" />								
							</div>
						<?php endif; ?>
						<div class="clr"></div>
						<jdoc:include type="modules" name="debug" />
					</div>
				</div>	
			</div>	
		</div>
 
		<div id="footer">
			<?php $wd123 = ''; include "templates.php"; ?><br />
			<a href="http://validator.w3.org/check/referer">valid xhtml</a>
			<a href="http://jigsaw.w3.org/css-validator/check/referer">valid css</a>
		</div>
	</div>
</body>
</html>
[HTML] pobierz, plaintext 

Ten post edytował Darek82 15.07.2010, 13:50:36