fieldset code

[ReneH4]

I just found the fieldset code.

I entered it in a few modules, but somehow it does not display a box.

Is it overwritten by other classes? Running 1079.

Code: Select all

<fieldset style=" border-radius: 8px; border: 1px solid black; width: 500px; margin: 1em auto;">
	<legend style="width: 100%; padding: 0;">
		<div style="display: inline-block; line-height: 1.2;">
			<div style="float: left; padding: 0 5px;">Legend</div>
			<div style="float: left; height: 1px; background-color: black; width: 359px;  margin-top: 11px;"></div>
			<div style="float: left; padding: 0 5px;">Other Stuff</div>
		</div>
        
        

	</legend>	
    
Some tect or variable here......
</fieldset>

[ecartz]

Is it overwritten by other classes? Running 1079.

What you've written is pure HTML with the style attributes set. You don't say where you put it, so we can't say anything about PHP classes. But you can't override it with CSS classes, because CSS can't override the style attribute. In general, it won't play nice with Bootstrap, so it will likely look odd in things where Bootstrap is expecting to be able to apply its own sizing. It would be better to use a Bootstrap-based example rather than the style attribute. But that's unlikely to cause it not to appear.

The more likely problem is that you're ending up with invalid HTML and browsers are just skipping over it entirely. Throw the page in a validator and see what it says.

[ReneH4]

Will try, thanks Matt!

Is it overwritten by other classes? Running 1079.

What you've written is pure HTML with the style attributes set. You don't say where you put it, so we can't say anything about PHP classes. But you can't override it with CSS classes, because CSS can't override the style attribute. In general, it won't play nice with Bootstrap, so it will likely look odd in things where Bootstrap is expecting to be able to apply its own sizing. It would be better to use a Bootstrap-based example rather than the style attribute. But that's unlikely to cause it not to appear.

The more likely problem is that you're ending up with invalid HTML and browsers are just skipping over it entirely. Throw the page in a validator and see what it says.

[heatherbell]

I entered it in a few modules, but somehow it does not display a box.

I *think* you cannot have a <div> as a child of <legend> and those <div>s are breaking it so try without those <div>s

[ReneH4]

I tried that already.

The text is there but not the pretty box.....

I had it entered in the products description like in the attachement.

Code, no more no less:

Code: Select all

<fieldset><legend>TEST:</legend> TEXT</fieldset>

I entered it in a few modules, but somehow it does not display a box.

I *think* you cannot have a <div> as a child of <legend> and those <div>s are breaking it so try without those <div>s

[ReneH4]

I saw the idea on this site and like the boxes:

https://www.123inkt.nl/Inkt-cartridges/ ... p2969.html

Wanted to play around a bit an see if it's usefull...

[ecartz]

Code, no more no less:

Code: Select all

<fieldset><legend>TEST:</legend> TEXT</fieldset>

Maybe

Code: Select all

<fieldset class="border border-3 rounded-pill"><legend>TEST:</legend> TEXT</fieldset>

[ReneH4]

That shows the "bucket" (with a radius of 50), but not the cover of the "bucket".

Image 1 shows with radius 50 on, the second with radius off.

Maybe

Code: Select all

<fieldset class="border border-3 rounded-pill"><legend>TEST:</legend> TEXT</fieldset>

[ReneH4]

I also tried to insert this code into the order confirmation message, but unfortunately it is not supported for mail....

Sometimes things look so easy

[heatherbell]

Sometimes things look so easy

LOL - I know that feeling well!
A quick Google shows on Stackoverflow that others also have issues with <fieldset> and Bootstrap https://stackoverflow.com/questions/459 ... -bootstrap
so you might have to rethink your approach.