Problem jest taki: mam długi obrazek podzielony na 3 części, chcę je wrzucić na wordpressową stronę tak aby tworzyły całość. Niestety pomiędzy nimi pojawia się biała linia psująca estetykę. Można w jakiś szybki sposób usunąć te linie?
W Internecie pojawia się informacja, że po prostu wystarczy usunąć przerwę w kodzie pomiędzy kolejnymi img, ale niestety nie działa. Dodatkowym utrudnieniem jest fakt, że nie mogę podłączyć CSS (albo inaczej mówiąc: jestem debiliem jeśli chodzi o zarządzanie stronami HTML i CSS + menusy na wordpresie są po grecku + zdaje się konto na którym jestem nie ma admina, bo nie mogę pobrać wtyczek + w appearance nie ma opcji z CSS).
Jest ktoś w stanie mi szybko pomóc?
Wygląda to tak:
<a href="http://www.costamcostam.gr/wp-content/uploads/2017/01/projekt1311_01.jpg"><img src="http://www.costamcostam.gr/wp-content/uploads/2017/01/projekt1311_01-1024x611.jpg" alt="projekt1311_01" width="900" height="537" border="0" /></a><a href="http://www.costamcostam.gr/wp-content/uploads/2017/01/projekt1311_02.jpg"><img src="http://www.costamcostam.gr/wp-content/uploads/2017/01/projekt1311_02-1024x471.jpg" alt="projekt1311_02" width="900" height="414" border="0" /></a>
Ja już oczywiście nic z CSS i HTML nie pamiętam, ale kojarzę coś, że można było zrobić jakiś myk w stylu <img style="padding: -1px; border-bottom: 1px solid black"> - i tu sobie możesz wtedy ustawić zerowy margines i to drugie guano (padding) co by elementy nie były od siebie w ogóle oddalone.
Aaale ręki nie dam sobie obciąć za to :D
Jak yasiu wspomnia, to moze być wina marginesów (margin) albo dopełnień (padding), albo kilku innych elementów (np. wspomniana ramka, czyli border). Powinno wystarczyć wyzerowanie tych elementów.
Obecnie przerwy może powodować albo styl dla <img>, albo styl dla <a>, albo oba naraz, albo jeszcze inne z jakichś tagów nadrzędnych.
Podany kawałek kody to zbyt mało informacji by wskazać winowajcę.
Przeanalizuj ten element za pomocą narzędzi deweloperskich wbudowanych w przeglądarki.
Rozwiązane, dodałem do każdego elementu img style="padding: 0px; margin: -3px; i działa tak jak powinno. :) Dzięki za pomoc.