Sådan redigeres toplinknavigationslinjen i SharePoint 2013

Dette er min css-kode, jeg vil gerne have, at content_area kommer til højre for menu_bar, i det øjeblik det kommer i bunden af ​​menu_bar

body{ color:#000000; font-family: arial, san serif; } #container { margin-left: 10%; margin-right: 10%; border: 1px solid #46A5E0; width: 80%; } #header { margin-left: 0.5%; margin-right: 0.5%; margin-top: 0.5%; margin-bottom: 1%; border: 1px solid #46A5E0; width: 99%; height: 10%; } #pathway{ margin-left: 0.5%; margin-right: 0.5%; margin-top: 0.5%; margin-bottom: 1%; border: 1px solid #46A5E0; width: 99%; height: 3.5%; } #menu_bar{ margin-left: 0.5%; margin-right: 0.5%; margin-top: 0.5%; margin-bottom: 1%; border: 1px solid #46A5E0; width: 20%; height: 40%; } #content_area{ margin-left: 25%; margin-right: 0.5%; margin-top: 0.5%; margin-bottom: 1%; border: 1px solid #46A5E0; width: 20%; height: 40%; } #footer { margin-left: 0.5%; margin-right: 0.5%; margin-top: 0.5%; margin-bottom: 1%; border: 1px solid #46A5E0; width: 99%; height: 3.5%; } 

Dette er HTML

<?php <html> <head> <title> This is my first page </title> <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' /> <link rel='stylesheet' href='styles/toast.css' type='text/css' /> </head> <body> 
Min vej går her
?> var13 ->

Dette får content_area til at gå under menu_bar, hvordan får jeg det til højre for menulinjen.

  • Kan du sende din html op?
  • I henhold til FAQ-designspørgsmålet hører til [Doctype] (http: /doctype.com)
  • Doctype er dog ikke et Stack Exchange-sted. IMO det skulle have været på Stack Overflow (der er 22.000 CSS-spørgsmål der), men det er også fint her.

På trods af at du indstiller rigtige bredder, tror jeg, du bruger blokelementer til #content_area og #menu_bar og sandsynligvis også bruger blokelementer inde i dem.

Blokelementer har de vigtigste egenskaber. 1 - Udfyld 100% bredde, når de kan 2 - Tilføjer automatisk en linjeskift før og efter dem.

Dette fører til nogle muligheder for at håndtere denne adfærd.

Indstil først de rigtige bredder. For det andet placerer de dem med flyde eller position. Sørg også for, at indre blokelementer ikke går 100% i bredden.

arbejdet for dig: Charles Robertson | Ønsker du at kontakte os?

nyttige oplysninger