O idee css pentru 2 coloane

#1
gabi3xz

Posted 18 October 2012 - 18:34

Junior Member

Grup: Members
Posts: 175
Înscris: 21.12.2011

Cand am 2 coloane 50% si dispare una din ele as vrea ca cea ramasa sa se intinda la 100%.
Cum as putea sa fac asta?

Exemplu: http://jsbin.com/opopap/2/edit

Back to top

#2
RCG

Posted 19 October 2012 - 11:22

Senior Member

Grup: Senior Members
Posts: 2,386
Înscris: 20.09.2006

Cum va disparea acea coloana? Prin js? Daca da atunci pune asta in acelasi loc unde se ascunde acel div

$(".col-1").css("width", "100%");

Back to top

#3
w3room

Posted 19 October 2012 - 11:30

Senior Member

Grup: Senior Members
Posts: 2,085
Înscris: 22.09.2010

td {min-width:50%;}

Back to top

#4
RCG

Posted 19 October 2012 - 13:21

Senior Member

Grup: Senior Members
Posts: 2,386
Înscris: 20.09.2006

@w3room: nope, nu merge

. In primul rand era vorba de div-uri, nu tabel.

Back to top

#5
gabi3xz

Posted 19 October 2012 - 20:06

Junior Member

Grup: Members
Posts: 175
Înscris: 21.12.2011

va disparea prin php
ceva de genu

		<?php if( $this->countModules('content') ) : ?>
		  <section class="col-1">
			 Continut
		  </section>
		<?php endif; ?>
		<?php if( $this->countModules('sidebar') ) : ?>
		  <section class="col-2">
			 Sidebar
		  </section>
		<?php endif; ?>

Edited by gabi3xz, 19 October 2012 - 20:07.

Back to top

#6
gabi3xz

Posted 19 October 2012 - 20:51

Junior Member

Grup: Members
Posts: 175
Înscris: 21.12.2011

Am facut cu jqery

$(document).ready(function() {
	if ($("#sidebar").length === 0){
		$('#box-content').css({"width": "100%"});
	}
});

Back to top

#7
RCG

Posted 20 October 2012 - 07:52

Senior Member

Grup: Senior Members
Posts: 2,386
Înscris: 20.09.2006

Stai stai stai...

De ce nu pui un else la if-ul cu sidebar-ul in care sa ai style cu .col-1 {width:100%;} ?

Back to top

#8
galinei

Posted 25 October 2012 - 09:55

Junior Member

Grup: Members
Posts: 108
Înscris: 02.04.2008

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <script type="text/javascript">
    function change(){
    var divToHide=document.getElementById("div2");
    if(divToHide.style.display=="none"){
    divToHide.style.display = "table-cell";
    }else{
    divToHide.style.display = "none";
    }
    }
    </script>
</head>
<body>
<div style="display:table;width:100%;height:100px;">
  <div style="display:table-row;">
  <div id="div1" style="display:table-cell;background-color:red;"> </div>
  <div id="div2" style="display:table-cell;background-color:blue;"> </div>
  </div>
</div>
<button type="button" onclick="change();">Schimba</button>
</body>
</html>

Back to top

Anunturi

Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

O idee css pentru 2 coloane

#1 gabi3xz Posted 18 October 2012 - 18:34

#2 RCG Posted 19 October 2012 - 11:22

#3 w3room Posted 19 October 2012 - 11:30

#4 RCG Posted 19 October 2012 - 13:21

#5 gabi3xz Posted 19 October 2012 - 20:06

#6 gabi3xz Posted 19 October 2012 - 20:51

#7 RCG Posted 20 October 2012 - 07:52

#8 galinei Posted 25 October 2012 - 09:55

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
gabi3xz

Posted 18 October 2012 - 18:34

#2
RCG

Posted 19 October 2012 - 11:22

#3
w3room

Posted 19 October 2012 - 11:30

#4
RCG

Posted 19 October 2012 - 13:21

#5
gabi3xz

Posted 19 October 2012 - 20:06

#6
gabi3xz

Posted 19 October 2012 - 20:51

#7
RCG

Posted 20 October 2012 - 07:52

#8
galinei

Posted 25 October 2012 - 09:55