Kezdőoldal » Számítástechnika » Weblapkészítés » Kép a szöveg/link mögé (? )

Kép a szöveg/link mögé (? )

Figyelt kérdés

Hy

Azt szeretném megkérdezni hogy hogy lenne megoldható, hogy lenne egy alap kép, és arra írná rá a szöveget, nem kellene minden szöveghez új képet gyártani hogy ráírjam a szöveget

Köszi!


2012. ápr. 18. 15:16
1 2
 1/12 anonim ***** válasza:

Egy oldalt tudnál mutatni példának?

(Gondolom saját oldalról van szó)

2012. ápr. 18. 15:22
Hasznos számodra ez a válasz?
 2/12 anonim ***** válasza:
CSS-el megoldható egyszerűen. Olvass utána, tanuld meg a css használatát!
2012. ápr. 18. 15:23
Hasznos számodra ez a válasz?
 3/12 A kérdező kommentje:

div-el megoldottam, már csak azt kéne megoldani hogy a szöveg középen legyen

<div style="background: url(img/layout/buttonh.jpg) no-repeat"><h1>Teszt</h1></div>

Ez a kód, és a széléről kezdi el írni, úgy kéne hogy pont a kép közepén legyen a szöveg

<center>-el csak a szöveg kerül a lap közepére, a képet ott hagyja ahol volt

2012. ápr. 18. 15:44
 4/12 anonim ***** válasza:
a diven kívül centerezzél <center><div></div></center>
2012. ápr. 18. 15:46
Hasznos számodra ez a válasz?
 5/12 A kérdező kommentje:

Így próbáltam, nem jó :)

Közben az is kéne, hogy ne csak a szövegre méretezze a képet, mert az a baj hogyha a szöveg egysoros akkor csak egy kis részt vág le a képből, úgy lenne jó ha az egészet megjelenítené

2012. ápr. 18. 15:52
 6/12 anonim ***** válasza:

A div akkora méretű legyen, amekkora a buttonh.jpg mérete és text-align:center-rel igazítsd középre!

Pl ha képméret:150px*20px

style="background: url(img/layout/buttonh.jpg) no-repeat; width:150px; height:20px; text-align:center"


célszerű az alapértelmezett padding és margin értékeket 0-ra állítani. A címsornak van alapértelmezett margója.

*{

padding:0px;

margin:0px;

}

2012. ápr. 18. 16:12
Hasznos számodra ez a válasz?
 7/12 A kérdező kommentje:

Köszi!

Már majdnem minden oké, mostmár csak az kéne hogy a szöveg

teljesen középen legyen, mert most már vízszintesen középen van, függőlegesen viszont a kép legtetején

2012. ápr. 18. 18:13
 8/12 compactegon ***** válasza:
padding:15% 0;
2012. ápr. 18. 18:42
Hasznos számodra ez a válasz?
 9/12 A kérdező kommentje:
Nem segített :(
2012. ápr. 18. 19:32
 10/12 anonim ***** válasza:

A h1 címsornak adj akkora padding-top -ot, hogy a szöveg középre essen!


Ezek viszont annyira alap problémák, hogy inkább a CSS-t kéne megtanulnod.

[link]

2012. ápr. 18. 20:34
Hasznos számodra ez a válasz?
1 2

Kapcsolódó kérdések:





Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!