Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49
» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21
» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28
» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15
» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11
» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24
» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58
» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50
» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22
» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12
» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10
» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51
» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11
» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19
» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34
by Ange Tuteur Tue 03 Sep 2019, 11:49
» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21
» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28
» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15
» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11
» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24
» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58
» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50
» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22
» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12
» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10
» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51
» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11
» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19
» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34
Recent Tutorials
Top posting users this month
Top Achievers
Who is online?
In total there are 7 users online :: 0 Registered, 0 Hidden and 7 Guests
None
Most users ever online was 515 on Tue 14 Sep 2021, 15:24
None
Most users ever online was 515 on Tue 14 Sep 2021, 15:24
Linear Gradient Bottom Border
Page 1 of 1 • Share
- Forumedic
- Gender :
Posts : 130
Points : 3297
Reputation : 14
Language : English
Browser :
Forum Version : 
-
Forumedic Fri 19 Aug 2016, 11:18
I just want to make sure I'm doing this right.
How would I make a centered border smaller than the box it's bordering. Like have the left be 25%, middle be color and 50% and right be 25%?
How would I make a centered border smaller than the box it's bordering. Like have the left be 25%, middle be color and 50% and right be 25%?
- Ange Tuteur
Administrator - Gender :
Posts : 4741
Points : 12255
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser :
Forum Version : 
-
Ange Tuteur Fri 19 Aug 2016, 11:42
Hi @Forumedic,
Since the border surrounds the element, you'll need to reduce the width of that element to 50%, so you'll be left with a 50% gap ; divided by two that's 25% each. All you need to do after that is center the element. The resulting CSS would look something like this :
and example :
Since the border surrounds the element, you'll need to reduce the width of that element to 50%, so you'll be left with a 50% gap ; divided by two that's 25% each. All you need to do after that is center the element. The resulting CSS would look something like this :
- Code:
{
border-bottom:3px solid #F00;
width:50%;
display:block;
margin:0 auto;
}
and example :
- Code:
[table style="border-bottom:3px solid #F00;width:50%;display:block;margin:0 auto;"][tr][td][/td][/tr][/table]
- Guest
Guest
Guest Tue 23 Aug 2016, 17:26
*** This topic will be closed soon if we don't get any feedback. @Forumedic Is this solved? ***
- GuestGuest
Guest Wed 24 Aug 2016, 03:05
Member has been online: 
No reaction.
No reaction.
- GuestGuest
Guest Wed 24 Aug 2016, 03:05
*** Topic solved, locked and archived ***
- Sponsored content
Sponsored content
Similar topics
Create an account or log in to leave a reply
You need to be a member in order to leave a reply.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum