Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Tekst obokk obrazka ucieka
Forum PHP.pl > Forum > Przedszkole
Cassino
Witam.

Mam pytanko: Otóż gdy mam napis

np: JAKIŚNAPIS

i przed tym wstawię
Kod
<img src="adresdoobrazka">


To obrazek jest w odpowiednim miejscu, ale napis ucieka do jego dolniej podstawy
Napis ma takie wartości:

Kod
.content_name {
text-align:center;
font-size:16px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-shadow: 0 1px 0 #000;
-webkit-transition: color 0.2s ease-in;
-o-transition: color 0.2s ease-in;
-moz-transition: color 0.2s ease-in;
padding-top: 7px;
height: 30px;
vertical-align: middle;
margin-right: 3px;
}



Co dodać, lub zmienić w wartościach od napisu aby było to na równi? próbowałem valign, align ( html ) ale nie działo się nic pozytywnego.

Pomoże ktoś?
mortus
Nadaj elementowi img styl, jak niżej:
  1. <img src="adres/obrazka.rozszerzenie" style="float: left; margin: 5px;" />
gosc
float: left
Cassino
Ale właśnie chodzi o to że gdy tak zrobię, to ucieka mi to na lewą strone ( do krawędzi ) a to ma być obok napisu ( gdy ten jest wycentrowany )
sebastian.rozmus
To wsadź tekst i obrazek w jakis kontener, który będziemiał okresloną szerokość i to jego wycentruj.
jepek
vertical-align: middle; dla img
pmarek
Dla obrazka powinno zadziałać float, a jak nie to vertical-align. Wiele zależy ud użytej wcześniej składni i budowy pod kątem divów.
krzysiekk
witam tak musi zadziałać tekst oblewa obrazek.
pozdr.

  1. <style type="text/css">
  2. img {float:left;padding:10px;}
  3.  
  4. </style>
  5.  
  6.  
  7. <div>
  8. <img src="" />
  9. <p>aaaaaaaaaaaaaaaa</p>
  10. </div>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.