Results 1 to 3 of 3
Thread: íÿêîëêî css âúïðîñà
Hybrid View
-
15th November 2013 13:11 #1Registered User
Join Date: Oct:2005
Location: mars
Posts: 266
íÿêîëêî css âúïðîñà
èñêàì äà èçêàðàì ñëåäíèÿ èíëàéí öññ êîä â îòäåëåí öññ ôàéë , íî íåùî íå ìè ñå ïîëó÷àâà :
<div style="position:relative; width:120px; height:60px;">
<a href="" style="text-decoration:none;">
<img src="" border="0" width="120" height="60" />
<span style="position:absolute; top:25.5px; left:50px; display:block; cursor
ointer; color:White; font-family:Arial; font-size:10px; line-height:1.2em; font-weight:bold; text-align:center; width:65px;">
äðúæêà
</span>
</a>
</div>
div #ààà{ position: relative; width: 165px; height: 63px; display: inline-block; }
div #ààà > span { position: absolute; top: 25px; left: 52px; display: inline-block; cursor: pointer; color: White; font-family: ààà; font-size: 10pt; line-height: 1.2em; font-weight: bold; text-align: right; width: 69px; }
div #ààà> img { border: 0px; width: 129px; height: 63px; }
div #ààà > a { text-decoration: none; }
êúäå å ñãðåøåíî ?
-
15th November 2013 13:23 #2
Äàé è õòìë êîäà.
Èíà÷å ïðîáâàé äà ìàõíåø èíòåðâàëà íàâñÿêúäå ìåæäó div è #aaa, èëè íàïðàâî ìàõíè òîâà äèâ ïðåä #aaa. Ïðåäïîëàãàìå, ÷å ïúðâèÿ äèâ èìà àòðèáóò id="aaa" .
Äîëó ñúùî òàêà ñïàçâàé èíòåðâàëèòå div#aaa> img - òóê å äîáðå çà ÷åòëèâîñò äà ñëàãàø èíòåðâàë è ïðåäè > .
-
18th November 2013 21:01 #3
<div id="test">
<a href="">
<img src="" />
<span class="testing">
äðúæêà
</span>
</a>
</div>
#test { position: relative; width: 120px; height: 60px; }
#test a { text-decoration: none; }
#test .testing { position: absolute; top: 25px; left: 52px; display: inline-block; cursor: pointer; color: White; font-family: ààà; font-size: 10pt; line-height: 1.2em; font-weight: bold; text-align: right; width: 69px;}
#test img {border:0px; width:129px; height: 63px;}8 hobbits = 1 hobbyte




Reply With Quote
Lenovo ThinkPad 15 èëè IdeaPad 15
5th May 2023, 22:16 in Ìîáèëíè êîìïþòðè