Jump to content
jnop2001

border in span class

Recommended Posts

jnop2001    0
jnop2001
<div class="span4" style="border: 1px;">Span 4</div>

 

Good night

 

i add the sintaxe above to put a border in the div class span but didn´t work.

 

Any hits?

 

 

best regards 2 all

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there,

 

Try adding a color and a border type to the code. Like below

 

<div class="span4" style="border: 1px solid black;">Span 4</div>

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
jnop2001    0
jnop2001

wooww when i do that the div span goes to other row???

 

i add 2 div span (grid solution pageline) one span 4 and the other span 8--> when i put the border in the span 8 the div goes under the span 4

Share this post


Link to post
Share on other sites
James B    436
James B

It would depend how you were entering the inline border code it into the html. 

 

You can also add the code via custom css box, using the span class to make sure it only applies to the that area, that might be a safer option.

 

.span4 {background:blue;}

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
jnop2001    0
jnop2001

i add 

.span8 {border: 1px solid grey; padding: 10px 50px 30px 5px}

 

and in my content i use the tool gryd system:

 


<div class="row">
<div class="span4">Span 4</div>
<div class="span8">Span 8</div>
</div>

 

 

the problem is that the span 8 doesn´t fix in the same row!

Share this post


Link to post
Share on other sites
James B    436
James B

By adding your own padding to the span its pushing it out of the container area, as it's making it bigger than whats allowed in the space.

 

If I do the same as you but don't add the padding i get the following

 

http://screencast.com/t/0d7bHx6BtV


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
jnop2001    0
jnop2001

i cut the padding and in mys site is the same.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

HI,

 

You can either do one of the following.

 

1. Do not use border but instead box-shadow.

2. Use the following structure.

 

 

 

<div class="row">
<div class="span4">
<div class="my-border">
...
</div>
</div>
<div class="span4">
<div class="my-border">
...
</div>
</div>
</div>
  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×