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

clarity
Endora uživatel
Registrován: 2013-11-08
Příspěvky: 17

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

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)

Offline

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

k4m1l
Endora uživatel
Registrován: 2011-09-12
Příspěvky: 279

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

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


Linux is like a wigwam. No Windows, no Gates and Apache inside!

Offline

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

JF
Endora rádce
Místo: ....nice u Plzně
Registrován: 2010-06-22
Příspěvky: 11,876

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

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?


Ján Fačkovec - Endora.cz by Webglobe
Email, Web, Webadmin, Webmail, Nápověda, Ceník

Offline

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

clarity
Endora uživatel
Registrován: 2013-11-08
Příspěvky: 17

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

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)

Offline

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

k4m1l
Endora uživatel
Registrován: 2011-09-12
Příspěvky: 279

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

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.


Linux is like a wigwam. No Windows, no Gates and Apache inside!

Offline

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

clarity
Endora uživatel
Registrován: 2013-11-08
Příspěvky: 17

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

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)

Offline

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

JF
Endora rádce
Místo: ....nice u Plzně
Registrován: 2010-06-22
Příspěvky: 11,876

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

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.


Ján Fačkovec - Endora.cz by Webglobe
Email, Web, Webadmin, Webmail, Nápověda, Ceník

Offline

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

JF
Endora rádce
Místo: ....nice u Plzně
Registrován: 2010-06-22
Příspěvky: 11,876

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

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


Ján Fačkovec - Endora.cz by Webglobe
Email, Web, Webadmin, Webmail, Nápověda, Ceník

Offline

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

clarity
Endora uživatel
Registrován: 2013-11-08
Příspěvky: 17

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

Ďakujem vela! Funguje to!

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

Offline

Zápatí

Založeno na FluxBB | CZ a SK