Hogyan rajzoljak elválasztóvonalakat?
Hogyan tudom megoldani, hogy a nyelvek felsorolása közt egy 1px széles és 6 px hosszú vonal legyen?
<nav class="secondary-menu">
<ul class="pull-left">
<li><a href="">hu</a></li>
<li><a href="">eng</a></li>
<li><a href="">de</a></li>
<li><a href="">sk</a></li>
</ul>
</nav>
A segítséget Mindenkinek előre is köszönöm!!!!!
válasza:<!DOCTYPE html>
<html>
<head>
<style>
li:last-child {
background: #000000;
margin-left: -16px;
paddign: 0px;
list-style-type: none;
display: block;
width: 100px;
height: 1px;
}
</style>
</head>
<body>
<ul class="pull-left">
<li><a href="">hu</a></li>
<li><a href="">eng</a></li>
<li><a href="">de</a></li>
<li><a href="">sk</a></li>
<li></li>
</ul>
</body>
</html>
válasza:Szia. Css ben a lista elemek li vagy az anchor tag re ráírsz egy border-left: solid 1px black; et és meg is vagy ha nem megy írj. Ezen felül mivel minden elem bal oldalára írod globálisan ezt lekell venned az első elemről ezt úgy teheted meg hogy ha pl az li re írtad.
.pull-left li:first-child {
border-left: none;
}
Az elválasztó vonal berakása a fenti alapján:
.pull-left li {
border-left: solid 1px black;
}
Remélem sikerül.
Szia, köszönöm a választ, a bordert sikerült megrajzolnom, de hogyan csináljam ,hogy ennek a bordernek a magassága kisebb legyen, mint a li magassága? Ilyenkor mit kell tenni?
Segítséged köszönöm!
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!