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 spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

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