Skocz do zawartości
Melo

Problem z wyśrodkowaniem buttona z gateway

Rekomendowane odpowiedzi

Dołącz do nas za darmo i naucz się zarabiać!

  • Dostęp do darmowych poradników pokazujących krok po kroku jak zarabiać w Internecie
  • Sposoby zarabiania niepublikowane nigdzie indziej
  • Aktywna społeczność, która pomoże Ci rozwiązać problemy i doradzi
  • Profesjonalne treści na temat SEO, social media, afiliacji, kryptowalut i wiele więcej!

 

 

są kila opcji
dla starego standardu html możesz osadzić coś w znacznikach
<center>TWOJ KOD</center>
albo ustawić marginesy, chodź nie są najlepszym rozwiązaniem
<p style="margin-left:10px;">Twój tekst</p>
10px dałem przykładowo, musisz bawić się z tą ilością, ale wtedy post/ znacznik nie będzie responsywny.

  • Super 1

UPDATE!:

http://make-cash.pl/wykonam-strony-aplikacje-www-t6182/

Czekam na Wasze zlecenia! :)

Odnośnik do komentarza

Witam

Mam problem z wyśrodkowaniem buttona w  którym jest gateway na swojej stronie html używam :

<p><a onclick="openGatewayACAPI(xxxx, 'xxxxx')" href="#"><img class="linkdobuttona" src="linkdobuttona aligncenter" /></a></p>
I nie wyśrodkowuje go na stronie macie jakiś pomysł ?
 

Spróbuj dać tak:

<p style="text-align:center;"><a onclick="openGatewayACAPI(xxxx, 'xxxxx')" href="#" style="margin:0 auto;" ><img class="linkdobuttona" src="linkdobuttona aligncenter" /></a></p>
  • Super 1
Odnośnik do komentarza

Sprawdziłem wszystkie podane opcje tutaj i za nic nie chcę się wyśrodkować co jest dziwną sprawą może jest możliwość wyśrodkowania przez style.css ?

<div style="width:100%;text-align:center">   <a onclick="openGatewayACAPI(xxxx, 'xxxxx')" href="#"><img class="linkdobuttona" src="linkdobuttona aligncenter" /></a></div>

Jestem pewny, że podany wyżej kod powinien już działać. :)

 

 

Odnośnik do komentarza

Powoli tracę cierpliwość nie działa Tak wygląda cały strona może to jakoś pomoże

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><script type='text/javascript' src='http://astrocash.org/js/widgetapi.js'></script><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Tytul</title> <link rel="stylesheet" type="text/css" href="css/style.css" /></head><body>  <div id="wrapper">    <div id="logo">    <img src="images/logo.png" />    </div>    <div id="menu">        <ul>        <li><a href="index.html" class="active">Home</a></li>        <li><a href="contact.html">Contact</a></li>        </ul>    </div>    <div id="header"><br /></br><br /></br><br /></br>    <h2><center><font size="50">XXXXXXXXXXXXXXXXXXX</font></center>    </div>    <div id="solid">    <div id="solid_box" class="margin3">   <!doctype html><html lang="en"><head><meta charset="utf-8" /><title>jQuery UI Accordion - Collapse content</title><link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /><script src="http://code.jquery.com/jquery-1.9.1.js"></script><script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script><link rel="stylesheet" href="/resources/demos/style.css" /><script>$(function() {$( "#accordion" ).accordion({collapsible: true});});</script></head><body><div id="accordion"><h3>Section 1</h3><div><p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p></div><h3>xxxxxxxxxxxxxxxxxxx</h3><div style="width:100%;text-align:center">   <a onclick="openGatewayACAPI(xxxx, 'xxxxx')" href="#"><img class=linkdobuttona" src="linkdobuttona aligncenter" /></a></div><h3>xxxxxxxxxxxxxxxxxxx</h3><div style="width:100%;text-align:center">   <a onclick="openGatewayACAPI(xxxx, 'xxxxx')" href="#"><img class="linkdobuttona" src="linkdobuttona aligncenter" /></a></div><h3>xxxxxxxxxxxxxxxxxxx</h3><div><p><img onclick="openGatewayACAPI(xxxx, 'xxxxx');"  src="link"  /></p></div><h3>xxxxxxxxxxxxxxxxxxx</h3><div><p><img onclick="openGatewayACAPI(xxxx, 'xxxxx');"  src="link"  /></p></div><h3>xxxxxxxxxxxxxxxxxxx</h3><div><p><img onclick="openGatewayACAPI(xxxx, 'xxxxx');"  src="link"  /></p></div><h3>xxxxxxxxxxxxxxxxxxx</h3><div><p><img onclick="openGatewayACAPI(xxxx, 'xxxxx');"  src="link"  /></p></div><h3>xxxxxxxxxxxxxxxxxxx</h3><div><p><img onclick="openGatewayACAPI(xxxx, 'xxxxx');"  src="link"  /></p></div><h3>xxxxxxxxxxxxxxxxxxx</h3><div><p><img onclick="openGatewayACAPI(xxxx, 'xxxxx');"  src="link"  /></p></div><h3>xxxxxxxxxxxxxxxxxxx</h3><div><p><img onclick="openGatewayACAPI(xxxx, 'xxxxx');"  src="link"  /></p></div><h3>xxxxxxxxxxxxxxxxxxx</h3><div><p><img onclick="openGatewayACAPI(xxxx, 'xxxxx');"  src="link"  /></p></div></body></html>    </div></div>    <div id="footer">        <p>© Copyright © 2012-2014      <a href="xxxxxxxxxxxxxxxxxx">xxxxxxxxxxxxxxxxxxxxx</a> xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>    </div></body></html>
Odnośnik do komentarza

