vfl
4 سال پیش توسط vfl مطرح شد
4 پاسخ

نشون دادن :after تو سایت

سلام(ببخشید من هیچوقت نمیتونم تو عنوان درست مشکلم رو بگم)
کد html:

    <div id="hihellohi">
                <a href="#" id="title23">test</a>
        :after
        </div>
  <ul class="horizontal cc_cursor">
      <li><a class="active" href="#">Home</a></li>
      <li><a href="#">News</a></li>
      <li><a href="#">Contact</a></li>
  </ul>

کد css:

    ul.horizontal {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) 25%, rgba(43,22,22,1) 60%, rgba(39,39,36,1) 100%);
        margin-top:8.20px;
}
ul.horizontal li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
ul.horizontal li {
    float: right;
}
ul.horizontal li:hover{
    background-color: #e6e3dc;
}
ul.horizontal li a:hover{
    color: black;
}
.active{
    background-color: #05ac72;
    padding-right: 5px;
}
#title23{
    color: white;
    margin: auto;
    margin-top: 8px;
    font-size: 85px;
    float: left;
    font-family: 'open sans';

}
    #title23 a{
        color:white;
        font-family: 'Open Sans', sans-serif;
    }
    #title23:hover{
          background: -webkit-linear-gradient(#eee, #333);
                  -webkit-background-clip: text;
                 -webkit-text-fill-color: transparent;
    }

خب حالا من یک دونه :after گذاشتم برای اینکه وقتی متن و منو وارد هم میشن ادغام شن اما اگر :after رو بردارم بهم میخوره
خب برنمیدارم اما وقتی افتر رو میزارم یه نوشته کوچولو گوشه ی هدر میاد نوشته :after
نمیدونم چیکار کنم:(


ثبت پرسش جدید
vfl
تخصص : دارم برنامه نویسی رو یاد میگیر...
@vfl 4 سال پیش مطرح شد
1

ممنون بابت پاسختون باید به اون ul یا divام

clear:both;

میدادم:)


moha li
تخصص : توسعه دهنده لاراول و Vue
@mohaligateway 4 سال پیش مطرح شد
1

سلام
شما باید pseudo element after را در درون css قرار دهید. دوره های رایگان css و html می تونن در این زمینه کمکتون کنند.
@spaceandtime24


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
1

جلسات یادگیری شبه عناصر برای CSS رو مجدد بازخوانی کنید، مشکل پایه ای در درک مفاهیم دارین.


vfl
تخصص : دارم برنامه نویسی رو یاد میگیر...
@vfl 4 سال پیش مطرح شد
1

ممنون بابت پاسختون باید به اون ul یا divام

clear:both;

میدادم:)


ma.khademi
تخصص : front End
@ma.khademi 4 سال پیش مطرح شد
0

سلام کدی که نوشتید مشکل داره شما باید المنت after رو داخل css بگذارید
مثال
<!DOCTYPE html>
<html>
<head>
<style>
p::after {
content: " - Remember this";
}
</style>
</head>
<body>

<p>My name is Donald</p>
<p>I live in Ducksburg</p>

</body>
</html>


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام