[ Príspevkov: 3 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
HTML, CSS - skombinovat <DIV> a <p>

Registrovaný: 18.10.08
Prihlásený: 14.05.18
Príspevky: 445
Témy: 103 | 103
Bydlisko: PK
NapísalOffline : 28.04.2016 16:58 | HTML, CSS - skombinovat <DIV> a <p>

Caute, mam dva tagy. Jeden je "div" a druhy "p". Problem je ze to vyzera asi takto:
Kód:
<div class="obrazok"> 
   <img src="/sites/default/files/default_images/colorful-triangles-background_yB0qTG6.jpg" width="1080" height="1920" alt="background to view" typeof="foaf:Image">
</div>
<p class="textik"">Ahoj fesak.</p>


Mojim cielkom je aby ten text <p> sa zobrazil napriklad v strede obrazku s rozlozenim html tagov tak ako su. Zatial sa mi to nedari, je to vobec mozne s takymto rozlozenim? Tagy menit nemozem..je to Drupal a skusom to zatial takto.

Vdaka.


_________________
PC: CPU: Intel® Core™i5-750 processor 2,66GHz, MB: MSI, So1156, iP55, VGA: SAPPHIRE VAPOR-X HD 4890 2GB GDDR5 PCI-E OC, RAM: 4GB 1600MHz DDR3, HDD: WD 7501 AALS 750GB, 7200RPM, Serial ATA II. 32MB, CASE: Max Cube Amoris 6010
Book: Asus ux32ln
Phone: Samsung Note 4

Zivot je svina, nikdy sa nim nenechaj zlomit
Offline

Skúsený užívateľ
Skúsený užívateľ
HTML, CSS - skombinovat <DIV> a <p>

Registrovaný: 19.03.07
Prihlásený: 19.07.18
Príspevky: 5017
Témy: 72 | 72
Bydlisko: BA
NapísalOffline : 28.04.2016 17:02 | HTML, CSS - skombinovat <DIV> a <p>

Vzhladom na to, ze s nam v podstate nedal skoor nic, tak ti odporucim pozriet si najma css menom display (hlavne absolute/relative) a potom float. Podla mna by si sa k tomu cez to dopracoval.


_________________
Desktop: CPU AMD FX8350@4.514 | Cooling GELID Solutions Tranquillo rev 2 + Noctuaa NF-S12B 1200 | MB ASUS M5A99FX PRO R2.0 | RAM 2x8GB DDR3 Patriot 1600MHz CL9 Viper 3 | VGA Palit 1060 DUAL 6G | SSD Crucial MX300 525GB | HDD Seagate Ironwolf 3TB 5900rpm | PSU CORSAIR CX600M | MONITOR iiyama prolite E2473HDS | MOUSE Roccat SAVU + Razer eXactMat | TeamWolf VOD STORM | OS W10Pro x64 &
Server:CPU XEON X5450@3.0 | Cooling ninja Scythe 2 + Noctuaa NF-S12B 700 | MB ASUS P5Q | RAM 2x2+2x1GB A-DATA 800MHz | VGA ASUS 7600GT Silent 256MB | PSU EVGA 500B | Corsair K30 US | Archlinux x86_64 &
Notebook: DELL inspiron 7537 i7 4500U, 8GB RAM, nv750, FHD IPS,Crucial M4 128GB | MOUSE Roccat Savu + Roccat Taito | ArchLinux x64 &
Mobil: OnePlus One | FW LineageOS 15.1 Nightly & Tablet: ASUS TF101 32G + dock | FW Stock
Offline

Užívateľ
Užívateľ
HTML, CSS - skombinovat <DIV> a <p>

Registrovaný: 18.10.08
Prihlásený: 14.05.18
Príspevky: 445
Témy: 103 | 103
Bydlisko: PK
Napísal autor témyOffline : 28.04.2016 18:08 | HTML, CSS - skombinovat <DIV> a <p>

No skusil som stackoverflow a napisali mi funkcne riesenie:

HTML:
Kód:
<div class='someOuterElement'>
  <div class="picture"> 
     <img src="http://placehold.it/500/500" width="500" height="500" >
  </div>
  <p class='textik'>Hello handsome.</p>
</div>


CSS:
Kód:
.someOuterElement {
  position: relative;
  width: 500px
}

.textik {
  text-align; center;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%)
}


