Template talk:Infobox

OK, so, I had removed the code for this, but then I realized that that was probably too heavy-handed. I'd really, really prefer to work out reasonable guidelines to using Mediawiki templates before we rush into make a lot of them. Maj started a discussion on Project:using Mediawiki templates, and I'd like to figure things out there before using templates a lot. --(WT-en) Evan 00:23, 15 Nov 2004 (EST)

Image clear without a linebreak?

Is there are a way to 'force' the ending of images like <BR clear=all>, but without causing an extra linebreak? Currently infobox placing goes wonky if there's an image 'in progress' when called... (WT-en) Jpatokal 21:45, 25 May 2005 (EDT)

I can't answer the question. But presumably Wikipedia has seen and solved the same issue as best as can be solved. So [1]. -- (WT-en) Colin 23:24, 25 May 2005 (EDT)

I tried the comment thing, but it doesn't work. The code you link to just has a simple table, while the Wikivoyage infobox is a table in a div, and it's the div position that goes wrong. There's probably some obscure div parameter that would solve this nicely, if only we could figure out what it is... the obvious <div clear=all> doesn't seem to work. (WT-en) Jpatokal 00:56, 26 May 2005 (EDT)

Hmm-m -- the other solution would be to dump the div entirely and use only a table, Wikipedia seems to use this for their infoboxen. I'll play with this later if I have time. (WT-en) Jpatokal 01:10, 26 May 2005 (EDT)

Template:Infobox

Swept in from the pub

I see this template being used in a number of places and I think it looks damn ugly. Any chance it could be spruced up a little? I'm thinking, a nicer colored border, or no border. Slightly rounded corners, maybe slightly small font size to the rest of the text in the article. 86.45.191.101 19:46, 19 January 2013 (UTC)

Could you add a mockup of your proposal to Template talk:Infobox so that people can see what the proposed changes would look like? We've done some recent UI cleanups to other templates, but I don't think anyone has (yet) proposed changes to the infobox. -- Ryan • (talk) • 20:03, 19 January 2013 (UTC)

I think a border is needed but could have rounded edges and maybe lighter color. Slightly smaller text maybe but not too much. How about this Template:Infobox/sandbox

I lightened the border and gave it a non-gray color. I think it looks better. 86.45.191.101 20:42, 19 January 2013 (UTC)

I like the idea of updating the infobox style. I added a slightly lighter version to consider. See Template_talk:Infobox#Style. --Rogerhc (talk) 02:19, 20 January 2013 (UTC)

Style

Let's consider updating the style of the infobox. Suggestions (feel free to add more):

This is the current one, background-color: #f3f3ff

This one is background-color: #fec

This one is background-color: cornsilk {{{2}}}

This one is background-color: cornsilk And it has no border, but has rounded corners

background-color:#eff A more bluish box.

A more white box I also got rid of the padding on the top and bottom to see what that would look like.

• cornsilk I like cornsilk, and I like the rounded edges and light border although I'd happily consider no border at all. I'd like to see this in an example page to make final judgment. --Rogerhc (talk) 02:13, 20 January 2013 (UTC)

The #fec color was just a quick example of a non-gray colored infobox. I didn't pay any attention to the shade I was using. 86.45.191.101 02:24, 20 January 2013 (UTC)

• The rounded corner is too much on number 4. I think I like the border also. Right now I would go for number 3. 86.45.191.101 02:32, 20 January 2013 (UTC)

I like the rounded corners and border, but I'm curious why you're suggesting yellow-ish boxes rather than something that is more blue/gray to match the rest of the article color scheme? I tried previewing South Georgia#Salisbury Plain with the cornsilk template and it seems a bit jarring. -- Ryan • (talk) • 02:41, 20 January 2013 (UTC)

The blue-gray looks too cold and stormy. If you're keeping the blue-gray color then I still think nicer shades could be found. 86.45.191.101 02:49, 20 January 2013 (UTC)

Made one with more of a blue color. 86.45.191.101 02:56, 20 January 2013 (UTC)

I'd like to stick with blue hues too—that's our style. --Peter ^Talk 03:40, 20 January 2013 (UTC)

I would like to see some comment from someone with expertise in accessability. • • • Peter (Southwood) ^(talk): 12:25, 20 January 2013 (UTC)

