Ramme om flere linjer med break?

Kurt Hansen

unread,

Jun 8, 2020, 4:37:27 AM6/8/20

to

https://www.danacord.dk/frmsets/records/872-73-r.html

Her har jeg et logo og et antal linjer med <br /> (linjeskift). Det er
altså logoet + de 8 linjer tekst der skal samles i en boks med en tynd
ramme uden om.

Hvordan sætter jeg en ramme på 1px rundt om det?
Jeg har forsøgt med både <div>, <span> o.a., f.eks.:

<span style="border-width: 1px;"><img alt="The Piano Files"
class="anmlogo"
src="https://danacord.com/res/logo/The%20Piano%20Files.jpg"
width="200"><br />
<a
href="https://www.facebook.com/ThePianoFilesWithMarkAinley/posts/10158601517744674"
target="_blank">Article 1 (Facebook)<br>
<a
href="https://www.facebook.com/groups/1014028221989889/permalink/3142930525766304/"
target="_blank">Article 2 (Facebook)<br>
...
--
Venlig hilsen
Kurt Hansen

Kim Ludvigsen

unread,

Jun 8, 2020, 5:29:31 AM6/8/20

to

Den 08.06.2020 kl. 10.37 skrev Kurt Hansen:

> Hvordan sætter jeg en ramme på 1px rundt om det?

> ...
> <span style="border-width: 1px;">

Du har ikke angivet kantstil og farve. Prøv med:
<div style="border:solid 1px black">
...
</div>

--
Mvh. Kim Ludvigsen

Kurt Hansen

unread,

Jun 8, 2020, 6:04:00 AM6/8/20

to

Hold da kæbe, manner. Det virker sgu!

Nu vil jeg bare gerne have at rammen bliver stiplet eller punkteret, men
det finder jeg helt sikkert ud af ... eller?

Kim Ludvigsen

unread,

Jun 8, 2020, 6:19:11 AM6/8/20

to

Den 08.06.2020 kl. 12.03 skrev Kurt Hansen:

> Nu vil jeg bare gerne have at rammen bliver stiplet eller punkteret, men
> det finder jeg helt sikkert ud af ... eller?

Du kan finde eksempler og kode til de forskellige rammemuligheder her:
https://www.w3schools.com/css/css_border.asp

--
Mvh. Kim Ludvigsen

Jan Hansen

unread,

Jun 8, 2020, 6:37:59 AM6/8/20

to

Kurt Hansen skrev:

> Nu vil jeg bare gerne have at rammen bliver stiplet eller punkteret, men
> det finder jeg helt sikkert ud af ... eller?

Du kan jo prøve at gøre sådan:

http://www.sniper-pistol.com/responsiv.html

--
mvh Jan.
Help Microsoft stamp out piracy. Give
Linux to a friend today!

Kurt Hansen

unread,

Jun 9, 2020, 3:14:42 AM6/9/20

to

Den 08/06/2020 kl. 12.37 skrev Jan Hansen:
> Kurt Hansen skrev:
>
>> Nu vil jeg bare gerne have at rammen bliver stiplet eller punkteret, men
>> det finder jeg helt sikkert ud af ... eller?
>
> Du kan jo prøve at gøre sådan:
>
> http://www.sniper-pistol.com/responsiv.html

Yap. Jeg kan se at du har lavet en komplet skabelon til hele siden.
Havde du en mening med det?

M.h.t. den dottede ramme er problemet løst. Se evt.:
https://www.danacord.dk/frmsets/records/872-73-r.html

Jan Hansen

unread,

Jun 9, 2020, 4:46:43 AM6/9/20

to

Kurt Hansen skrev:

> Yap. Jeg kan se at du har lavet en komplet skabelon til hele siden.
> Havde du en mening med det?

Næ, ikke andet end jeg lagde mærke til, at reviews ikke var lige så
langt til højre på siden som buy-knappen. Så ville jeg lave en demo
af at det flexbox kan fordele den ledige plads, så der virker mindre
tomt på siden. Reviews wrapper stadig ind under indholdsfortegnelsen
ved pladsmangel.
<https://css-tricks.com/snippets/css/a-guide-to-flexbox/>

Kurt Hansen

unread,

Jun 10, 2020, 2:49:06 AM6/10/20

to

Den 09/06/2020 kl. 10.46 skrev Jan Hansen:
> Kurt Hansen skrev:
>
>> Yap. Jeg kan se at du har lavet en komplet skabelon til hele siden.
>> Havde du en mening med det?
>
> Næ, ikke andet end jeg lagde mærke til, at reviews ikke var lige så
> langt til højre på siden som buy-knappen. Så ville jeg lave en demo
> af at det flexbox kan fordele den ledige plads, så der virker mindre
> tomt på siden. Reviews wrapper stadig ind under indholdsfortegnelsen
> ved pladsmangel.
> <https://css-tricks.com/snippets/css/a-guide-to-flexbox/>

Ok, tak for redegørelsen. Siden er i forvejen så forældet, at jeg ikke
længere orker at rette på den. Jeg hopper fra tue til tue :-(