Avatar billede peachmelba Novice
28. marts 2013 - 07:24 Der er 18 kommentarer og
1 løsning

Hvordan centrerer jeg

Hej med jer.

Sagt med det samme... Jeg er ikke nogen ørn til CSS, men jeg prøver...
Jeg er rendt ind i et problem på min hjemmeside: http://retvrang.dk
Jeg har lavet billedet på forsiden mindre, samt rammen rundt om billedet. Nu vil jeg gerne have dette centreret.
Jeg har forsøgt mig med firebug, men uden held.
Kan du hjælpe mig med dette?

På forhånd tak
Avatar billede Blueeyez Mester
28. marts 2013 - 08:16 #1
Margin-left:auto;
Margin-right:auto;

Smid det ind i dit css :-) burde placere det i midten
Avatar billede Blueeyez Mester
28. marts 2013 - 08:19 #2
Avatar billede peachmelba Novice
28. marts 2013 - 08:39 #3
Jeg har virkelig forsøgt, men jeg er pænt blank på CSS.
Jeg har 100.000 CSS filer. Hvad hedder den CSS fil jeg skal lægge det ind ?
Avatar billede Blueeyez Mester
28. marts 2013 - 09:19 #4
<div class="rg-ss-slice" style="display: none; position: absolute;">
<img title="" alt="Lysestager af traktorslange" src="/media/rokgallery/3/3fd28c60-d2a9-416c-f663-369a66c37a7e/55094b67-bdb5-470f-e977-c2396050fabd.jpg" style="max-width: 100%;height: auto;">
                                            </div>

Det er billedets div, denne div antager jeg du henviser til i et css dokument? Det dokument skal du tilføje det til..

Derefter så kan du altså os bruge de koder du har i teksten der i et .css dokument..
Avatar billede martens Guru
28. marts 2013 - 09:51 #5
Du har ikke 100.000 CSS-filer - Kun 24 !

Det er IKKE kun billedet foroven den er gal med.. Scroll ned i bunden af siden og check !


Copyright Retvrang.dk Alle rettigheder forbeholdt

Denne tekst står også ude til venstre som billedet
Avatar billede Asky Forsker
28. marts 2013 - 10:04 #6
Hvilket redigeringsprogram bruger du til siden?
Jeg har kigget i koden. Den er ret uoverskuelig. Det er også svært at se, hvor de forskellige CSS-filer er i brug.
Men siden er da ellers flot sat op.
Avatar billede olebole Juniormester
28. marts 2013 - 17:09 #7
<ole>

Mit råd er: Brug den pågældende template, som den er - eller find en, som i udgangspunktet gør, hvad du ønsker. Den template, du bruger, er skrevet af en person, som ikke mestrer CSS og derfor har været nødt til at lave en bunke 'hovsa-panik-løsninger'.

Den nuværende template er der næppe nogen, der har lyst til at rode med

/mvh
</bole>
Avatar billede peachmelba Novice
30. marts 2013 - 13:20 #8
Nøj hvor har jeg forsøgt og forsøgt. Jeg vil VIRKELIG gerne have den kasse + billedet i kassen ind på midten.
Templaten er fra Rockettheme, som efter sigende skulle være godt kodet.
Jeg har også skrevet til Rockettheme, men endnu ikke hørt fra dem.
Jeg kan bare ikke forstå, at det skal være så svært at bå billede + omkringliggende kasse flyttet ind til center.

Er der ikke nogen der vil give det et skud mere?
Avatar billede peachmelba Novice
30. marts 2013 - 13:34 #9
Som sagt er jeg ikke særlig skarp i at kode, men handler det ikke "bare" om at centrere alt inde i div "rt-container"
Avatar billede olebole Juniormester
30. marts 2013 - 13:47 #10
Det er ikke 'bare'. Jeg skal ikke udelukke, at nogen kalder denne template for 'velkodet' - men så det i hvertfald er ikke nogen, som har forstand på webudvikling!

Du kan gøre, som man ville forvente, det skulle gøres - rette disse linjer i grid-12.css:

.rt-grid-1, .rt-grid-2, .rt-grid-3, .rt-grid-4, .rt-grid-5, .rt-grid-6, .rt-grid-7, .rt-grid-8, .rt-grid-9, .rt-grid-10, .rt-grid-11, .rt-grid-12 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

- men det rykker på bjælken ovenover.

Der er ikke noget at sige til, at du undrer dig over, at 'det skulle være så svært'. Det skulle det sandelig heller ikke - men det bliver det, når koden er dårligt skrevet. Koden er et korthus, hvor 'panikløsninger' holder alt sammen. Piller du ved én detalje, styrter skidtet sammen.

Mit råd lyder stadig: "Brug den pågældende template, som den er - eller find en, som i udgangspunktet gør, hvad du ønsker."
Avatar billede peachmelba Novice
30. marts 2013 - 14:27 #11
Hej OleBole.
1000 tak for dit svar !

Jeg har forsøgt en del gange som du skriver og en masse nadet, men har også konstateret, at det rykker rundt på andre ting.
Jeg har nu ændret boksen rundt omkring til orginal størrelse - nemlig 940 px.
Er det muligt at centrere billederne i denne boks ?

Hvis du mener, at det stadig er løsningen at gå tilbage til oprindeligt, er det det jeg gør.

Endnu engang tak for din indsats !
Avatar billede peachmelba Novice
30. marts 2013 - 14:35 #12
Jeg har fundet en "workarround"

Jeg har fået svar hos rockettheme: http://www.rockettheme.com/forum/index.php?f=485&t=193949&rb_v=viewtopic

De skriver: Hi,

I think adding this code in a custom css should do the job :

Line number On/Off | Expand/Contract | Select all

   
      .rg-ss-slice-container {margin: 0 auto;}
   

Hvis jeg sætter kassen tilbage til 940, giver det mig det, man p.t. kan se på http://retvrang.dk
Hvis jeg sætter kassen til 647, som jeg egentlig gerne ville have, bliver den venstrestillet

Men jeg lever med det som det er lige nu (hvis det er for besværligt at rette :-))
Avatar billede peachmelba Novice
30. marts 2013 - 14:56 #13
OleBole - Hvis du har mod på det, har jeg netop oprettet:
http://www.eksperten.dk/spm/979042
vedr en anden side jeg sysler med.

Vil du have point for dette spørgsmål, så smid et svar.
Avatar billede olebole Juniormester
30. marts 2013 - 15:00 #14
Koden har desværre en ret urobust struktur. Alene slideshow'et har denne opbygning - hvor det røde er det egentlige slideshow, og resten er kanter og overflødig 'opbevaring':

<div id="rt-showcase">
  <div>
    <div>
      <div>
        <div>
          <div>
            <div>
              <div>
                <div>
                  <ul>
                    <li></li>
                    ... ... ...
                  </ul>

                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Noget kunne tyde på, koderen bag har fået et rigtig godt tilbud på en bunke billige DIV. Sjældent ser man i hvertfald den slags overkill!

Anyway, så kan du kave et 'hack' i slideshow.css:

.rg-ss-slice-container {
    overflow: hidden;
    position: relative;
    margin-left: 142px;
}

Det er ikke ideelt, men det virker ... hvis du ikke piller i for meget andet  =)
Avatar billede olebole Juniormester
30. marts 2013 - 15:02 #15
Ellers tak, jeg samler ikke point. Du lægger bare selv et svar og accepterer det, så tråden lukkes  =)
Avatar billede Asky Forsker
30. marts 2013 - 21:34 #16
Hvis du er interesseret i at lære noget om HTML og CSS, vil jeg råde dig til at lave noget helt enkelt fra grunden, som er til at overskue. Det gratis progran Wordpad++ er glimrende at arbejde i. Der findes en masse i bøger og på nettet. Fx er html5 kombineret med CSS let at gå til. For mit eget vedkommende har jeg altid holdt mig til de tre bogstaver K I S "keep it simple". Man kan sagtens lave flotte sider med en helt enkel kode bag.
Avatar billede olebole Juniormester
31. marts 2013 - 17:09 #17
@Asky: Det kan man sagtens - ligesom man kan bygge sit eget hus, lave sin sportsvogn og sy sit tøj. Man skal bare huske på, at webudvikling er et fag, der skal læres først. Hvis man uddanner sig formelt, kan det læres på nogenlunde samme tid som andre fag ... 4-5 år. Hvis man vælger en autodidakt tilgang, tager det en god del længere  *o)

Derudover skal man jo også lige lære at skrive templates, hvis spørgeren stadig ønsker at bruge Joomla som CMS
Avatar billede Asky Forsker
02. april 2013 - 08:43 #18
Det kan jeg kun give dig ret i. Foreløbig har jeg været 20 år undervejs med programmering og hjemmesidesnedkeri -og har stadigvæk noget at lære ;-) Noget har været for sjov og af nysgerrighed og noget har jeg endda fået penge for.
Avatar billede peachmelba Novice
28. april 2013 - 16:01 #19
1000 tak for hjælpen
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester