Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]Tekst obokk obrazka ucieka
Cassino
post 13.03.2013, 19:50:20
Post #1





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 23.09.2010
Skąd: Wolsztyn

Ostrzeżenie: (0%)
-----


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ś?
Go to the top of the page
+Quote Post
mortus
post 13.03.2013, 19:59:35
Post #2





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

Ostrzeżenie: (0%)
-----


Nadaj elementowi img styl, jak niżej:
  1. <img src="adres/obrazka.rozszerzenie" style="float: left; margin: 5px;" />


Ten post edytował mortus 13.03.2013, 19:59:54
Go to the top of the page
+Quote Post
-gosc-
post 13.03.2013, 19:59:35
Post #3





Goście







float: left
Go to the top of the page
+Quote Post
Cassino
post 13.03.2013, 20:03:20
Post #4





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 23.09.2010
Skąd: Wolsztyn

Ostrzeżenie: (0%)
-----


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 )
Go to the top of the page
+Quote Post
sebastian.rozmus
post 13.03.2013, 20:44:26
Post #5





Grupa: Zarejestrowani
Postów: 48
Pomógł: 12
Dołączył: 7.03.2012

Ostrzeżenie: (0%)
-----


To wsadź tekst i obrazek w jakis kontener, który będziemiał okresloną szerokość i to jego wycentruj.
Go to the top of the page
+Quote Post
jepek
post 13.03.2013, 20:45:03
Post #6





Grupa: Zarejestrowani
Postów: 55
Pomógł: 10
Dołączył: 12.08.2007

Ostrzeżenie: (0%)
-----


vertical-align: middle; dla img
Go to the top of the page
+Quote Post
pmarek
post 14.03.2013, 14:15:50
Post #7





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 5.03.2013

Ostrzeżenie: (0%)
-----


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.


--------------------
Podatkipl.eu - Twój serwis podatkowy!
Go to the top of the page
+Quote Post
krzysiekk
post 14.03.2013, 16:10:34
Post #8





Grupa: Zarejestrowani
Postów: 155
Pomógł: 17
Dołączył: 13.03.2006
Skąd: Jaworze

Ostrzeżenie: (0%)
-----


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>


Ten post edytował krzysiekk 14.03.2013, 16:11:00
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:

 



RSS Wersja Lo-Fi Aktualny czas: 15.05.2025 - 10:45