←  Pytania

AMXX.pl: Support AMX Mod X i SourceMod

»

Obrazek w tle

Zablokowany

  • +
  • -
Na 5tyk - zdjęcie Na 5tyk 23.06.2012

Witam. Mam do Was dzisiaj takie pytanko. Jak zrobić obrazek w tle aby można było na nim pisać :)?

Dam kawałki kodu HTML :)

Kod html:
<div class="szukaj"><img src="images/szukaj.png" alt="szukaj"></img></div>


Kod CSS do powyższego przykładu:
.szukaj

{

	background-image: url(images/szukaj.png);

	background-repeat: no-repeat;

	margin-left: 2cm;

	margin-top: 1cm

}

(23.06.2012 13:33):
Znacznika <IMG> się nie zamyka :lol:
Odpowiedz

  • +
  • -
Fili:P - zdjęcie Fili:P 23.06.2012

Jeżeli dobrze zrozumiałem, to może użyjesz style w input i po prostu to ustawisz ?
Odpowiedz

  • +
  • -
Na 5tyk - zdjęcie Na 5tyk 23.06.2012

Chodzi mi o ty, że jak teraz napisze jakiś tekst pomiędzy img to tekst pojawia się pod lub obok obrazka. a ja chce zeby od razu mozna bylo na obrazku pisać :)
Odpowiedz

  • +
  • -
Fili:P - zdjęcie Fili:P 23.06.2012

To może usuń z tego diva całe <img> i w stylu tej klasy ustaw określoną szerokość i wysokość ?
Odpowiedz

  • +
  • -
Na 5tyk - zdjęcie Na 5tyk 23.06.2012

Dobra poradziłem sobie. Zrobiłem 2 diva i ustawiłem tak aby się ładnie nakładało :).

Ale łap plusa.
Odpowiedz

Gość_21977_* 23.06.2012

Ja bym Ci proponował lepiej ustawić background-image dla diva i pisać w nim, co dusza zapragnie:


<html>
	<body>
		<div style="
			width: 300px;
			margin: auto;
			margin-top: 200px;
			text-align: center;
			background-image:url('http://amxx.pl/uploads/imgs/amxx_1325517959__amxx_1325514377__logo_amxx.png');
		">
			AMXX.pl<br><br>
			Unofficial Support
		</div>
	</body>
</html>
Odpowiedz

  • +
  • -
Na 5tyk - zdjęcie Na 5tyk 23.06.2012

A jak mam

<div class="szukaj"></div>

To mogę dać po
"szukaj"
te style? I reszte w pliku CSS, bo przecież im większy plik to dłużej się ładuje.

Jak nie wywołam img w divie to nie wyswietla obrazka.
Odpowiedz

Gość_21977_* 23.06.2012

Możesz zarówno w znaczniku style jaki i jako opis reguł dla klasy czy to w znaczniku <style> czy w dołączanym pliku, bez znaczenia.
Jeśli masz już plik CSS, to najlepiej w nim te reguły umieścić, po co komplikować sobie życie?

edit. Masz wpisane to tak: 
background-image:url('http://amxx.pl/uploads/imgs/amxx_1325517959__amxx_1325514377__logo_amxx.png');
?
Odpowiedz

  • +
  • -
Na 5tyk - zdjęcie Na 5tyk 23.06.2012 

.logo
{
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	margin-left: 13cm;
	margin-top: -4.05cm
}


Tak to mam wpisane.

Robię na jakiś swój sposób. Może i nie optymalnie, ale działa :D

Łapaj 2 :plus:.
Nie zauważyłem że trzeba dać '

Dobra i tak nie działa jednak xD. Robię to na swój sposób wieloma próbami i błędami :)
Odpowiedz

Gość_21977_* 23.06.2012

Wiadomość wygenerowana automatycznie


Ten temat został zamknięty przez moderatora.

Powód: Temat zamknięty na prośbę użytkownika.


Z pozdrowieniami,
Zespół AMXX.PL
Odpowiedz

  • +
  • -
DarkGL - zdjęcie DarkGL 23.06.2012

A taki dodatek odemnie
http://html5demos.com/contenteditable
Pozwala użytkownikowi dowolnie edytować tekst w elemencie z tą opcja
Odpowiedz
Zablokowany