Bruger:PHansen/Democentrering

PHansen/Democentrering


Dette er PHansens brugersandkasse. En brugersandkasse er en underside til brugerens brugerside. Den fungerer som et test- og udviklingsområde for brugeren og er ikke en encyklopædisk artikel.

Andre sandkasser: Wikipedias Sandkasse | Skabelonsandkassen.


  • Kode modificeret fra {{Infoboks herregård}} pr 12. jul 2016, 16:02 oldid=8636690 - En parameter {{{kortbredde|}}} er tilføjet for at kunne vise kortet med kun 50px

|width = {{#if: {{{kortbredde|}}} | {{{kortbredde}}} | 250 }} <!-- 'kortbredde' bruges til test; default er 250 som billedet -->


Læg mærke til at billedet øverst forbliver centreret ved kun 50px, men kortet nederst ikke gør.


Eksempel med lille billede og lille kort (50px) redigér

PHansen/Democentrering
 
Oversigtskort
{{Bruger:PHansen/Democentrering <!-- Infoboks herregård --> 
|Billede = Fussingø.jpg
|Billede_størrelse = 50px <!-- <<<<<<<<<<<<< 50px billede -->
| kortbredde = 50         <!-- <<<<<<<<<<<<< 50px kort -->
|
 |landkort= Midtjylland
 |label= Fussingø 
 |korttekst = Fussingøs beliggenhed
 |bredde_grad=56|bredde_min=28|bredde_sek=24.86|bredde_ret=N
 |længde_grad=9|længde_min=50|længde_sek=45.53|længde_ret=E
 |landiso = DK
}}


Eksempel med stort billede og stort kort (350px) redigér

PHansen/Democentrering
 
Oversigtskort
{{Bruger:PHansen/Democentrering <!-- Infoboks herregård --> 
|Billede = Fussingø.jpg
|Billede_størrelse = 350px <!-- <<<<<<<<<<<<< 350px billede -->
| kortbredde = 350         <!-- <<<<<<<<<<<<< 350px kort --> 
|
 |landkort= Midtjylland
 |label= Fussingø 
 |korttekst = Fussingøs beliggenhed
 |bredde_grad=56|bredde_min=28|bredde_sek=24.86|bredde_ret=N
 |længde_grad=9|længde_min=50|længde_sek=45.53|længde_ret=E
 |landiso = DK
}}


Kommentar om problemet i {{Infoboks by/Kort}} redigér

Eksemplerne viser at ved stadig mindre størrelser glider kortet længere og længere mod 'nordøst'
Der efterspørges en løsning der kan implementeres på infobokse der har kort i bunden, så kortet kan holdes centreret som billedet kan ved forskellige størrelser. Den dårlige centrering er tilsyneladende ikke et lige stort problem i de forskellige browsere, med Firefox værre end Chrome (IE og mobilvisning ikke testet).

Problemet skal nok løses i {{Infoboks by/Kort}} der har en #switch i toppen der regulerer 'float'.

I HTML (http://www.w3schools.com/cssref/pr_class_float.asp) findes der til 'float' kun:
none 	    The element is not floated, and will be displayed just where it occurs in the text. This is default 	
left 	    The element floats to the left 	
right 	    The element floats the right 	
initial     Sets this property to its default value. Read about initial 	
inherit     Inherits this property from its parent element. Read about inherit 	

.. og vel i sagens natur ingen 'center', så måske skal der afprøves en text-align: center; et passende sted i {{Infoboks by/Kort}} ?