In my opinion, the border is necessary unless the background color is much darker than that seen in #4, #5, or #6 here. I'm not sure what I think about the reduced font size. LtPowers (talk) 15:12, 20 January 2013 (UTC)

A border is needed but could be lighter that current black one and small rounded corners also looks better. Is there any color convention on info/warning/edit boxes for Wikivoyage?Traveler100 (talk) 11:49, 21 January 2013 (UTC)

Color convention? Yes, gray. =) Warning boxes are red; I made caution boxes yellow for obvious reasons. Disclaimer boxes are pale green. I think we still have a visa-restrictions box that's blue. So I think we would want to avoid color conflict with any of those. LtPowers (talk) 19:01, 21 January 2013 (UTC)

Wikivoyage map-ish colors How does this look?

Here's another one more along the lines of our map color scheme. --Peter ^Talk 21:19, 11 February 2013 (UTC)

That's the nicest I've seen so far, Peter. -- Alice^✉ 01:54, 12 February 2013 (UTC)

Like that one too.Texugo (talk) 02:04, 12 February 2013 (UTC)

I like this latest one. AHeneen (talk) 04:08, 12 February 2013 (UTC)

The one you've proposed on the right in our (old) colours looks good. JamesA ^>talk 11:03, 12 February 2013 (UTC)

It's a nice color, but I fear it may be too close to Template:Disclaimerbox. LtPowers (talk) 20:08, 16 February 2013 (UTC)

I'd rather see that last one proposed, with the disclaimerbox color changed to one of those sandy #fec or cornsilk colors up above.Texugo (talk) 21:03, 16 February 2013 (UTC)

Could someone check the spacing in the infobox, there's now an extra line not present previously? I've looked at the code but can't figure out what caused the change - but see Wikivoyage:Information_boxes for an example. All text next to the infobox should flow to to the top. And while the new infobox is better, I think the blue is a little too glaring and a lighter one would work nicely. - Torty3 (talk) 06:52, 17 February 2013 (UTC)

The code of Wikivoyage:Information boxes has an empty line between the infobox template and the lead text. That will insert a blank line in the displayed page; there's nothing that can be done to Template:Infobox to avoid that. Anyway, now that I've seen the new infobox on some articles, I have to admit the color (#e7faf9) grates on me. It's a little sickly. LtPowers (talk) 16:32, 17 February 2013 (UTC)

Cool, thanks, you fixed the issue I had with the change. Didn't realise wiki markup was so touchy with carriage returns. - Torty3 (talk) 07:41, 18 February 2013 (UTC)

I de-saturated the bgcolor just a tad per the sickly comment. It's a very slight change, but I think it's a noticeable improvement. --Peter ^Talk 01:47, 14 March 2013 (UTC)

I'd say it's an improvement; if I have any remaining concerns, it's that it might blend in too much with general site UI elements. That may be a feature and not a bug, though, depending on one's perspective. LtPowers (talk) 16:00, 14 March 2013 (UTC)

Images

While tweaking the infobox, could an image field be added to the template? I recall having a lot of trouble with sizing the image (and using image vs. thumb) and text wrapping around an image when adding at the top of an infobox. The two infoboxes which I've added and experienced problems with are at Orlando#Get in ("Open road tolling") and another on the Dalton Highway (image didn't have licensing to transfer to Commons and infobox has been fixed, so you have to visit "Dalton Highway" on that unmentionable travel wiki to see what I mean). With the Orlando infobox, it appears I fixed the wrapping text issue by inserting non-breaking spaces between the first few words, which looks fine in my browser, but may not look right in others (esp. small screens like tablets, smartphones, etc). What I'm simply asking for is for the template to be changed to {{infobox|title|image|content}}, where "image" is an optional field to put an image file name to be placed below the title and above the text. The image would properly scale, would be square between the left/right borders of the infobox, and text wouldn't wrap around the sides of it. AHeneen (talk) 04:08, 12 February 2013 (UTC)

Images in infoboxes?

Swept in from the pub

Does Template:Infobox allow editors to insert images inside infoboxes? If so, how? -- AndreCarrotflower (talk) 21:06, 16 August 2014 (UTC)

It can be made to work. I did one at Ouro Preto. I think there are others too, but can't remember where I've seen them. Texugo (talk) 21:16, 16 August 2014 (UTC)

You can even insert many!. :) ϒpsilon (talk) 21:28, 16 August 2014 (UTC)

