• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

jak usunąć linię z menu pozostałą po podzieleniu na divy

Object Storage Arubacloud
0 głosów
159 wizyt
pytanie zadane 2 maja 2020 w HTML i CSS przez cabotine Nowicjusz (120 p.)

Problem wygląda tak, jest to pionowa, chyba 1-pixelowa linia pozostała po podzieleniu na divy, próbowałam już ją różnymi sposobami usunąć nawet odejmując 1 pixel od containera (wszystko się rozjeżdża)

https://naforum.zapodaj.net/6ad126aa6545.jpg.html


#container
{	
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	
}

#menu
{	
	background-color:#303030;
	color:white;
	margin-top:10px;
	
}
.option
{
	float:left;
	min-width:150px;
	height:30px;
	font-size:18px;
	padding:14px;
	text-align:center;
	border-right:6px solid #666666;
}

 

komentarz 2 maja 2020 przez ScriptyChris Mędrzec (190,190 p.)

To chyba wina border-right. Podaj jeszcze kod HTML, żeby można było sprawdzić całość.

komentarz 3 maja 2020 przez cabotine Nowicjusz (120 p.)
	<div id="menu">
		<div class="option">Kim jesteśmy</div> 
		<div class="option">Zarząd</div> 
		<div class="option">Nasze projekty</div> 
		<div class="option">Powiązane organizacje</div>  
		<div class="option">Kontakt</div> 
		<div style="clear:both;"></div>
		</div>

Jeśli to wina border-right to co można dać w zamian, żeby uzyskać mniej więcej taki wygląd? Dodam, że jestem mocno początkująca, bo dopiero przy 3 odcinku html :)

1 odpowiedź

0 głosów
odpowiedź 3 maja 2020 przez ScriptyChris Mędrzec (190,190 p.)

Wygląda na to, że kreska to mały fragment pozostałej przestrzeni div#menu, który jako element blokowy zajmuje całą szerokość parenta. Ustaw w CSS display: inline-block dla #menu, dzięki czemu element zajmie tyle miejsca ile potrzebuje jego zawartość, uwzględniając przy tym ustawiony mu height.

Tak wygląda po poprawce: https://jsfiddle.net/w3ebx50r/

komentarz 3 maja 2020 przez cabotine Nowicjusz (120 p.)
działa, dzięki :)

Podobne pytania

0 głosów
3 odpowiedzi 1,303 wizyt
+1 głos
2 odpowiedzi 186 wizyt
pytanie zadane 24 czerwca 2020 w HTML i CSS przez Spectro Użytkownik (620 p.)
0 głosów
2 odpowiedzi 868 wizyt
pytanie zadane 20 marca 2019 w HTML i CSS przez Fover3241 Nowicjusz (230 p.)

92,676 zapytań

141,580 odpowiedzi

320,058 komentarzy

62,039 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...