[Vyřešeno] Rozhozené CSS (dreamweaver)

clarity · 2013-11-11 08:16:12

Zdravím,

vytvořil jsem luxusní SpryTabbedPanels v Adobe Dreamweaver a v určité chvíli se mi kompletně rozhodila jedna část (mezi záložkami [TabPanelsTab] a obsahovou částí [Content] vznika obrovská "mezera" (o velikosti obsahové části), kterou nejsem schopen odstranit)
Prolezl jsem celý kód a ani po 5 hodinách netuším, v čem je problém! (Někde nějaká blbost.)
Mohl by se na to, prosím, někdo opravdu podívat?

jde o následující kód:

<div class="row_3"></div>
    <div id="TabbedPanels1" class="TabbedPanels">
     <ul class="TabbedPanelsTabGroup">
      <li class="TabbedPanelsTab" tabindex="0" name="colorbox">Tab 1</li>
      <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
      <li class="TabbedPanelsTab" tabindex="0">Tab 3</li>
      </ul>
     <div class="TabbedPanelsContentGroup">
      <div class="TabbedPanelsContent">Content 1BNM</div>
      <div class="TabbedPanelsContent">Content 2</div>
      <div class="TabbedPanelsContent">Content 3</div>
     </div>
   
    </div>

 <script type="text/javascript">
   var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
  </script>

CSS část:

.TabbedPanels {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	clear: none;
	width: 100%;
	/* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
    border-top-color: #090909;
	border-right-color: #090909;
	border-bottom-color: #090909;
	border-left-color: #090909;}

.TabbedPanelsTabGroup {
    margin: 0px;
    padding: 0;
    min-height:500px;}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	background-color: #999000;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	width: 100px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	color: #000999;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}
.TabbedPanelsTabGroup {
    margin: 0px;
    padding: 0;
    min-height:500px;
}
.TabbedPanelsTabGroup {
    margin: 0px;
    padding: 0;
    min-height:500px;}
.TabbedPanelsTabGroup {
    margin: 0px;
    padding: 0;
    min-height:500px;}
.TabbedPanelsTabGroup {
    margin: 0px;
    padding: 0;
    min-height:500px;}
.TabbedPanelsTabGroup {
    margin: 0px;
    padding: 0;
    min-height:500px;}
.TabbedPanelsTabGroup {
    margin: 0px;
    padding: 0;
    min-height:500px;

Na požádání pošlu .JS část, kterou jsem příliš neprocházel.

Upravil clarity (2013-11-11 08:17:15)

k4m1l · 2013-11-11 10:57:05

Máte to někde live? Nechce se mi vytvářet si kvuli tomu stránku.

JF · 2013-11-11 11:11:34

V konte máte 2 domény, ale ani na jednej nevidím vami spomenutý problém. Môžete doložiť URL kde je možné vidieť funkčný náhľad?

clarity · 2013-11-11 11:19:08

V tuto chvíli jsou soubory uložené lokálně v PC.
Kromě "stránky" budu muste nahrát i jednostlivé styly.
Poskytli byste mi tip, jak je rychle nahrát na server a "zprovoznit" k náhledu?

Upravil clarity (2013-11-11 11:31:24)

k4m1l · 2013-11-11 11:33:07

zapnout FTP, vytvořit podadresář na nějaké doméně a nahrát tam všechny soubory ( .html .css .js). A pak poskytněte odkaz na ten soubor.

clarity · 2013-11-11 11:55:55

Soubory nahrány (clarity.9e.cz/web/). Chce to po mně Index.html. Přejmenoval jsem tak požadovaný soubor. Server vyhazuje chybu 404.

Upravil clarity (2013-11-11 12:02:25)

JF · 2013-11-11 12:28:05

Na stránke http://clarity.9e.cz/Elektrosmog.html odstránite tú veľkú medzeru v súbore http://clarity.9e.cz/SpryAssets/SpryTabbedPanels.css na riadku 50

.TabbedPanelsTabGroup {
margin: 0px;
padding: 0;
min-height: 500px;
}

robí to hodnota min-height.

JF · 2013-11-11 12:29:35

index.html musí byť malým písmom, vy máte prvé písmeno veľké

clarity · 2013-11-11 12:39:31

Ďakujem vela! Funguje to!

Pekné poludnie a krásny pokojný zvyšok dňa!
C.

#1 2013-11-11 08:16:12

[Vyřešeno] Rozhozené CSS (dreamweaver)

#2 2013-11-11 10:57:05

Re: [Vyřešeno] Rozhozené CSS (dreamweaver)

#3 2013-11-11 11:11:34

Re: [Vyřešeno] Rozhozené CSS (dreamweaver)

#4 2013-11-11 11:19:08

Re: [Vyřešeno] Rozhozené CSS (dreamweaver)

#5 2013-11-11 11:33:07

Re: [Vyřešeno] Rozhozené CSS (dreamweaver)

#6 2013-11-11 11:55:55

Re: [Vyřešeno] Rozhozené CSS (dreamweaver)

#7 2013-11-11 12:28:05

Re: [Vyřešeno] Rozhozené CSS (dreamweaver)

#8 2013-11-11 12:29:35

Re: [Vyřešeno] Rozhozené CSS (dreamweaver)

#9 2013-11-11 12:39:31

Re: [Vyřešeno] Rozhozené CSS (dreamweaver)

Zápatí