Creating a border of 1PX solid #89cFF0 is not working. It changes the shape of the menu. Why? -


I'm trying to create a limit of 1px solid # 89cFF0 for my menu. You can see from other "Divis" that I have done this, and he has done something like "hero" or "top video" What am I doing wrong? thanks a lot.

  & lt ;! DOCTYPE html & gt; & Lt; Html & gt; & Lt; Top & gt; & Lt; Link rel = "stylesheet" type = "text / css" href = "style.css" /> & Lt; Link rel = "stylesheet" type = "text / css" href = "videos.css" /> & Lt; Title & gt; Puppy Power & lt; / Title & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "page" & gt; & Lt; Header & gt; & Lt; / Header & gt; & Lt; Div id = "dog logo" & gt; & Lt; / Div & gt; & Lt; Ul id = "navigation" & gt; & Lt; Li & gt; & Lt; A href = "indes.html" & gt; Home & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "Videos.html" & gt; Video & lt; / A & gt; & Lt; Ul class = "sub" & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Venice & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Pugs & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Unsuccessful dogs & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Mad Dogs & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Funny Dogs & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Photo & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Article & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Contact & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; Div id = "hero" & gt; & Lt; H1 & gt; & Lt; B & gt; Hero & lt; / B & gt; & Lt; / H1> & Lt; / Div & gt; & Lt; Div id = "topvideo" & gt; & Lt; H1 & gt; & Lt; B & gt; Top videos & lt; / B & gt; & Lt; / H1> & Lt; / Div & gt; & Lt; Div id = "topphoto" & gt; & Lt; H1 & gt; & Lt; B & gt; Top photo & lt; / B & gt; & Lt; / H1> & Lt; / Div & gt; & Lt; Div id = "header" & gt; & Lt; H1 & gt; & Lt; B & gt; Top Stories & lt; / B & gt; & Lt; / H1> & Lt; / Div & gt; & Lt; Div id = "content" & gt; & Lt; H1 & gt; & Lt; B & gt; Content & lt; / B & gt; & Lt; / H1> & Lt; / Div & gt; & Lt; Div id = "footer" & gt; & Lt; H1 & gt; & Lt; B & gt; Ft. & Lt; / B & gt; & Lt; / H1> & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt; # Pages {max-width: 850px; Minimum Width: 840px; Min height: 1550px; Maximum-height: 1600px; } * {Margin: 0 pixels; Padding: 0 pixels; } Ul #navigation, .sub {list-style-type: none; } UL #Navigation li {boundary: 1 px solid # 89 CFF 0; Width: 125px; Text align: center; Status: Relative; Swim left; List-style-type: none; } Ul #navigation {text-decoration: none; Display area; Width: 125px; Height: 25px; Line-height: 25px; Border: 1 px solid # 89 CFF 0; } UL #Navigation Lee: Hover & gt; A {background-color: # 89cFF0; } Ul #navigation li: Hover .sub {display:; } #Hero {width: 813px; Height: 408 pixels; Border-top: 1px solid # 89cff0; Border bottom: 1px solid # 89cff0; Border-left: 1px solid # 89cff0; Border-right: 1px solid # 89cff0; Display: Inline-block; Margin: 5px 0px 0px 0px; Text align: center; Red color; } #topvideo {width: 267px; Height: 370px; Border-top: 1px solid # 89cff0; Border bottom: 1px solid # 89cff0; Border-left: 1px solid # 89cff0; Border-right: 1px solid # 89cff0; Display: Inline-block; Vertical-align: top; Text align: center; Margin: 5px 0px 5px 0px; } #topphoto {width: 267px; Height: 370px; Border-top: 1px solid # 89cff0; Border bottom: 1px solid # 89cff0; Border-left: 1px solid # 89cff0; Border-right: 1px solid # 89cff0; Display: Inline-block; Vertical-align: top; Text align: center; Margin: 5px 0px 5px 0px; } #toparticles {width: 267px; Height: 370px; Border-top: 1px solid # 89cff0; Border bottom: 1px solid # 89cff0; Border-left: 1px solid # 89cff0; Border-right: 1px solid # 89cff0; Display: Inline-block; Vertical-align: top; Text align: center; Margin: 5px 0px 5px 0px; } # Content {width: 813px; Height: 310px; Border-top: 1px solid # 89cff0; Border bottom: 1px solid # 89cff0; Border-left: 1px solid # 89cff0; Border-right: 1px solid # 89cff0; Margin: 0 px 0 px 0 px 0 px; Text align: center; } #footer {width: 813px; Height: 100 pixels; Border-top: 1px solid # 89cff0; Border bottom: 1px solid # 89cff0; Border-left: 1px solid # 89cff0; Border-right: 1px solid # 89cff0; Margin: 5px 0px 0px 0px; Text align: center; }    

You have several selectors which ul #navigation . There should be a place between ul and #navigation .

Comments

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

Matlab transpose a table vector -

c# - Textbox not clickable but editable -