O idee css pentru 2 coloane

#1
gabi3xz

Publicat: 18 octombrie 2012 - 18:34

Junior Member

Grup: Members
Mesaje: 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

Sus

#2
RCG

Publicat: 19 octombrie 2012 - 11:22

Senior Member

Grup: Senior Members
Mesaje: 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%");

Sus

#3
w3room

Publicat: 19 octombrie 2012 - 11:30

Senior Member

Grup: Senior Members
Mesaje: 2.085
Înscris: 22.09.2010

td {min-width:50%;}

Sus

#4
RCG

Publicat: 19 octombrie 2012 - 13:21

Senior Member

Grup: Senior Members
Mesaje: 2.386
Înscris: 20.09.2006

@w3room: nope, nu merge

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

Sus

#5
gabi3xz

Publicat: 19 octombrie 2012 - 20:06

Junior Member

Grup: Members
Mesaje: 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; ?>

Editat de gabi3xz, 19 octombrie 2012 - 20:07.

Sus

#6
gabi3xz

Publicat: 19 octombrie 2012 - 20:51

Junior Member

Grup: Members
Mesaje: 175
Înscris: 21.12.2011

Am facut cu jqery

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

Sus

#7
RCG

Publicat: 20 octombrie 2012 - 07:52

Senior Member

Grup: Senior Members
Mesaje: 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%;} ?

Sus

#8
galinei

Publicat: 25 octombrie 2012 - 09:55

Junior Member

Grup: Members
Mesaje: 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>

Sus

Anunturi

Chirurgia endoscopică a hipofizei

"Standardul de aur" în chirurgia hipofizară îl reprezintă endoscopia transnazală transsfenoidală.

Echipa NeuroHope este antrenată în unul din cele mai mari centre de chirurgie a hipofizei din Europa, Spitalul Foch din Paris, centrul în care a fost introdus pentru prima dată endoscopul în chirurgia transnazală a hipofizei, de către neurochirurgul francez Guiot. Pe lângă tumorile cu origine hipofizară, prin tehnicile endoscopice transnazale pot fi abordate numeroase alte patologii neurochirurgicale.

www.neurohope.ro

O idee css pentru 2 coloane

#1 gabi3xz Publicat: 18 octombrie 2012 - 18:34

#2 RCG Publicat: 19 octombrie 2012 - 11:22

#3 w3room Publicat: 19 octombrie 2012 - 11:30

#4 RCG Publicat: 19 octombrie 2012 - 13:21

#5 gabi3xz Publicat: 19 octombrie 2012 - 20:06

#6 gabi3xz Publicat: 19 octombrie 2012 - 20:51

#7 RCG Publicat: 20 octombrie 2012 - 07:52

#8 galinei Publicat: 25 octombrie 2012 - 09:55

Anunturi

▶ Utilizatori activi: 1

Autentificare

#1
gabi3xz

Publicat: 18 octombrie 2012 - 18:34

#2
RCG

Publicat: 19 octombrie 2012 - 11:22

#3
w3room

Publicat: 19 octombrie 2012 - 11:30

#4
RCG

Publicat: 19 octombrie 2012 - 13:21

#5
gabi3xz

Publicat: 19 octombrie 2012 - 20:06

#6
gabi3xz

Publicat: 19 octombrie 2012 - 20:51

#7
RCG

Publicat: 20 octombrie 2012 - 07:52

#8
galinei

Publicat: 25 octombrie 2012 - 09:55