Jump to content


Photo
- - - - -

border in span class


Best Answer Danny , 28 February 2013 - 08:43 AM

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>
Go to the full post


  • Please log in to reply
9 replies to this topic

#1 jnop2001

jnop2001

    Advanced Member

  • Members
  • 55 posts
  • Country: Country Flag

Posted 27 February 2013 - 10:40 PM

Please Login or Register to see this Hidden Content

 

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



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 27 February 2013 - 10:45 PM

Hi there,

 

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

 

Please Login or Register to see this Hidden Content



#3 jnop2001

jnop2001

    Advanced Member

  • Members
  • 55 posts
  • Country: Country Flag

Posted 27 February 2013 - 10:58 PM

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



#4 jnop2001

jnop2001

    Advanced Member

  • Members
  • 55 posts
  • Country: Country Flag

Posted 27 February 2013 - 11:01 PM

my site

Attached Files



#5 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 27 February 2013 - 11:25 PM

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.

 

Please Login or Register to see this Hidden Content



#6 jnop2001

jnop2001

    Advanced Member

  • Members
  • 55 posts
  • Country: Country Flag

Posted 27 February 2013 - 11:40 PM

i add 

Please Login or Register to see this Hidden Content

 

and in my content i use the tool gryd system:

 


Please Login or Register to see this Hidden Content

 

 

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



#7 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 28 February 2013 - 12:06 AM

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

 

Please Login or Register to see this Hidden Content



#8 jnop2001

jnop2001

    Advanced Member

  • Members
  • 55 posts
  • Country: Country Flag

Posted 28 February 2013 - 08:29 AM

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



#9 Danny

Danny

    Is Awesome!

  • Moderators
  • 16221 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 28 February 2013 - 08:43 AM   Best Answer

HI,

 

You can either do one of the following.

 

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

2. Use the following structure.

 

 

 

Please Login or Register to see this Hidden Content


  • jnop2001 likes this

#10 jnop2001

jnop2001

    Advanced Member

  • Members
  • 55 posts
  • Country: Country Flag

Posted 28 February 2013 - 04:14 PM

perfect!