Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 3 ] 
AutorSpráva
Offline

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

Registrovaný: 18.10.08
Prihlásený: 20.11.20
Príspevky: 450
Témy: 105
Bydlisko: PK
Príspevok NapísalOffline : 28.04.2016 16:58

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ý: 26.03.24
Príspevky: 7076
Témy: 85
Bydlisko: BA
Príspevok NapísalOffline : 28.04.2016 17:02

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 R7 1700x @ 3.85GHz | Cooling be quiet! Dark Rock Pro 4 | MB ASRock X470 Taichi Ult. | RAM 4x8GB DDR4 G-SKILL TridentZ RGB 3000 CL16-16-16-36 | VGA Powercolor VEGA56 + Raijintek Morpheus II | SSD Crucial MX300 525GB | HDD Seagate Ironwolf 3TB 5900rpm | PSU CORSAIR RM750X | MONITOR AOC Q3279VWFD8 | MOUSE HyperX Pulsefire FPS + Razer eXactMat | HyperX Alloy FPS Brown | HyperX Cloud | ARCH x64 &
Notebook: DELL inspiron 7537 i7 4500U, 16GB RAM, nv750, FHD IPS,Crucial M4 128GB | ARCH x64 & Surface Go 8/128 &
Mobil: LG v40 ThinQ (2018) & SBC: Raspberry pi 0 | 3B+ & Headphones: Senheiser HD58X | AKG K551 + detachable cable mod | Linsoul TIN T2 | KZ SZN
Offline

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

Registrovaný: 18.10.08
Prihlásený: 20.11.20
Príspevky: 450
Témy: 105
Bydlisko: PK
Príspevok Napísal autor témyOffline : 28.04.2016 18:08

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
Odpovedať na tému [ Príspevkov: 3 ] 


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

957

17.01.2007 22:43

exot Zobrazenie posledných príspevkov

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

663

25.01.2009 22:10

Ďuri Zobrazenie posledných príspevkov

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

1003

06.10.2008 17:50

neutronmind Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. formular: presun <option> zo <select> do <select>

v JavaScript, VBScript, Ajax

2

746

28.09.2009 15:27

tomast7 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. >>> Java - connection problem ! <<<

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

2

695

22.07.2009 8:38

johny3212 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Interpunkcia v elementoch <textarea> a <select>

v HTML, XHTML, XML, CSS

4

456

30.10.2016 12:01

alvar Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. <tr> riadok tabulky ako odkaz <a>

v HTML, XHTML, XML, CSS

3

567

15.03.2010 15:32

1daemon1 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Nazdielanie netu, LAN<-->PC<--wifi-->Notebook

v Siete

1

1082

15.04.2006 23:44

Spirit Zobrazenie posledných príspevkov

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

486

30.01.2013 22:08

DropaDred Zobrazenie posledných príspevkov

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

v PC zostavy

10

653

16.12.2010 21:55

abcdefgh Zobrazenie posledných príspevkov

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

1400

01.12.2009 0:27

shaggy Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. <ul> <li> nemam odrazky

v HTML, XHTML, XML, CSS

1

559

09.04.2010 18:26

stenley Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

6

582

08.07.2010 21:41

camo Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

8

747

26.01.2009 8:51

don jebot Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Automatycká velkosť <div>

v HTML, XHTML, XML, CSS

3

468

28.07.2014 21:22

nig3c Zobrazenie posledných príspevkov

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

v JavaScript, VBScript, Ajax

7

649

01.12.2009 14:55

pilná lama glama Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra