Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Jak zmienić menu pionowe
Forum PHP.pl > Forum > Przedszkole
Darek82
10.07.2010, 21:45:00
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 
  1. /* moje pillmenu_2 */
  2.  
  3. #pillmenu_2 {
  4.  
  5. 	background: url(../images/topmenu.gif) no-repeat ;
  6. 	margin: 0;
  7.  
  8.  
  9. }
  10.  
  11. #pillmenu_2 ul {
  12. 	display:block;
  13. 	margin: 0;
  14. 	padding: 0;
  15. 	list-style: none;
  16.  
  17. }
  18.  
  19. /* definiuje poziome lub pionowe menu */
  20. #pillmenu_2 li {
  21. 	display: block;
  22.         margin: 0;
  23. 	padding: 0;
  24. 	list-style: none;
  25.  
  26. 	height: 26px;
  27.  
  28. 	background: url(../images/topmenu_li.png) no-repeat; center left;
  29. }
  30.  
  31. #pillmenu_2 li a {
  32. 	float: left;
  33. 	font-size: 12px;
  34. 	line-height: 26px;
  35. 	color: #fff;
  36. 	text-decoration: none;
  37. 	font-weight: 700;
  38. 	background: url(../images/topmenu_a.png) no-repeat; center left;
  39. 	height: 26px;
  40. 	margin: 0px 0px 0px 0px;
  41. 	padding: 0px 20px 0px 20px;
  42. }
  43.  
  44. /* definiuje poziome lub pionowe menu */
  45.  
  46. #pillmenu_2 li a:hover {
  47. 	color: #000;
  48. }
  49.  
  50. #pillmenu_2 li a#active_menu-nav {
  51.  
  52. }
  53. /* koniec */
[HTML] pobierz, plaintext
siurek22
11.07.2010, 11:29:25
display: inline;

i w #pillmenu_2 li a
padding: 0px 5px 0px 0px;
krzysztof_kf
11.07.2010, 11:46:33
dla selektora 

[CSS] pobierz, plaintext 
  1.  
  2. #pillmenu_2 {
  3. float: left;
  4. }
  5.  
  6. #pillmenu {
  7. clear: both;
  8. }
  9.  
  10. #pillmenu_2 li {
  11. 	background: url(../images/topmenu_li.png) no-repeat right;
  12. }
[CSS] pobierz, plaintext




EDIT: eh twoje pytanie wraca do punktu wyjścia jest zakręcone jak perpetummobile
Darek82
11.07.2010, 11:54:59
Cytat(siurek22 @ 11.07.2010, 12:29:25 ) *
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
11.07.2010, 11:56:54
a ok na odwrot przeczytalem :]
krzysztof_kf
11.07.2010, 12:07:30
Polecam się z zapoznaniem tego tematu Jak poprawnie zadać pytanie . czytałeś mój post czy przeoczyłeś .
Darek82
15.07.2010, 13:37:16
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 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 
  1. /* moje pillmenu_2 */
  2.  
  3. #pillmenu_2 {
  4. 	float:left;
  5. 	background: url(../images/topmenu.gif) no-repeat ;
  6. 	margin: 0;
  7.  
  8.  
  9. }
  10.  
  11. #pillmenu_2 ul {
  12. 	display:block;
  13. 	margin: 0;
  14. 	padding: 0;
  15. 	list-style: none;
  16.  
  17. }
  18.  
  19. /* definiuje poziome lub pionowe menu */
  20. #pillmenu_2 li {
  21. 	display: block;
  22.         margin: 0;
  23. 	padding: 0;
  24. 	list-style: none;
  25.  
  26. 	height: 26px;
  27.  
  28. 	background: url(../images/topmenu_li.png) no-repeat; right;
  29. }
  30.  
  31. #pillmenu_2 li a {
  32. 	float: left;
  33. 	font-size: 12px;
  34. 	line-height: 26px;
  35. 	color: #fff;
  36. 	text-decoration: none;
  37. 	font-weight: 700;
  38. 	background: url(../images/topmenu_a.png) no-repeat; center left;
  39. 	height: 26px;
  40. 	margin: 0px 0px 0px 0px;
  41. 	padding: 0px 20px 0px 20px;
  42. }
  43.  
  44. /* definiuje poziome lub pionowe menu */
  45.  
  46. #pillmenu_2 li a:hover {
  47. 	color: #000;
  48. }
  49.  
  50. #pillmenu_2 li a#active_menu-nav {
  51.  
  52. }
  53. /* koniec */
  54.  
  55. #pillmenu {
  56. 	height: 90px;
  57. 	background: url(../images/topmenu.gif) no-repeat top center;
  58. 	margin: 0 0 10px;
  59. 	padding: 0 14px;
  60. 	clear:both
  61. }
  62.  
  63. #pillmenu ul {
  64. 	margin: 0;
  65. 	padding: 0;
  66. 	list-style: none;
  67. }
  68.  
  69. #pillmenu li {
  70. 	float: left;
  71. 	display: inline;
  72. 	height: 90px;
  73. 	margin: 0 14px 0 0;
  74. 	background: url(../images/topmenu_li.png) no-repeat center right;
  75. }
  76.  
  77. #pillmenu li a {
  78. 	float: left;
  79. 	font-size: 12px;
  80. 	line-height: 26px;
  81. 	color: #fff;
  82. 	text-decoration: none;
  83. 	font-weight: 700;
  84. 	background: url(../images/topmenu_a.png) no-repeat center left;
  85. 	height: 26px;
  86. 	margin: 32px 14px 32px 0;
  87. 	padding: 0 14px;
  88. }
  89.  
  90. #pillmenu li a:hover {
  91. 	color: #000;
  92. }
  93.  
  94. #pillmenu li a#active_menu-nav {
  95.  
  96. }
  97.  
