( Zaloguj | Zarejestruj )
![]() ![]() |
17.5.2010 - 12:59
Post
#1
|
|
|
Grupa: Bloger Postów: 7 Nr: 8 299 |
Do swoich postów wstawiam co jakiś czas obrazki, zdjęcia etc. Nauczyłem już się oblewania tekstem (jakoś WP nie chciał tego robić automatem), ale chciałbym, aby między tekstem a obrazkiem pozostała pewna nieduża wolna przestrzeń, tj. aby tekst nie dotykał bezpośrednio obrazka.
Czy ktoś z Forumowiczów może podać mi odpowiedni kod i miejsce gdzie go wpisać (w poście we właściwościach obrazka), czy też w stylu? Próbowałem bordera, ale dostaję go niestety w kolorze czarnym Aktualnie kod obrazka wygląda tak: KOD <img class="size-full wp-image-38" align="right" border="2" src="http://www.fraud.info.pl/wp-content/uploads/2010/05/Insurance-fraud.jpg" alt="Nadużycia pod lupą" width="130" height="136" />
|
|
|
|
17.5.2010 - 13:04
Post
#2
|
|
![]() aktywność: ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Grupa: Redakcja Postów: 4 252 Nr: 5 919 |
Wywal tego border'a, po co Ci to? Do czegoś takiego przyda się css a nie html, przykład - do pliku style.css dodaj kod:
KOD .text img { padding: 10px; border: 0px; } Poczytaj o padding, i edytuj kod wedle własnego uznania. |
|
|
|
17.5.2010 - 13:17
Post
#3
|
|
|
Grupa: Bloger Postów: 7 Nr: 8 299 |
Wow, super! Bardzo dziękuję.
Ponieważ obrazek jest zawsze w prawym górnym rogu, ostatecznie wstawiłem tak: KOD .text img {
padding: 0px 0px 5px 5px; border: 0px; } |
|
|
|
16.10.2010 - 11:34
Post
#4
|
|
|
Grupa: Bloger Postów: 2 Nr: 8 816 |
Mam pytanie. Wstawienie tego kodu absolutnie nie wpływa na wyświetlanie strony. Dlaczego się tak dzieje? Korzystam ze skórki Livosa, adres mojej witryny to warproom.pl
|
|
|
|
16.10.2010 - 11:53
Post
#5
|
|
![]() aktywność: ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Grupa: Redakcja Postów: 4 252 Nr: 5 919 |
Większość skórek jest zupełnie inaczej zakodowana, mają różne klasy i różne id, dlatego ten kod nie działa. Co dokładnie chcesz zmienić na swojej stronce?
|
|
|
|
22.10.2010 - 18:35
Post
#6
|
|
|
Grupa: Bloger Postów: 2 Nr: 8 816 |
Gdy stosuję miniaturkę obrazka we wpisie np.
KOD http://www.warproom.pl/index.php/2010/10/103-combo-w-residentowym-mercenaries/ to odległość od tekstu wynosi 0, co bardzo nieestetycznie wygląda. Wrzuciłbym cały style.css ale jest na to zbyt obszerny. |
|
|
|
23.10.2010 - 15:50
Post
#7
|
|
|
aktywność: ![]() ![]() ![]() ![]() ![]() Grupa: +Bloger Postów: 887 Nr: 3 286 |
Gdy stosuję miniaturkę obrazka we wpisie np. KOD http://www.warproom.pl/index.php/2010/10/103-combo-w-residentowym-mercenaries/ to odległość od tekstu wynosi 0, co bardzo nieestetycznie wygląda. W Twoim przypadku sprawdzić się powinno to: KOD .entry img { padding: 0px 15px 10px 0px; border: 0px; } Wrzuciłbym cały style.css ale jest na to zbyt obszerny. No i całe szczęście że nie wrzucasz, zamiast tego podanie linku do strony jest milion razy bardziej praktyczne |
|
|
|
23.10.2010 - 15:54
Post
#8
|
|
![]() aktywność: ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Grupa: Redakcja Postów: 4 252 Nr: 5 919 |
Nie trzeba, skoro przeglądarka ma dostęp do plików css, to i ja mam. W default.css, p img { } ... dopisz tam padding: 0px 10px 10px 0px;
@edit \\ Kejsi szybszy |
|
|
|
09.1.2011 - 16:24
Post
#9
|
|
|
Grupa: Bloger Postów: 3 Nr: 9 314 |
Witam,
brak odstępów to problem na mojej stronie (http://gerardliwoch.pl), przez brak odstępów strona jest mało czytelna, proszę o pomoc, używam skórki idream link do style.css http://gerardliwoch.pl/wp-content/themes/i...dream/style.css |
|
|
|
09.1.2011 - 17:53
Post
#10
|
|
![]() aktywność: ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Grupa: Redakcja Postów: 4 252 Nr: 5 919 |
1. Załóż swój własny temat.
2. Opisz dokładniej o co chodzi, o jakie odstępy - może na screenie to zaznacz? |
|
|
|
09.1.2011 - 19:36
Post
#11
|
|
|
Grupa: Bloger Postów: 3 Nr: 9 314 |
1. Nie chciałem zakładać nowego tematu, bo pytanie mogłoby brzmieć identycznie
2. Oto co mam na myśli ![]() ![]() pomimo ustawienia odstępów tekstu od obrazka podczas dodawania postu tekst jest zaraz przy obrazku, nie ma marginesu, nie wiem natomiast gdzie mógłbym to ustawić, żeby taki odstęp uzyskać, żeby estetycznie wyglądało |
|
|
|
10.1.2011 - 00:06
Post
#12
|
|
![]() aktywność: ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Grupa: Redakcja Postów: 4 252 Nr: 5 919 |
W pliku style.css dopisz coś takiego:
KOD .postcontent img {
margin: 10px; } |
|
|
|
10.1.2011 - 01:07
Post
#13
|
|
|
Grupa: Bloger Postów: 3 Nr: 9 314 |
Serdecznie dziękuję za pomoc, działa idealnie!
|
|
|
|
![]() ![]() |
| : 9 02 12 - 14:29 |