Бордер справа должен быть слева

@torielll · Регистрация: 19.10.2015

Author24 — интернет-сервис помощи студентам

В коде пишу

и должен левый бордер убрать но в итоге

@Kenny7423 · 10.11.2015, 14:53

было бы неплохо увидеть не скрины а код css и html, а то больше вопросов получите, чем ответов

@Fedor92 · 10.11.2015, 15:01

torielll, любите злоупотреблять правым флоатом...

Как вариант:

CSS

1	.add-nav li:last-child{border-left:none}

@torielll · 10.11.2015, 15:02 **[ТС]**

HTML5

<div id="header">
        <div class="header-holder">
            <ul class="add-nav">
                <li><a href="#">link</a></li>
                <li><a href="#">link</a></li>
                <li><a href="#">link</a></li>
                <li><a href="#">link</a></li>
                <li><a href="#">link</a></li>
            </ul>
        <img class="logo" src="images/logo.png" alt="image.description" width="154" height="87">
        </div>

Добавлено через 23 секунды
#header{background:#4a4e69;}
.header-holder{
margin:0 auto;
padding:37px 33px 25px;
background:#22223b;
width:838px;
}
.logo{margin: 0 0 0 20px;
}
.add-nav ul{ display: inline;
list-style-type: none;
margin:0 auto;}
.add-nav li {
display: inline;
text-align: right;
float: right;
border-left:1px solid white;
margin: 0 0 0 4px;
padding:0 0 0 4px;
}
.add-nav li:first-child {
border-left: none;
margin-left: 4px;
padding-left: 4px;
}
.add-nav li a{ color: white;
font: 12px Arial;
text-decoration: none;}

@Fedor92 · 10.11.2015, 15:07

torielll, нумерация с хвоста поезда...

Кликните здесь для просмотра всего текста

HTML5

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Required</title>
  <style>
 
#header{background:#4a4e69;}
.header-holder{
margin:0 auto;
padding:37px 33px 25px;
background:#22223b;
width:838px;
}
.logo{margin: 0 0 0 20px;
}
.add-nav ul{ display: inline;
list-style-type: none;
margin:0 auto;}
.add-nav li {
display: inline;
text-align: right;
float: right;
border-left:1px solid white;
margin: 0 0 0 4px;
padding:0 0 0 4px;
}
.add-nav li:last-child {
border-left: none;
margin-left: 4px;
padding-left: 4px;
}
.add-nav li a{ color: white;
font: 12px Arial;
text-decoration: none;}
 
</style>
 </head>
 <body>
<div id="header">
        <div class="header-holder">
            <ul class="add-nav">
                <li><a href="#">link</a></li>
                <li><a href="#">link</a></li>
                <li><a href="#">link</a></li>
                <li><a href="#">link</a></li>
                <li><a href="#">link</a></li>
            </ul>
        <img class="logo" src="images/logo.png" alt="image.description" width="154" height="87">
        </div>
</body>
</html>

@Kenny7423 · 10.11.2015, 15:07

Сообщение от Fedor92

любите злоупотреблять правым флоатом...

Точно))) Я и не обратил внимания

@Fedor92 · 10.11.2015, 15:13

Не по теме:

Сообщение от Kenny7423

Точно))) Я и не обратил внимания

Будет неждан, когда вместо слова link будут подставляться названия пунктов меню...:)

@torielll · 10.11.2015, 15:53 **[ТС]**

Fedor92, вот именно неждан в этом месте)) все через черный ход)

@Fedor92 · 10.11.2015, 16:06

torielll, наслаждайтесь....

Кликните здесь для просмотра всего текста

HTML5

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Required</title>
  <style>
 
#header{background:#4a4e69;}
.header-holder{
margin:0 auto;
padding:37px 33px 25px;
background:#22223b;
width:838px;
}
.logo{margin: 0 0 0 20px;
}
.add-nav{ 
float: right;
list-style-type: none;
}
 
.add-nav li {
display: inline-block;
text-align: right;
border-left:1px solid white;
margin: 0 0 0 4px;
padding:0 0 0 4px;
}
.add-nav li:first-child {
border-left: none;
margin-left: 4px;
padding-left: 4px;
}
.add-nav li a{ color: white;
font: 12px Arial;
text-decoration: none;}
 
</style>
 </head>
 <body>
<div id="header">
        <div class="header-holder">
            <ul class="add-nav">
                <li><a href="#">link</a></li>
                <li><a href="#">link</a></li>
                <li><a href="#">link</a></li>
                <li><a href="#">link</a></li>
                <li><a href="#">link</a></li>
            </ul>
        <img class="logo" src="images/logo.png" alt="image.description" width="154" height="87">
        </div>
</body>
</html>

@torielll · 10.11.2015, 16:55 **[ТС]**

Fedor92, Сенкс))))

Добавлено через 44 минуты
Fedor92, Фантастика))))))

@torielll 1 / 1 / 0 Регистрация: 19.10.2015 Сообщений: 24
		1
	Бордер справа должен быть слева 10.11.2015, 14:32. Показов 1907. Ответов 9 Метки нет (Все метки) В коде пишу и должен левый бордер убрать но в итоге 0

@Kenny7423 52 / 27 / 13 Регистрация: 01.03.2013 Сообщений: 329
	10.11.2015, 14:53	2
	было бы неплохо увидеть не скрины а код css и html, а то больше вопросов получите, чем ответов 0

@Kenny7423 52 / 27 / 13 Регистрация: 01.03.2013 Сообщений: 329
	10.11.2015, 15:07	6
	Сообщение от Fedor92 любите злоупотреблять правым флоатом... Точно))) Я и не обратил внимания 0

@Fedor92
	10.11.2015, 15:13 #7
	Не по теме: Сообщение от Kenny7423 Точно))) Я и не обратил внимания Будет неждан, когда вместо слова link будут подставляться названия пунктов меню...:) 0

@torielll 1 / 1 / 0 Регистрация: 19.10.2015 Сообщений: 24
	10.11.2015, 15:53 [ТС]	8
	Fedor92, вот именно неждан в этом месте)) все через черный ход) 0

@torielll 1 / 1 / 0 Регистрация: 19.10.2015 Сообщений: 24
	10.11.2015, 16:55 [ТС]	10
	Fedor92, Сенкс)))) Добавлено через 44 минуты Fedor92, Фантастика)))))) 0

Бордер справа должен быть слева

Решение