Wyśrodkowanie napisu w linku.

Question

Witajcie. Mam problem z wyśrodkowaniem napisu w linku. Może ktoś chętny do pomocy?
Tutaj jest kawałek strony:

 <a href="fajny link" target="_blank">$15.00<img src="sciezka.png"> </a>

Jak to wyśrodkować?

Answer 1

Na podstawie tego fragmentu kodu można stwierdzić, że napisu wyśrodkować się nie da. Napis "$15.00" zajmuje miejsca tylko tyle, ile potrzebuje, a resztę wolnego miejsca zajmuje obrazek posiadający dużo białego tła.

Answer 2

albo do link dać:

text-align: center;

ale to raczej nie zadziała - ale to raczej zadziała:

<span style='text-align: center;'>
 <a href="fajny link" target="_blank">$15.00<img src="sciezka.png"> </a>
</span>

 

Comments

Niestety nie działa, nic się nie zmienia.

Answer 3

Jeżeli dobrze rozumiem te $15.00 chcesz dać do środka. może spróbuj divy? i w tym z ceną text-align: center/align-content: center?

Answer 4

Siemka jeśli dobrze zrozumiałem i chodzi ci o to, żeby zamieścić "$15.00" na środku zdjęcia, które dodałeś to musisz trochę przerobić kod.

HTML będzie wyglądał tak:

<a href="#" target="_blank">
        <div id="nazwaDiva">
            $15.00
        </div>
    </a>

Nie przejmuj się, że w kodzie HTML nie ma zamieszczonego zdjęcia dodamy je w CSS.

Natomiast kod CSS będzie wyglądał tak:

#nazwaDiva{
    background-image: url("sciezka.png");
    text-align: center;
/*w poniższych tagach wpisz rozmiary swojego zdjęcia*/
    width: 50px;
    height: 50px;
    
}

W CSS dodaliśmy zdjęcie jako "zdjęcie w tle". Ważne, żeby podał rozmiary swojego zdjęcia bo inaczej zdjęcie będzie ci się powielać na całą długość rozdzielczości strony.

Rozmiar zdjęcia możesz sprawdzić w taki sposób:

• Klikasz PPM na zdjęcie
• Wybierasz "Właściwości"
• Wchodzisz w zakładkę "Szczegóły"
• Tam pod tytułem "obraz" masz je napisane

Mam nadzieję, że pomogłem