I need educational on span css

General questions relating to Joomla! 3.x.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.
Post Reply
shaibustephen
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 128
Joined: Sat Nov 17, 2018 1:52 pm

I need educational on span css

Post by shaibustephen » Wed Sep 11, 2019 9:23 pm

I am customizing my article category. I want an instance where it creates only two columns up and three columns down.
The three down columns should be of equal size but the top two columns should be at a ratio 30/70 peent width.
How do I achieve this using span?
The column should collapse if there is nothing in it to avoid empty blank space

waarnemer
Joomla! Hero
Joomla! Hero
Posts: 2233
Joined: Sun May 04, 2008 12:37 pm

Re: I need educational on span css

Post by waarnemer » Thu Sep 12, 2019 7:58 am

you don't by using span..

https://www.w3schools.com/tags/tag_span.asp

you use div

https://www.w3schools.com/tags/tag_div.asp

but maybe better to look at https://www.w3schools.com/html/html5_new_elements.asp for structural elements..

then check https://www.w3schools.com/css/css3_flexbox.asp on how to arrange all elements

shaibustephen
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 128
Joined: Sat Nov 17, 2018 1:52 pm

Re: I need educational on span css

Post by shaibustephen » Fri Sep 13, 2019 11:21 pm

I am not too knowledgeable on using css. How do i use flex on the sample url you sent to me to get the below screen shot on my custom article category?
Screenshot.jpg
You do not have the required permissions to view the files attached to this post.

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 25942
Joined: Mon Oct 27, 2008 9:27 pm
Location: Akershus, Norway

Re: I need educational on span css

Post by Per Yngve Berg » Sat Sep 14, 2019 8:09 am

Do you use Bootstrap in your template and which version?

There is Bootstrap version 2, 3 and 4

https://getbootstrap.com/2.3.2/


Post Reply

Return to “General Questions/New to Joomla! 3.x”