首页 \ 问答 \ 如何在导航栏中居中我的徽标？(How do I center my logo in the navigation bar?)

如何在导航栏中居中我的徽标？(How do I center my logo in the navigation bar?)

 如何将我的徽标置于导航栏中？ 我已经将它集中在一起，但我遇到的问题是当我在内容区域放置图像时，图像会覆盖徽标的一部分。 我确实希望徽标从导航链接中略微下降。 我不希望徽标和内容图像之间有一个巨大的空间。 有没有办法实现这个目标？ 附加的图像是我想要完成的设计。 提前致谢！  
 
 
  
  body {  
    font-family:Georgia;
    font-size:12pt;
    }

    * {
	margin:0;
	 padding:0;
     }

    #header {
    background-color:#000000;
    height:100px;
    margin:auto;
    }

    #header ul {
    margin:0 auto;
    width:35%;
    padding:12px;
    list-style: none;
    }

    #header li {
    float: left;
    }

    #header a {
    padding:0 14px;
    text-align:center;
    display:block;  
	text-decoration:none;
	color:#FFFFFF;
	font-size:18pt;
	}    

    #header ul li a.logo {
    background: url("Logo.png");
    background-repeat:no-repeat;
    height:140px;
    display:block;
    width:140px;
    padding: 0;
 

    .clearfix {
    *zoom: 1;
    }

    .clearfix:after {
     content: "";
     clear: both;
     display: table;
     }

    #MainContent {
	}

    #MainContent img {
	margin-top:-10px;
	position:absolute;
	left:0;
	width:100%;
    }

    } 
  <body>
	<div id="header" class="clearfix">
		
    	<ul class="Nav">      
			<li><a href="index.html">Home</a></li>
			<li><a href="menu.html">Menu</a></li>
			<li><a href="index.html" class="logo"></a></li>
			<li><a href="gallery.html" >Gallery</a></li>
			<li><a href="about.html">About</a></li>
				
            </ul>
               
            </div>
	<div id="MainContent">
	  <img src="Photos/drinks.jpeg">
	</div> 
</body>

   
     
  
 

How do I center my logo in my Navigation bar? I kind of already have it centered, but the issue that I'm running into is when I place an image in the content area, the image covers up part of the logo. I do want the logo kind of dropped a little from the navigation links. I don't want a giant space between the logo and the content image. Is there a way I can achieve this? The image attached is the design I'm trying to accomplish. Thanks in advance!  
 
 
  
  body {  
    font-family:Georgia;
    font-size:12pt;
    }

    * {
	margin:0;
	 padding:0;
     }

    #header {
    background-color:#000000;
    height:100px;
    margin:auto;
    }

    #header ul {
    margin:0 auto;
    width:35%;
    padding:12px;
    list-style: none;
    }

    #header li {
    float: left;
    }

    #header a {
    padding:0 14px;
    text-align:center;
    display:block;  
	text-decoration:none;
	color:#FFFFFF;
	font-size:18pt;
	}    

    #header ul li a.logo {
    background: url("Logo.png");
    background-repeat:no-repeat;
    height:140px;
    display:block;
    width:140px;
    padding: 0;
 

    .clearfix {
    *zoom: 1;
    }

    .clearfix:after {
     content: "";
     clear: both;
     display: table;
     }

    #MainContent {
	}

    #MainContent img {
	margin-top:-10px;
	position:absolute;
	left:0;
	width:100%;
    }

    } 
  <body>
	<div id="header" class="clearfix">
		
    	<ul class="Nav">      
			<li><a href="index.html">Home</a></li>
			<li><a href="menu.html">Menu</a></li>
			<li><a href="index.html" class="logo"></a></li>
			<li><a href="gallery.html" >Gallery</a></li>
			<li><a href="about.html">About</a></li>
				
            </ul>
               
            </div>
	<div id="MainContent">
	  <img src="Photos/drinks.jpeg">
	</div> 
</body>

   
     
  
 

原文：https://stackoverflow.com/questions/44378489

更新时间：2022-12-07 21:12

最满意答案

 你可以改变它之前验证输入int 。  
def GetHumanPlayerMove(player_name):
  print(player_name, "enter the coodinates of the square where you want to place your piece: ", end="")
  inp = input()
  if inp and inp.isdigit():
     coordinates = int(inp)
  else:
    return 0
  return coordinates
 
 函数返回0 ，如果接收到无效的输入，否则结果本身end=""使印刷品保持在同一直线上，并且不发送\n （新行） 

You can validate input before change it to int.  
def GetHumanPlayerMove(player_name):
  print(player_name, "enter the coodinates of the square where you want to place your piece: ", end="")
  inp = input()
  if inp and inp.isdigit():
     coordinates = int(inp)
  else:
    return 0
  return coordinates
 
function returns 0 if receives invalid input, else the result itself end="" make the prints keep in the same line and don't send \n (new line)

如何在导航栏中居中我的徽标？(How do I center my logo in the navigation bar?)

最满意答案

相关问答

没有输入坐标时验证(Validation when no coordinate is entered)[2023-08-24]

减法2坐标(Subtraction 2 coordinate)[2023-01-31]

如何确定GPS坐标是打开还是处于椭圆状态？(How can I determine if a GPS Coordinate is on or in an Ellipse?)[2023-12-28]

对齐坐标系(Aligning coordinate systems)[2022-06-12]

我该如何从Tile Coordinate转到地图坐标？(How should I go from Tile Coordinate to map coordinate?)[2023-08-17]

Annotation.coordinate与coordinate.latitude和coordinate.longitude不匹配(Annotation.coordinate does not match coordinate.latitude and coordinate.longitude)[2023-04-19]

只显示一个坐标(showing only one coordinate)[2022-12-23]

c＃使用带有2d数组的输入坐标打印“”字符(c# printing a “” char using entered coordinates with 2d array)[2023-08-09]

仅当用户输入值时，如何应用验证？(how do I apply validation only if a user has entered in a value?)[2022-02-27]

验证用户输入的文件名(validation for file name entered by the user)[2022-12-01]

相关文章

最新问答

如何在导航栏中居中我的徽标？(How do I center my logo in the navigation bar?)

最满意答案

相关问答

没有输入坐标时验证(Validation when no coordinate is entered)[2023-08-24]

减法2坐标(Subtraction 2 coordinate)[2023-01-31]

如何确定GPS坐标是打开还是处于椭圆状态？(How can I determine if a GPS Coordinate is on or in an Ellipse?)[2023-12-28]

对齐坐标系(Aligning coordinate systems)[2022-06-12]

我该如何从Tile Coordinate转到地图坐标？(How should I go from Tile Coordinate to map coordinate?)[2023-08-17]

Annotation.coordinate与coordinate.latitude和coordinate.longitude不匹配(Annotation.coordinate does not match coordinate.latitude and coordinate.longitude)[2023-04-19]

只显示一个坐标(showing only one coordinate)[2022-12-23]

c＃使用带有2d数组的输入坐标打印“*”字符(c# printing a “*” char using entered coordinates with 2d array)[2023-08-09]

仅当用户输入值时，如何应用验证？(how do I apply validation only if a user has entered in a value?)[2022-02-27]

验证用户输入的文件名(validation for file name entered by the user)[2022-12-01]

相关文章

最新问答

c＃使用带有2d数组的输入坐标打印“”字符(c# printing a “” char using entered coordinates with 2d array)[2023-08-09]