IPB

( Zaloguj | Zarejestruj )

 
Reply to this topicStart new topic
> Odległość tekstu od obrazka - jak ustawić?
fraudster
post 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 sad.gif a powiem szczerze, że w html-u jestem zieloniutki...

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" />
Go to the top of the page
 
+Quote Post
amistad18
post 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.
Go to the top of the page
 
+Quote Post
fraudster
post 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;
}
Go to the top of the page
 
+Quote Post
Iwakabe
post 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
Go to the top of the page
 
+Quote Post
amistad18
post 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?
Go to the top of the page
 
+Quote Post
Iwakabe
post 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.
Go to the top of the page
 
+Quote Post
kejsi
post 23.10.2010 - 15:50
Post #7


aktywność:
*****

Grupa: +Bloger
Postów: 887

Nr: 3 286



CYTAT(Iwakabe @ 22.10.2010 - 19:35) *
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;
}



CYTAT(Iwakabe @ 22.10.2010 - 19:35) *
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
Go to the top of the page
 
+Quote Post
amistad18
post 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 wink.gif
Go to the top of the page
 
+Quote Post
foxx999
post 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
Go to the top of the page
 
+Quote Post
amistad18
post 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?
Go to the top of the page
 
+Quote Post
foxx999
post 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
Go to the top of the page
 
+Quote Post
amistad18
post 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;
}
Go to the top of the page
 
+Quote Post
foxx999
post 10.1.2011 - 01:07
Post #13





Grupa: Bloger
Postów: 3

Nr: 9 314



Serdecznie dziękuję za pomoc, działa idealnie!
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



: 9 02 12 - 14:29
WebFan | Wszystko co chcesz wiedzieć o e-commerce