Archived

This topic is now archived and is closed to further replies.

  • 0

border in span class

Question

Posted · Report post

<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

9 answers to this question

Posted · Report post

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>
1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

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>

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

my site

post-46740-0-95218800-1362006053_thumb.j

Share this post


Link to post
Share on other sites

Posted · Report post

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;}

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

perfect!

Share this post


Link to post
Share on other sites