Skocz do zawartości

Problem z wyśrodkowaniem buttona z gateway


Melo

Rekomendowane odpowiedzi

Zarejestruj się za darmo i naucz się zarabiać online!

  • 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, sztucznej inteligencji 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ę
  • Polecana zawartość

    • JDG - Jak zarejestrować, rozliczać i prowadzić działalność gospodarczą w Polsce
      Jednoosobowa działalność gospodarcza (JDG) to najprostsza forma prowadzenia działalności gospodarczej w Polsce. Jest to działalność prowadzona przez jedną osobę fizyczną na własne nazwisko i na własne ryzyko. Jednak mimo, że nazywa się jednoosobowa - daje jednak możliwość zatrudniania pracowników. Takich firm jest zarejestrowanych w Polsce zdecydowanie najwięcej. Sprawdź jak zarejestrować, rozliczać i prowadzić własną JDG!
        • Super
      • 3 odpowiedzi
    • Inwestowanie w obligacje detaliczne skarbu państwa - od podstaw!
      Sprawdź jak inwestować w obligacje skarbowe - krok po kroku! Detaliczne obligacje skarbowe to rodzaj obligacji emitowanych przez Państwo, które są oferowane indywidualnym inwestorom, takim jak osoby fizyczne, a nie instytucjom finansowym.

      Są to instrumenty dłużne, nienotowane na żadnym rynku, co oznacza że kupując taką obligację, w praktyce pożyczasz pieniądze państwu na określony czas, a w zamian otrzymujesz odsetki. Można więc powiedzieć że obligacje są indywidualną pożyczką na określony % dla Skarbu Państwa. Państwo odda Ci więcej niż od Ciebie pożyczyło.
        • Super
      • 5 odpowiedzi
    • Jak pozyskiwać i zarabiać na poleconych dzięki make-cash.pl
      W tym poradniku przedstawiam możliwości dostępne dla każdego użytkownika. Dowiesz się jak efektywnie wykorzystać forum do zbierania poleconych i budowania dodatkowych zysków.

      Make-cash.pl to miejsce, gdzie ludzie dzielą się swoimi doświadczeniami, poszukują porad i rekomendacji, a także nawiązują wartościowe kontakty. Codziennie odwiedza nas minimum 2000 unikalnych osób, które są zainteresowane zarabianiem przez Internet - a to ogromny potencjał, z którego może korzystać nie tylko administracja - ale każdy użytkownik forum !
        • Super
      • 2 odpowiedzi
    • Jak pisać treści na stronę internetową z wykorzystaniem AI
      Tworzenie treści od podstaw może być procesem czasochłonnym. Istnieje wiele mniejszych kroków, o których należy pomyśleć w drodze do stworzenia atrakcyjnych treści, takich jak badanie rynku, SEO i redagowanie tekstu, a to tylko początek. Jednak nie musisz zaczynać od zera, gdy istnieją narzędzia AI, które mogą pomóc w tworzeniu wysokiej jakości treści. 
        • Dzięki!
        • Super
      • 13 odpowiedzi
    • 9 rzeczy, które możesz zrobić w SEMRush, by zwiększyć ruch swojej strony
      Istnieje kilka sposobów, by wykorzystać SEMRush, aby zwiększyć swój ruch na stronie WWW i wspomóc swoją pracę w zakresie SEO i content marketingu.
        • Super
      • 3 odpowiedzi
×
×
  • 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 .