style.css

body {    font-family: Arial;    font-size: 12px;    color: #666;    text-align: center;    margin: 0;    background: #002e3c url(../images/bg_top.png) no-repeat 3.5cm 0cm;}#wrapper {    width: 960px;    margin: 0 auto;    text-align: left;}a {    color: #273b52;    text-decoration: none;}p {    color: #273b52;}a:hover {    text-decoration: underline;}#logo {    float: left;    margin-top: 30px;}#menu {    float: right;    margin-top: 100px;}#menu ul {    list-style: none;    margin: 0;    padding: 0px 0px 0px 0px;}#menu li {    display: block;    float: left;    margin-left: 10px;}#menu a {    color: #fff;    font-size: 14px;    display: block;    float: left;    padding: 10px 10px 10px 10px;    text-decoration: none;    text-transform: inherit;    margin-left: 5px;    font-family: Tahoma, Geneva, sans-serif;    font-weight: bold;}#menu a:hover {    color: #fff;        -webkit-border-radius: 5px;    -khtml-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;    background: #02475c;}.active {    color: #fff;    -webkit-border-radius: 5px;    -khtml-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;    background: #046c8b;}#header {    width: 950px;    height: 310px;    margin-top: 20px;    float: left;    background: #FFF url(../images/bg_box.png) repeat-x bottom;    border: 5px solid #046c8b;}#header img {    padding: 10px;}#title_head {    float: left;    width: 500px;    font-family: Arial;    padding: 10px;    margin-top: -35px;}#title_head h2 {    color: #df6f00;    font-size: 36px;    font-family: "Times New Roman", Times, serif;}#title_head span {    color: #777;    font-size: 15px;    font-weight: normal;    line-height: 26px;    text-align: justify;}#title_head a {    color: #fff;    background:  #FF9000;    font-size: 12px;    font-weight: bold;    text-transform: inherit;    padding: 10px 10px 10px 10px;    -webkit-border-radius: 5px;    -khtml-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;}.margin1 {    margin-left: 15px;}.margin2 {    margin-left: 40px;}.margin3 {    margin-left: 30px;}h2 {    font-size: 22px;    font-weight:normal;    color: #b10d0d;}#solid {    width: 940px;    float: left;    font-family: Arial, Helvetica, sans-serif;    background: #FFF url(../images/bg_box.png) repeat-x bottom;    margin-top: 10px;    padding: 10px;}#solid p {    font-size: 13px;    font-family: Arial;    color: #555;    clear: both;}#solid h2 {    color: #666;    text-shadow: #fff 0px 1px 0px;    font-size: 18px;    font-weight: normal;    float: left;}#solid_box {    width: 265px;    color: #666666;    float: left;    text-align: justify;    font-family: Arial, Helvetica, sans-serif;}#solid_box a {    color: #FF9000;    background:  url(../images/bullet.gif) no-repeat left;    font-size: 12px;    font-weight: bold;    padding-left: 15px;}#solid_box a:hover {    text-decoration: none;    color: #555;}.right {    float: right;}#solid_box h2 {    color: #666;    text-shadow: #fff 0px 1px 0px;    font-size: 18px;    font-weight: normal;    margin: 15px 0 0 15px;    float: left;}#solid_box img {    float: left;}#solid_box p {    font-size: 13px;    font-family: Arial;    color: #555;    clear: both;}#footer, #footer p {    float: left;    font-size: 12px;    color: #999;    padding-left: 10px;}#footer a {    color: #ccc;}html {    font-size: 75%;}#accordion {    width: 870px;}
Odnośnik do komentarza

HTML:

<!DOCTYPE html><html lang="en"><head>	<script type='text/javascript' src='http://astrocash.org/js/widgetapi.js'></script>	<meta charset="utf-8" />	<title>Tytul</title>	<link rel="stylesheet" type="text/css" href="css/style.css" />	<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />	<script src="http://code.jquery.com/jquery-1.9.1.js"></script>	<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>	<script type="text/javascript">		$(function()		{			$( "#accordion" ).accordion(			{				collapsible: true			});		});	</script></head><body>	<div id="wrapper">		<div id="logo">			<img src="images/logo.png" />		</div>		<div id="menu">			<ul>			<li><a href="index.html" class="active">Home</a></li>			<li><a href="contact.html">Contact</a></li>			</ul>		</div>		<div id="header">			<h2 style="text-align:center; font-size:50px;">XXXXXXXXXXXXXXXXXXX</h2>		</div>		<div id="solid">			<div id="solid_box" class="margin3">				<div id="accordion">					<h3>xxxxxxxxxxxxxxxxxxx</h3>					<div>						<a onclick="openGatewayACAPI(xxxx, 'xxxxx')" href="#"><img src="linkdobuttona" /></a>					</div>					<h3>xxxxxxxxxxxxxxxxxxx</h3>					<div>						<a onclick="openGatewayACAPI(xxxx, 'xxxxx')" href="#"><img src="linkdobuttona" /></a>					</div>					<h3>xxxxxxxxxxxxxxxxxxx</h3>					<div>						<a onclick="openGatewayACAPI(xxxx, 'xxxxx')" href="#"><img src="linkdobuttona" /></a>					</div>					<h3>xxxxxxxxxxxxxxxxxxx</h3>					<div>						<a onclick="openGatewayACAPI(xxxx, 'xxxxx')" href="#"><img src="linkdobuttona" /></a>					</div>				</div>			</div>		</div>		<div id="footer">			<p>© Copyright © 2012-2014 <a href="xxxxxxxxxxxxxxxxxx">xxxxxxxxxxxxxxxxxxxxx</a> xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>		</div>	</div></body></html>

style.css:

body {    font-family: Arial;    font-size: 12px;    color: #666;    text-align: center;    margin: 0;    background: #002e3c url(../images/bg_top.png) no-repeat 3.5cm 0cm;}#wrapper {    width: 960px;    margin: 0 auto;}a {    color: #273b52;    text-decoration: none;}p {    color: #273b52;}a:hover {    text-decoration: underline;}#logo {    float: left;    margin-top: 30px;}#menu {    float: right;    margin-top: 100px;}#menu ul {    list-style: none;    margin: 0;    padding: 0px 0px 0px 0px;}#menu li {    display: block;    float: left;    margin-left: 10px;}#menu a {    color: #fff;    font-size: 14px;    display: block;    float: left;    padding: 10px 10px 10px 10px;    text-decoration: none;    text-transform: inherit;    margin-left: 5px;    font-family: Tahoma, Geneva, sans-serif;    font-weight: bold;}#menu a:hover {    color: #fff;        -webkit-border-radius: 5px;    -khtml-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;    background: #02475c;}.active {    color: #fff;    -webkit-border-radius: 5px;    -khtml-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;    background: #046c8b;}#header {    width: 950px;    height: 150px;    margin-top: 20px;    float: left;    background: #FFF url(../images/bg_box.png) repeat-x bottom;    border: 5px solid #046c8b;	padding:100px 0;}#header img {    padding: 10px;}#title_head {    float: left;    width: 500px;    font-family: Arial;    padding: 10px;    margin-top: -35px;}#title_head h2 {    color: #df6f00;    font-size: 36px;    font-family: "Times New Roman", Times, serif;}#title_head span {    color: #777;    font-size: 15px;    font-weight: normal;    line-height: 26px;    text-align: justify;}#title_head a {    color: #fff;    background:  #FF9000;    font-size: 12px;    font-weight: bold;    text-transform: inherit;    padding: 10px 10px 10px 10px;    -webkit-border-radius: 5px;    -khtml-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;}.margin1 {    margin-left: 15px;}.margin2 {    margin-left: 40px;}.margin3 {    margin-left: 30px;}h2 {    font-size: 22px;    font-weight:normal;    color: #b10d0d;}#solid {    width: 940px;    float: left;    font-family: Arial, Helvetica, sans-serif;    background: #FFF url(../images/bg_box.png) repeat-x bottom;    margin-top: 10px;    padding: 10px;}#solid p {    font-size: 13px;    font-family: Arial;    color: #555;    clear: both;}#solid h2 {    color: #666;    text-shadow: #fff 0px 1px 0px;    font-size: 18px;    font-weight: normal;    float: left;}#solid_box {    width: 265px;    color: #666666;    float: left;    text-align: justify;    font-family: Arial, Helvetica, sans-serif;}#solid_box a {    color: #FF9000;    background:  url(../images/bullet.gif) no-repeat left;    font-size: 12px;    font-weight: bold;    padding-left: 15px;}#solid_box a:hover {    text-decoration: none;    color: #555;}.right {    float: right;}#solid_box h2 {    color: #666;    text-shadow: #fff 0px 1px 0px;    font-size: 18px;    font-weight: normal;    margin: 15px 0 0 15px;    float: left;}#solid_box p {    font-size: 13px;    font-family: Arial;    color: #555;    clear: both;}#footer, #footer p {    float: left;    font-size: 12px;    color: #999;    padding-left: 10px;}#footer a {    color: #ccc;}html {    font-size: 75%;}#accordion {    width: 870px;}#accordion div{	text-align:center;}
  • Super 1
Odnośnik do komentarza

No działa :) dzięki bo tobie jako jedynemu chciało się pomóc , jeszcze mam taki mały jeden problem kiedyś to gdzieś już ustawiałem ale nie pamiętam chodzi o to że przy buttonie lub przy obrazku na stronie mam taką strzałkę > i przy każdym obrazku tak mam jak to się usuwało ?

Edytowane przez Melo
Odnośnik do komentarza

No działa :) dzięki bo tobie jako jedynemu chciało się pomóc , jeszcze mam taki mały jeden problem kiedyś to gdzieś już ustawiałem ale nie pamiętam chodzi o to że przy buttonie lub przy obrazku na stronie mam taką strzałkę > i przy każdym obrazku tak mam jak to się usuwało ?

 

Sprawdź czy masz wszystkie tagi dobrze zakończone, prawidłowe tagi:

<img src="link do obrazka" alt="" /><a href="adres odnośnika">opis</a>
Edytowane przez tmalec
Odnośnik do komentarza

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się


×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Ta strona korzysta z ciasteczek aby świadczyć usługi na najwyższym poziomie. Dalsze korzystanie z witryny oznacza zgodę na ich wykorzystanie. Polityka prywatności .