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

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.

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.

ooo buh pomagaj # in .

#talkbubble -> .talkbubble

hvala lepa

<div class="talkbubble"