PDF rendering ... infobox missing

I mentioned the problem already under Template_talk:Cautionbox, but I guess it is the fault of the underlying "box". Since many such info/warning/etc boxes contain highly relevant information I believe we should make sure, they are actually displayed inside the PDFs as well. However, I am not a technical expert, and I believe the originator or the low level box would be the best to fix that. Thanks in advance. Ceever (talk) 18:46, 14 March 2017 (UTC)

Infobox design

Swept in from the pub

I invented this design for an infobox.

Tasmanian devils This carnivorous marsupial is the size of a small dog and found only in Tasmania. The largest carnivorous marsupial in the world, it is characterised by its stocky and muscular build, black fur, extremely loud and disturbing screech, and ferocity when feeding. Despite its appearance, the devil is capable of surprising speed and endurance... (read more)

This carnivorous marsupial is the size of a small dog and found only in Tasmania. The largest carnivorous marsupial in the world, it is characterised by its stocky and muscular build, black fur, extremely loud and disturbing screech, and ferocity when feeding. Despite its appearance, the devil is capable of surprising speed and endurance... (read more)

How do others like it compared to the current design of infoboxes? I'm not sure how to decrease the gap between the lines, and if someone can make the change please do. I also think the text might look good with the text aligned to the left, but I couldn't do it.

Of course, in most infoboxes there would not be a read more link. I just added that and the ... to this one so I didn't include an essay in this demonstration. --Comment by Selfie City (talk about my contributions) 23:41, 4 September 2018 (UTC)

• One method - put your text in a div statement - can change font size or align left, right or center -- Matroc (talk) 00:56, 5 September 2018 (UTC)
  • I had to leave before I finished -- If you are going to use a table then the text information in your infobox example could actually be just another table row (without a div statement) with appropriate font size etc. -- Matroc (talk) 02:06, 5 September 2018 (UTC)

Thanks. I've taken the text I assume you added and made it the main text. How does it look now? --Comment by Selfie City (talk about my contributions) 00:59, 5 September 2018 (UTC)

Also, did anyone notice that I changed to an autumn signature? --Comment by Selfie City (talk about my contributions) 00:59, 5 September 2018 (UTC)

Here's the current design for the same infobox, if you want to compare right here. --Comment by Selfie City (talk about my contributions) 01:03, 5 September 2018 (UTC)

Tasmanian devils This carnivorous marsupial is the size of a small dog and found only in Tasmania. The largest carnivorous marsupial in the world, it is characterised by its stocky and muscular build, black fur, extremely loud and disturbing screech, and ferocity when feeding. Despite its appearance, the devil is capable of surprising speed and endurance... (read more)

In response to Matroc, I tried that but couldn't get it to work. You see, I'm no expert at code, and I'm one of those who tends to experiment with colors, etc. and sees what works and what doesn't. But thanks for the help, though. --Comment by Selfie City (talk about my contributions) 02:16, 5 September 2018 (UTC)

• I added example -- see: Help tables as that may assist you - Best wishes -- Matroc (talk) 02:38, 5 September 2018 (UTC)

Great, thanks. Just for those above, the red box is not the design example — my proposal is the gray/grey square. --Comment by Selfie City (talk about my contributions) 03:22, 5 September 2018 (UTC)

Personally I like the existing format better. —Granger (talk · contribs) 10:48, 5 September 2018 (UTC)

I agree with Granger, and prefer the current format. 94.119.64.11 11:25, 5 September 2018 (UTC)

Urgent: Please fix this template for printed content Template:Infobox/styles.css.

Firstly, apologies for writing in English if this is not your first language (this is an automated message).

This template has been detected as one of 436 pages using styles that break the page when printed when the user is using dark mode. The fix is very straightforward - all your styles relating to dark mode must be scoped to. Since there is a high risk of this templates being copied to other wikis it is important this notice is acted on ASAP.

To fix this:

1. Update `@media (prefers-color-scheme: dark` to `@media screen and (prefers-color-scheme: dark`
2. Wrap any styles relating to `html.skin-theme-clientpref-night` in `@media screen`

If this message has not been acted on in 7 days, this will be fixed by an automated script. Thank you for your help fixing this important issue.

For any questions feel free to ask them at phab:T369874.

Jon (WMF) (talk) 18:01, 2 August 2024 (UTC) on behalf of the web team.