Nastestie to bolo cele obalene v dive ktory mozem pouzit..robi to troska mess ale da sa to.


_________________
PC: CPU: Intel® Core™i5-750 processor 2,66GHz, MB: MSI, So1156, iP55, VGA: SAPPHIRE VAPOR-X HD 4890 2GB GDDR5 PCI-E OC, RAM: 4GB 1600MHz DDR3, HDD: WD 7501 AALS 750GB, 7200RPM, Serial ATA II. 32MB, CASE: Max Cube Amoris 6010
Book: Asus ux32ln
Phone: Samsung Note 4

Zivot je svina, nikdy sa nim nenechaj zlomit
 [ Príspevkov: 3 ] 


HTML, CSS - skombinovat <DIV> a <p>



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

<a href> around <div>

v HTML, XHTML, XML, CSS

9

652

17.01.2007 22:43

exot

V tomto fóre nie sú ďalšie neprečítané témy.

Hrúbka <frame> a <rules> v <table>

v HTML, XHTML, XML, CSS

7

401

25.01.2009 22:10

Ďuri

V tomto fóre nie sú ďalšie neprečítané témy.

načo slúžia tagy <div id="all"> a <div

v HTML, XHTML, XML, CSS

3

722

06.10.2008 17:50

neutronmind

V tomto fóre nie sú ďalšie neprečítané témy.

formular: presun <option> zo <select> do <select>

v JavaScript, VBScript, Ajax

2

477

28.09.2009 15:27

tomast7

V tomto fóre nie sú ďalšie neprečítané témy.

>>> Java - connection problem ! <<<

v Assembler, C, C++, Pascal, Java

2

455

22.07.2009 8:38

johny3212

V tomto fóre nie sú ďalšie neprečítané témy.

Nazdielanie netu, LAN<-->PC<--wifi-->Notebook

v Siete

1

860

15.04.2006 23:44

Spirit

V tomto fóre nie sú ďalšie neprečítané témy.

<tr> riadok tabulky ako odkaz <a>

v HTML, XHTML, XML, CSS

3

364

15.03.2010 15:32

1daemon1

V tomto fóre nie sú ďalšie neprečítané témy.

Interpunkcia v elementoch <textarea> a <select>

v HTML, XHTML, XML, CSS

4

194

30.10.2016 12:01

alvar

V tomto fóre nie sú ďalšie neprečítané témy.

Chladiče procesorov >>Všetky problémy sem<<

v Chladiče a všetky druhy chladenia

3

192

30.01.2013 22:08

DropaDred

V tomto fóre nie sú ďalšie neprečítané témy.

>>>Schvalenie zostavy<<<

v PC zostavy

10

323

16.12.2010 21:55

abcdefgh

V tomto fóre nie sú ďalšie neprečítané témy.

<ul> <li> nemam odrazky

v HTML, XHTML, XML, CSS

1

347

09.04.2010 18:26

stenley

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

tagy <em> a <strong>

v Internetový marketing, SEO, reklama

24

1034

01.12.2009 0:27

shaggy

V tomto fóre nie sú ďalšie neprečítané témy.

<p><hr></p>

v HTML, XHTML, XML, CSS

6

370

08.07.2010 21:41

camo

V tomto fóre nie sú ďalšie neprečítané témy.

<div> height ?

v HTML, XHTML, XML, CSS

8

526

26.01.2009 8:51

don jebot

V tomto fóre nie sú ďalšie neprečítané témy.

Automatycká velkosť <div>

v HTML, XHTML, XML, CSS

3

179

28.07.2014 21:22

nig3c

V tomto fóre nie sú ďalšie neprečítané témy.

vytvorenie posuvneho <div>

v JavaScript, VBScript, Ajax

7

414

01.12.2009 14:55

pilná lama glama



© 2005 - 2018 PCforum, edited by JanoF