Centrare butoane de tip share

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Centrare butoane de tip share

Mesaj Scris de Cesar la data de Sam 4 Mai - 21:30

Salut!
Buna seara,
Dupa cum spune si titlul subiectului meu , as vrea sa centrez codul urmator:
Cod:
jQuery(document).ready(function(){
var url=document.URL;
jQuery("#page-body").append('
<br>
<div class="cattitle" style="margin-top:5px;">Spune-le prietenilor despre forumul nostru:<hr></div>
<table cellspacing=0 cellpadding=0 width=100%><tr><td align=right valign=center style="margin-right:20px;">
<ul class="sharing-cl" id="text">
<li><a target="_blank" class="sh-mail" href="mailto:?subject=Nu ai auzit inca de acest forum?&body='+url+'">Email</a></li>
<li><a target="_blank" class="sh-feed" href=" /feed">RSS</a></li>
<li><a target="_blank" class="sh-tweet" href="http://twitter.com/home?status=Fa-ti si tu un cont pe acest forum: '+url+'" target="_blank" onclick="javascript:pageTracker._trackPageview (\'/outbound/twitter.com\');">Twitter</a></li>
<li><a target="_blank" class="sh-face" href="http://www.facebook.com/share.php?u='+url+'">Facebook</a></li>
<li><a target="_blank" class="sh-su" href="http://www.stumbleupon.com/submit?url='+url+'">Stumbleupon</a></li>
<li><a target="_blank" class="sh-digg" href="http://digg.com/submit?phase=2&url='+url+'">Digg</a></li>
</ul></td><td width="180" align="right" valign=center><fb:like href="'+url+'" layout="button_count" width="45"></fb:like></td></tr></table><br>
');
});
Apare in stanga , iar eu as vrea sa fie pe mijloc.


Ultima editare efectuata de catre PixX in Dum 5 Mai - 13:55, editata de 1 ori

Cesar
Membru activ

masculin

Mesaje : 3264
Varsta : 17
Data de inscriere : 13/09/2012
Multumiri : 293
Niciun avertisment

http://www.wolffighterz.com/

Sus In jos

Rezolvat Re: Centrare butoane de tip share

Mesaj Scris de Cassius Dio la data de Sam 4 Mai - 21:35

Buna seara. Foarte fericit

Incercati:
Cod:
jQuery(document).ready(function(){
var url=document.URL;
jQuery("#page-body").append('
<br>
<center><div class="cattitle" style="margin-top:5px;">Spune-le prietenilor despre forumul nostru:<hr></div>
<table cellspacing=0 cellpadding=0 width=100%><tr><td align=right valign=center style="margin-right:20px;">
<ul class="sharing-cl" id="text">
<li><a target="_blank" class="sh-mail" href="mailto:?subject=Nu ai auzit inca de acest forum?&body='+url+'">Email</a></li>
<li><a target="_blank" class="sh-feed" href=" /feed">RSS</a></li>
<li><a target="_blank" class="sh-tweet" href="http://twitter.com/home?status=Fa-ti si tu un cont pe acest forum: '+url+'" target="_blank" onclick="javascript:pageTracker._trackPageview (\'/outbound/twitter.com\');">Twitter</a></li>
<li><a target="_blank" class="sh-face" href="http://www.facebook.com/share.php?u='+url+'">Facebook</a></li>
<li><a target="_blank" class="sh-su" href="http://www.stumbleupon.com/submit?url='+url+'">Stumbleupon</a></li>
<li><a target="_blank" class="sh-digg" href="http://digg.com/submit?phase=2&url='+url+'">Digg</a></li>
</ul></td><td width="180" align="right" valign=center><fb:like href="'+url+'" layout="button_count" width="45"></fb:like></td></tr></table></center><br>
');
});

Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 18
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 78
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Rezolvat Re: Centrare butoane de tip share

Mesaj Scris de Cesar la data de Sam 4 Mai - 21:47

Confuz
Tot acolo apare..Oare trebuie sa modific codul din CSS?

// Poftiti si codul CSS
Cod:
.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:100%;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}

Cesar
Membru activ

masculin

Mesaje : 3264
Varsta : 17
Data de inscriere : 13/09/2012
Multumiri : 293
Niciun avertisment

http://www.wolffighterz.com/

Sus In jos

Rezolvat Re: Centrare butoane de tip share

Mesaj Scris de Kevin. la data de Dum 5 Mai - 13:24

Buna ziua,

Postati aici va rog forumul pe care doriti sa faceti modificarile.

Kevin.
Membru Forumgratuit

masculin

Mesaje : 233
Varsta : 22
Localizare : Bucuresti
Data de inscriere : 26/10/2012
Multumiri : 0
2 avertismente

Sus In jos

Rezolvat Re: Centrare butoane de tip share

Mesaj Scris de Cesar la data de Dum 5 Mai - 13:39

Rideem a scris:Buna ziua,

Postati aici va rog forumul pe care doriti sa faceti modificarile.
Salut!
Nu mai este nevoie.Am rezolvat , in codul CSS era undeva "float:left" si am pus "center"!Multumesc pentru ajutor , TC!

Cesar
Membru activ

masculin

Mesaje : 3264
Varsta : 17
Data de inscriere : 13/09/2012
Multumiri : 293
Niciun avertisment

http://www.wolffighterz.com/

Sus In jos

Rezolvat Re: Centrare butoane de tip share

Mesaj Scris de Cassius Dio la data de Dum 5 Mai - 14:44

Nu exista valoarea center pentru proprietatea float, iar daca adaugati una inexistenta browser-ul interpreteaza codul cu valoarea none (ceea ce trebuia de adaugat).
Paste fericit! Foarte fericit
topic rezolvat

Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 18
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 78
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum