Layout ændret efter upload hos host (fra localhost)

[cche]

Hej,

Jeg har arbejdet lokalt på et website, og har netop efter store vanskeligheder fået overført filerne til Surftown. Men det ligner l...! Headerbilledet er forrykket helt ud til venstre, så kun en lille kvadrat er synlig. Søgefeltet der var placeret i højre side ligger nu til venstre. Menubaren er blevet en smule højere (noget jeg har ændret manuelt i CSS'en på localhost, men ikke ses nu. Desuden er der en hvid horisontal streg, der 'flækker menulinien på langs.
Jeg bruger JA_purity template.

Preinstallationen viste en masse røde, som det ikke lykkedes mig at rette. Bl.a global register og configuration.php. Kan det hænge sammen med det ændrede layout?

Kan nogen sige mig hvordan jeg får layoutet til at se ud som på localhost?
samt hvordan jeg retter i globals.php - og ikke mindst hvor jeg finder den?
Jeg er ny indenfor feltet, så en meget lavpraktisk forklaring ville være super:)

På forhånd mange tak!

Hilsner
Christina

[anojoomous]

Hej Christina

For at uploade en Joomlaside fra localhost til webhotel skal du bare kopiere alle filer fra din localhost til dit webhotel, og importere en backup af din database.

Til sidst skal du rette stierne og databaseoplysningerne i configuration.php, og så skulle siden køre som den gjorde på localhost.

[cche]

Hej og tak for dit hurtige svar!


Jeg startede med at installere en helt ny joomlapack hvorefter jeg backede mine filer fra localhost up og overførte til webhost sammen med en kickstartfil. Men jeg har ikke rettet i configuration.php - har lige prøvet men kan ikke åbne filen. Hvordan gør jeg det?

Hilsner
Christina

[cche]

Beskeden: "safe mode on" står i øvrigt i rødt ved menubjælken!

[anojoomous]

Okay, Joomlapack burde vel også fungere, det var bare en oplysning du glemte i dit oprindelige indlæg.

Du åbner configuration.php ved at højreklikke og trykke "Åbn med..." og åbner i notepad eller noget lignende.. Men når du bruger Joomlapack burde det ikke være nødvendigt.

[cche]

Tak mange gange. Det viste sig at være pga at værdierne for fil-permissions ikke var sat ordentligt. Der er dog stadig et problem med menubaren som er lidt højere, og derfor ser meget tung ud. Og "Safe mode on" beskeden er også stadig synlig på forsiden med rød skrift! Hvis nogen har nogle idéer til hvordan man fjerner det ville jeg være meget taknemmelig!

Hilsner
Christina

[anojoomous]

Mon ikke det var lidt nemmere at gennemskue problemet hvis du smed et link til din side?

[cche]

Hej igen,

Ja du har ret. Nu har jeg gjort websitet synligt:
http://testfremtidsgaarde.dk/


Hvis der er nogle bud på hvordan man laver margin til højre og venstre tages det også imod med kyshånd.

Hilsner
Christina

[anojoomous]

Jeg ved ikke hvorfor du får den fejl på forsiden, det må være en udvidelse du bruger.

Margin laver du med henholdsvis margin-left: og margin-right: for venstre og højre.

[cche]

Tak for det, ja det har du nok ret i. Meget irriterende at det ligefrem bliver synligt på siden. Jeg må på jagt efter synderen så.

Jo jeg har prøvet at ændre både margin og padding flere steder uden at der skete noget. Kan du sige mig hvor det er jeg skal lave margin?
Her er CSS'en for left + right columns og Main layout divs:

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
float: left;
width: 24%;
padding-top: 10px;
overflow: hidden;
}

#ja-col2 {
float: right;
width: 20%;
overflow: hidden;
color: #fefbf4
}

#ja-col1 table,
#ja-col2 table {
border-collapse: collapse;
border-spacing: 0;
}

#ja-col1 ul li,
#ja-col2 ul li {
padding-left: 15px;
margin: 0;
background: url(../images/bullet.gif) no-repeat 5px 50%;
color: #fefbf4
}

#ja-col1 ul, #ja-col2 ul {
margin: 15px;
}

#ja-col1 ol, #ja-col2 ol {
margin-left: 5px;
}

#ja-col1 .article_separator,
#ja-col2 .article_separator {
display: none;
}




/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
width: 900px;
margin: 10px;
background: #F2F2F2;
text-align: left
}

#ja-containerwrap {
background: url(../images/cw-bg1.gif) repeat-y 50% 0;
}

#ja-containerwrap2 {
background: url(../images/cw-bg2.gif) no-repeat 50% 0;
}

#ja-container {
background: url(../images/c-bg1.gif) repeat-y 18% 0;
}

#ja-container2 {
padding: 20px 0;
background: url(../images/c-bg2.gif) no-repeat 18% 0;
}

#ja-mainbody-fr #ja-col1 {
width: 20%;
}

#ja-mainbody-fr #ja-contentwrap {
width: 70%;
}

#ja-mainbody, #ja-mainbody-fl {
float: left;
width: 80%;
}

#ja-mainbody #ja-contentwrap {
float: right;
width: 75%;
}

#ja-mainbody-fl #ja-contentwrap {
float: left;
width: 80%;
}

#ja-mainbody-f, #ja-mainbody-fr {
float: none;
width: 66%;
}

#ja-mainbody-fr #ja-contentwrap {
width: 74.8%;
float: right;
}

#ja-mainbody-fr #ja-col1 {
width: 20%;
float: left;
}

#ja-mainbody-fr #ja-contentwrap {
width: 80%;
}

#ja-content {
padding: 0 20px 0 40px;
}
#ja-contentwrap {
min-height: 300px;
height: auto;
}
* html #ja-contentwrap {
height: 300px;
}
#ja-mainbody-fl #ja-content {
padding-left: 0;
}

#ja-mainbody-f #ja-content {
padding: 0;
}

/* Full */
#ja-containerwrap-f {
background: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6;
}

#ja-containerwrap-f #ja-containerwrap2 {
background: none;
}

#ja-containerwrap-f #ja-container,
#ja-containerwrap-f #ja-container2 {
background: none;
}

/* Full left */
#ja-containerwrap-fl {
background: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6;
}

#ja-containerwrap-fl #ja-containerwrap2,
#ja-containerwrap-fl #ja-container,
#ja-containerwrap-fl #ja-container2 {
background: none;
}

/* Full right */
#ja-containerwrap-fr {
background: url(../images/cw-bg1.gif) repeat-y 50% 0;
}

#ja-containerwrap-fr #ja-containerwrap2 {
background: url(../images/cw-bg2.gif) no-repeat 50% 0;

}




/* Search */

#ja-search { padding-left: 15px; background: url(../images/icon-search.gif') no-repeat center left;

position: absolute;

bottom: 5px;

right: 5px

}



#ja-search .inputbox {

width: 80px;

height: 15px;

border: 1px solid #CCCCCC;

padding: 2px 2px;

color: #666666;

background: #FFFFFF;

font-size: 100%;

right: 40px;
}

[anojoomous]

Ville have en del nemmere ved at fortælle hvad der skal ændres hvis du fortæller hvad du gerne vil opnå..

[cche]

Ja det fik jeg vist ikke forklaret særlig tydeligt, sorry.

Jeg vil gerne have lavet en margin så hhv højrebokse og vesntrebokse ikke grænser direkte ud til baggrunden men at der er lidt luft ud til 'kanten' af hovedlayoutet. Det er specielt tydeligt ved venstremenuen at teksten mangler luft til venstre. Det ses også tydeligt ved det røde realdania logo nederst til højre, der mangler en margen til højre.

Ved bare ikke om det er main layout eller kolonnerne man skal rette i.

Tusinde tak for din tålmodighed Kasper!

[anojoomous]

Sidder ikke lige ved min egen computer, så du må nok vente til en anden byder ind med ændringerne.

Du skal måske kigge lidt mere generelt på dit design før du kaster dig ud i detaljer. Siden vises kun ordentligt i Safari (har testet IE8 og FF3.5)

[cche]

Ok, men mange tak for dine råd og input. Ja det er meget mærkeligt at der er så stor forskel mellem browserne når nu JA_Purity skulle være én af de bedste cross browser-templates. Men jo jeg venter tålmodigt på svar.

Hav en god aften!

Hilsner

[anojoomous]

Det kunne jo tænkes at det ikke er Purity templatet der har skylden, men de modifikationer du har lavet .

[cche]

Uhh, Ja det har du jo nok ret i

[bjernvig]

Hej Christina,

Mht. dine problemer med marginerne, har du prøvet at bruge firebug funktionaliteten i firefox? Med firebug kan du nemt se, hvordan din CSS har indflydelse på layoutet på dit website.

Prøv at ændre følgende i din CSS og se hvordan layoutet ændrer sig:

#ja-container {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/cwf-bg.gif) repeat-x scroll left top;
padding:20px 20px 20px 20px;
}

#ja-footerwrap {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../images/grad3.gif) repeat-x scroll center bottom;
border-top:2px solid #CCCCCC;
clear:both;
padding:20px 20px 30px;
}

Jeg kan ikke helt gennemskue, hvordan ændringen i ja-containeren vil påvirke layout af de indre div-elementer i ja-containeren. Måske bliver du nødt til at finjustere de enkelte elementer efterfølgende.

Mvh.
Morten

[cche]

Tusind tak for rådet, det vil jeg prøve

Hilsner
Christina

[cche]

Hej Morten,

Fik aldrig sgat til dig at det virkede med dit forslag om padding!
Desuden er det jo genialt med Firebug, den er jeg blevet rigtig glad for )

Igen tusind tak for hjælpen!


Hilsen
Christina

[bjernvig]

Hej igen Christina,

Velbekomme - det var da godt, at det virkede.

Firebug er rigtig lækker. Den bruger jeg selv hver gang mit layout ikke ser fantastisk ud

Held og lykke med de andre udfordringer du havde!

Mvh.
Morten

[webpastordk]

Kære Morten
Jeg har lige et enkelt spørgsmål angående Firebug - for det ser rigtig genialt ud at arbejde med det... men når jeg så trykker på "Anvend" i Joomla, så vender den bare tilbage til sådan som det så ud, da jeg begyndte med at arbejde med det. Hvordan får man ændringerne fra firebug over i Joomla... ? Lyder lidt dumt det spørgsmål, men jeg kan ikke rigtig gennemskue det

venlig hilsen
Kim

[bjernvig]

Hej Kim,

Jeg tror nok jeg forstår dit spørgsmål:-) Firebug er bl.a. god fordi man kan rette i f.eks. css'en direkte i browseren, men disse ændringer gemmes ikke nogle steder. Hvis du vil have at ændringer du foretager i firebug bliver permanente, så er du nødt til at redigere dine source-filer manuelt. Du kan se i firebug hvilken css fil, du bør ændre i, alt efter hvilket html element du vil ændre.

Sig til hvis det ikke giver mening!

Mvh.
Morten

[webpastordk]

Kære Morten
Jo desværre... det giver mening. Øv, for jeg havde håbet, at jeg kunne ændre det på den her mere lettere måde.
Tak for dit rigtig hurtige svar!!

vh
Kim

[anojoomous]

Hej Kim

Det giver jo rigtig god mening at det ikke kan lade sig gøre - hvem som helst kan jo installere firebug og ændre din hjemmeside lokalt.

Fordelen ved firebug er at du kan eksperimentere lidt lokalt, og når du har det til at se ud som du vil kan du (også i firebug) se hvilken fil, og hvilken linie du skal kigge efter.

[bjernvig]

Hej Kim,

Velbekomme. Vi skal jo hjælpe hinanden!

Som det nævnes, så giver det mening at du ikke kan ændre en website permanent via firebug.

For at gøre det nemmere for dig selv, så kunne du måske kopiere dine ændringer i firebug (marker teksten og kopier med Ctrl+c). Derefter kan du nemt overskrive linjerne i den relevante del af den css fil, som du skal ændre i!

[webpastordk]

Hej igen
Jeg kan nok se det med at alle og enhver så ville kunne ændre mine hjemmeside (oh skræk ) men jeg havde lave ændringerne på teksten inde i Joomla selv, dér, hvor jeg var lokke tind og var ved at redigere mine tekster.
Jeg har prøvet det med at kopier... geht auch nichts

tak for jeres tid og tanker

vh
Kim

[bjernvig]

Hej Kim,

Jeg forstår ikke helt det med, at du var logget ind i joomla og havde lavet ændringer i Firebug der. Mener du at du var logget ind i joomlas backend? Kan du ikke sende os et eller flere screenshots, så vi kan se problemet?

Jeg prøvede lige her til aften at kopiere noget tekst fra min Firebug og det virkede altså fint for mig. Se det vedhæftede billede.