Pomoč z css-jem

Eno pomoč bi rabil vstavil

#talkbubble {
width: 120px;
height: 80px;
background: red;
position: relative;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#talkbubble:before {
content:"";
position: absolute;
right: 100%;
top: 26px;
width: 0;
height: 0;
border-top: 13px solid transparent;
border-right: 26px solid red;
border-bottom: 13px solid transparent;
}

sem uspelo mi je delno ampak imam problem z befor lastnostnjo ker neznam ..

<?php
 if ($product['special']) { ?>
 <div class="specialPercent" style="color: #fff; font-weight: bold; position: absolute; background-color:#F00; -moz-border-radius:10px; -webkit-border-radius: 10px;
 border-radius:  10px; top:1em;right:2em;padding:0.5em">
<?php

7 odgovorov

Brez zamere, samo kaj točno bi ti rad?

Zakaj uporabljaš inline css če pa imaš že ločenega?
Drugače je pa :before pseudo element in se doda avtomatsko.
Je pa :before samo puščica tega tvojega oblačka.

S čim točno pa imaš probleme?

torej ja puščica kako jo dodati kvadratu brez da bi uporbljal ločen css rad bi imel znotraj vrstice..

oziroma lahko bi tudi dodal v css file ..
kako bi pa z php-jem klical to lastnost oziroma kvadrat in puščico

Zakaj bi to počel?
Drugače pa samo dodaš nek div še znotraj glavnega in ga postajlaš po svoje.

1

V phpju dodaš samo div element s pravilnim classom.
V ločenem css fileu pa potem postajlaš ta div.

Če pri css-u spremeniš #talkbubble -> .talkbubble in potem divu dodaš class="talkbubble" bo zadeva delovala.

1

ooo buh pomagaj # in .
#talkbubble -> .talkbubble

hvala lepa

<div class="talkbubble"