Support » Thema en CSS/opmaak » Uitlijning gif bestand

  • Ik heb 2 gif bestandjes op mijn home pagina hier van wil ik er een links en een rechts uitlijnen en de eerste regel tekst “Hallo Luisteraars” moet tussen de speakers komen ik krijg dit niet voor mekaar iemand een idee hoe ik dit moet doen
    link naar mijn website:

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • meest simpele oplossing lijkt me een tabelletje maken zoals ook bij ‘programma’gedaan is

    <table>
    <tbody>
    <tr>
    <td>plaatje 1</td>
    <td>Hallo Luisteraars</td>
    <td>plaatje 2</td>
    </tr>
    </tbody>
    </table>

    Hi Reinoud,

    Ik heb je site bekeken. Op dit moment krijgen deze afbeeldingen dezelfde opmaakkenmerken mee… [waaronder de positie…]

    Volg de volgende stappen nauwkeurig!

    1. Log in en ga naar het betreffende bericht / pagina
    2. open de dashboard-editor om het bestand te bewerken
    3. wis de huidige tekst
    4. Klik de TAB ‘tekst rechtsbovenaan het editor-veld; Zo kan je HTML toevoegen die nodig is.
    5. — — —

    6. geef een TITEL [of niet…]
    7. klik in het tekstvak
    8. type <div id="links">
    9. klik knop ‘media toevoegen’ > selecteer het gif-bestandje en klik toevoegen
    10. type: </div>
    11. type: <h1> Hallo Luisteraars!</h1>
    12. type <div id="rechts">
    13. klik knop ‘media toevoegen’ > selecteer het gif-bestandje en klik toevoegen
    14. type: </div>
    15. Nu heeft elke afbeelding een eigen ID=identiteit; Zo kunnen we ze elk eigen kenmerken voor de juiste positie meegeven.
      Voer nu zoals gebruikelijk de rest van de tekst in voor dit bericht / pagina.

    16. sla alle wijzigingen op!
    17. — — — nu nog de juiste plek…

    18. dashboard > plugins > nieuwe plugin
    19. zoek: ‘SuperSlider-Perpost-Code’
    20. installeer en activeer de plugin ‘SuperSlider-Perpost-Code’
    21. ga terug naar de dashboard-editor en het betreffende bericht
    22. rechtsboven: klik de TAB ‘scherminstellingen’ > VINK AAN ‘custom CSS’
    23. scroll naar beneden; Je ziet nu een extra veld; Hierin kan je de volgende CSS-code kwijt
    24. #links{
          float: left;
          postion: relative;
          top 0;
          margin-right:15px;
      }
      #rechts{
          float:right;
          margin-top:-50px !important; /*pas de waarde zo nodig aan*/
      }
    25. Plaats bovenstaande code in het veld ‘custom-CSS’
    26. sla alle wijzigingen op
    27. ververs de browser: <CTRL-F5> en controleer het resultaat
    28. margin-top:-50px !important; /*pas de waarde zo nodig aan*/

    Loop je vast? Vraag gerust

    Thread starter reinoudv

    (@reinoudv)

    Ik heb het ge probeert overigens heb ik de tabel met een plugin gemaakt ik krijg hem nu wel links en rechts maar ik krijg ze nu niet op de zelfde hoogte uitgelijnd

    Hi Reinoud,

    == == == optie 1

    KOPIEER gewoon de tabel die Gaike voor je heeft gemaakt en zet de afbeeldingen er in: selecteer ‘plaatje 1’ en klik ‘media toevoegen’ […] Herhaal voor plaatje 2. Sla op > Bekijk ’t resultaat.

    == == == optie 2
    Volg de stappen in voorbeeld 2. Veel meer werk, maar wel maximale controle.

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘Uitlijning gif bestand’ is gesloten voor nieuwe reacties.