read more button valt buiten artikel

[jeel2008]

http://www.jeelsites.nl/testen/

1. hier valt de readmore button steeds buiten het artikel, iets wat ik nogal lelijk vind.
ik heb al zitten pielen met de alternatieve Blogweergave en dat is ook gelukt (zie de fantastische opmaak met een rand van 50px en de felgele achtergrond),
maar heb nergens kunnen vinden hoe die readmorebutton ook binnen de groene box te laten vallen.

2. bovendien staat HOME er ook weer boven als ik heb doorgeklikt naar het gehele artikel.
dat wil ik niet maar krijg het alleen weg als ik het op de Homepage zelf ook weghaal.
hoe zit dat?

3. de opmaak van het artikel zelf, dus wat je ziet als je op readmore hebt geklikt.
zie homer2: op de homepage verschijnt eigenlijk al een versie van het echte artikel dat is ingedeeld in twee divs , left floatend en allebei 30% breed.
maar ik wil op de homepage gewoon een blok meegaand met de opmaak van de andere blokken, dus zoiets als je nu ziet, groen, mooi randje en ongeveer 50% breed. maar nu gaat ie op de homepage ook al de css van het echte artikel aanhouden waardoor je zo'n raar smal artikeltje krijgt.
hoe kan je nu zeggen tegen hem: luister, op de homepage doe je gewoon wat de Blog-opmaak je voorschrijft en worden jullie (de homepageartikelen) gewoon ingedeeld in twee even brede kolommen). op de pagina van het artikel zelf geldt je eigen layout.

 

[Sevo]

1. Volgens de code valt de Read More button ook buiten de div met de class: art-article. Misschien dat je hem binnen de div kan zetten.
2. Mag ik vragen van welk CMS je gebruik maakt?
3. Misschien dezelfde class eigenschappen toekennen aan de class van het artikel zelf?

 

[csshunter]

Ad 1
De <p class="readmore"> een paar div-niveaus hoger zetten zou een oplossing zijn, maar waarschijnlijk plaatst het CMS die readmore's automatisch, en kan je ze niet zelf plaatsen (of alleen telkens handmatig, wat een heel gedoe is).

Maar het background-groen, het randje enz. zit nu in de styles .aaaa {...} van de <div class="aaaa">. Die css-eigenschappen kunnen verhuizen naar de .art-post {...} van de <article class="art-post"> waar zowel de artikel-tekst als de <p class="readmore"> in zit.

=======
Verder
Ad 2/3
In de <div class="art-layout-cell art-content"> heeft de losse <div> vóór de <div class="blog"> een html-tikfout:

...
<div style="color:#ffffff; background: #Ccff00; padding-right: 20px; padding-left: 20px; border-radius: 10px; 
    border-width: 50px; border-color: #D9D9D9; border-style: solid;}
    <div class="blog">
    ...

Met een css-eindpunt ipv html-eindpunt; moet natuurlijk zijn:

...
<div style="color:#ffffff; background: #Ccff00; padding-right: 20px; padding-left: 20px; border-radius: 10px; 
    border-width: 50px; border-color: #D9D9D9; border-style: solid;">
    <div class="blog">
    ...

=======
Ad 2/3
@Sevo: Het CMS is Joomla, staat in de broncode.
En van de Joomla-fijnzinnigheden heb ik geen kaas gegeten, dus het antwoord op 2 en 3 moet ik schuldig blijven.
- Ik merk wel op dat alle koppen in een <article class="art-post"><h2 class="art-postheader"> op hetzelfde niveau zitten, dus dan kan de paginakop HOME niet onderscheiden worden van de artikel-koppen van de rest. > En zonder onderscheid ook niet weg te werken zonder de rest ook weg te werken!

 

[jeel2008]

Sevo en csshunter, beiden bedankt, ik ga er zsm naar kijken
ps cms is inderdaad joomla

 

[jeel2008]

je hebt gelijk csshunter, na plaatsing in art-post gaat het wel goed!

(de layout ziet er voor de rest nog niet uit, maar het is maar een testje)

bedankt maar weer

groeten jeel2008