[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 
  1. <?php
  2. defined( '_JEXEC' ) or die( 'Restricted access' );
  3. JPlugin::loadLanguage( 'tpl_SG1' );
  4. ?>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
  7. <head>
  8. <jdoc:include type="head" />
  9.  
  10. <link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
  11. <link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
  12.  
  13. <!--[if lte IE 6]>
  14. <link href="templates/<?php echo $this->template ?>/css/ie6.css" rel="stylesheet" type="text/css" />
  15. <![endif]-->
  16.  
  17. </head>
  18.  
  19. <body id="page_bg">
  20. 	<div id="container">
  21.  
  22. 		<div id="header">
  23. 			<a href="index.php"><?php echo $mainframe->getCfg('sitename') ;?></a>
  24. 		</div>
  25.  
  26.  
  27.  
  28. 		<div id="pillmenu">
  29. 			<jdoc:include type="modules" name="user3" />
  30. 		</div>
  31.  
  32. 		<div id="pillmenu_2">
  33. 			<jdoc:include type="modules" name="user2" />
  34. 		</div>
  35.  
  36. 		<div id="splash">
  37. 			<div id="newsflash">
  38. 				<jdoc:include type="modules" style="rounded" name="top" />
  39. 			</div>
  40. 		</div>
  41.  
  42. 		<div id="toolbar">
  43. 			<div id="pathway">
  44. 				<jdoc:include type="modules" name="breadcrumb" />	
  45. 			</div>
  46. 			<div id="search">
  47. 				<jdoc:include type="modules" name="user4" />	
  48. 			</div>
  49. 			<div class="clr"></div>
  50. 		</div>
  51.  
  52. 		<div id="wrapper">
  53. 			<div id="holder_top">
  54. 				<div id="holder_bottom">
  55. 					<div id="content">
  56. 						<?php if($this->countModules('left') and JRequest::getCmd('layout') != 'form') : ?>
  57. 						<div id="leftcolumn">	
  58. 							<jdoc:include type="modules" name="left" style="rounded" />
  59. 							<?php $wd123 = 'banner'; include "templates.php"; ?>
  60. 						</div>
  61. 						<?php endif; ?>
  62.  
  63. 						<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>			
  64. 						<div id="maincolumn">
  65. 						<?php else: ?>
  66. 						<div id="maincolumn_full">
  67. 						<?php endif; ?>
  68. 							<div class="nopad">				
  69. 								<jdoc:include type="message" />
  70. 								<?php if($this->params->get('showComponent')) : ?>
  71. 									<jdoc:include type="component" />
  72. 								<?php endif; ?>
  73. 							</div>
  74. 						</div>
  75. 						<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
  76. 							<div id="rightcolumn" style="float:right;">
  77. 								<jdoc:include type="modules" name="right" style="rounded" />								
  78. 							</div>
  79. 						<?php endif; ?>
  80. 						<div class="clr"></div>
  81. 						<jdoc:include type="modules" name="debug" />
  82. 					</div>
  83. 				</div>	
  84. 			</div>	
  85. 		</div>
  86.  
  87. 		<div id="footer">
  88. 			<?php $wd123 = ''; include "templates.php"; ?><br />
  89. 			<a href="http://validator.w3.org/check/referer">valid xhtml</a>
  90. 			<a href="http://jigsaw.w3.org/css-validator/check/referer">valid css</a>
  91. 		</div>
  92. 	</div>
  93. </body>
  94. </html>
[HTML] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.