Sie sind nicht angemeldet.

textfiled link textdecoration html 5

Tuur

Erleuchteter

  • »Tuur« ist der Autor dieses Themas

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

1

Samstag, 29. Juni 2013, 13:52

textfiled link textdecoration html 5

Hi,

is it right that we can not set textdecorations for html 5???

like this doesn't work

Quellcode

 
1
2
3
4
5

<data name="textcss">
	p{color:#FFFFFF; font-family:Arial; font-size:16; font-weight:bold;  text-align:center; }
	a       { color:#FFFFFF; font-family:Arial; font-size:16; font-weight:bold;  text-align:center; text-decoration:none; }
	a:hover { color:#FF0000; font-family:Arial; font-size:16; font-weight:bold;  text-align:center; text-decoration:none; }
</data>


it seems that text-align:centre; does not work..

Quellcode

 
1
2
3

<data name="textcss2">
	a {   color:#FFFFFF;  font-family:Arial;  font-size:14px;  font-weight:bold;  text-align:center;   text-decoration:none; }
</data>

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Tuur« (29. Juni 2013, 14:24)

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

2

Dienstag, 2. Juli 2013, 13:52

Hi,

the reason is the way html works (but please don't compare with the buggy and limited Flash html rendering ):
the <a> element is an 'inline-element' and is only as width as its content is, therefore centering itself inside itself doesn't have much effect,

by using/adding this css code to the <a> css style code:

Quellcode

 
1

display:block; width:100%;


the <a> element will be rendered with 100% width of the parent element and then centering the text inside it will work.

Best regards,
Klaus

nefar1ous

Fortgeschrittener

Beiträge: 190

  • Nachricht senden

3

Mittwoch, 3. Juli 2013, 19:16

Hi Tuur,
Looks like you and I are barking up the same tree. I just spent part of my evening working out classes to enhance some company docs in my product tour. Basically just like you have laid out, but with classes instead of specific tag attributes. When I set html5="prefer" or used my ipad, everything went to default black fonts and tiny text :( Was looking great with Flash.

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<data name="cssstyles">

p {color:#000000; font-size:18;margin-left:5;}
.black {color:#000000; font-size:18;margin-left:5;}
.blue {color:#161ad5; font-size:18;margin-left:5;}
.red {color:#ff0000; font-size:18;margin-left:5;}


li {font-size:18; color:#000000;margin-left:5;}
.blacklist {font-size:18; color:#000000;}
.bluelist  {font-size:18; color:#161ad5;}

a {color:#161ad5; font-size:22;}
.redish {color:#ff0000; font-size:22;}

span,
.h1 {font-size:42; color:#ff0000; font-family:Arial; margin-left:5; leading:20;}
.h2 {font-size:36; color:#ff0000; font-family:Arial; margin-left:5; leading:15;}
.h3 {font-size:30; color:#ff0000; font-family:Arial; margin-left:5; leading:10;}
.h4 {font-size:24; color:#ff0000; font-family:Arial; margin-left:5; leading:5;}
</data>


Wish I knew a way to handle this for html5 ATM. Looks like I'll need to make a separate setup.

Ähnliche Themen