[opgelost] enkele css vragen Topic is solved

[iStevo]

Hallo allemaal,

Na een eerste website gemaakt te hebben in CMSms ben ik momenteel bezig met een tweede website. Ik wil in de toekomst proberen enkele events te organiseren vandaar dat ik de bestaande website (http://www.stevo.be/event) probeer om te zetten in CMSms

Dit is de link die ik momenteel heb http://www.stevo.be/index.php?page=nl

1) Ik zit wat in problemen met mijn sponsors (dit doe ik via html-blok) maar mijn eerste sponsor blijft links hangen. Dit waarschijnlijk omdat in mijn content de margin: 10px staat.

2) Die lelijke rode balk bovenaan moet titel worden. Maar weet niet goed hoe deze te positioneren. Zou in midden van de header moeten komen.

Ik hoor het graag.

Stevo

[Rolf]

Probeer eens de rode balk een class te geven:



Stylesheet:
.header-image {
margin: 60px 0 0 95px;
}
Waarden even zelf aanpassen.

®



De eerste afbeelding heeft style ergens...

.element-style {
...
float: left;        <------------------- dit moet er uit...
}

[iStevo]

Probeer eens de rode balk een class te geven:

Rolf, kan ik de class hier ook in kwijt??

{content_image block='header' dir='images'}




ivm vraag 2.
Dit is mijn stylesheet van mijn content

#content {
        width: 850px;
min-height: 300px;
        font-size: 12px;
        font-family: Verdana, Arial, Comic Sans MS, sans-serif;
  height: 99%;
        margin: 10px 40px 20px 50px;
        overflow: hidden;
}

[Rolf]

Code: Select all

<div class="image-header">
{content_image block='header' dir='images'}
</div>

®

[Rolf]

De sponsor afbeelding zit hem niet in de sjabloon styling.

Bekijk de html blok maar eens, en schakel wysiwyg uit. Daar zul je o.a. zien:

Die float: left; moet hier weg.

grt. Rolf

[iStevo]

De sponsor afbeelding zit hem niet in de sjabloon styling.

Bekijk de html blok maar eens, en schakel wysiwyg uit. Daar zul je o.a. zien:

Die float: left; moet hier weg.

grt. Rolf

Geen flauw idee hoe dat er was ingeslopen. Bedankt Rolf want ik ging nog lang lopen zoeken hebben.

[iStevo]

Probeer eens de rode balk een class te geven:



Stylesheet:
.header-image {
margin: 60px 0 0 95px;
}

Hier heb ik nog wat problemen mee.
Dit is mijn sjabloon
{content_image block='header' dir='images'}

en stylesheet

#header {
        width: 950px;
background:#07558E url('uploads/images/event-top.png') no-repeat;
height: 200px;
}

.header-image {
        margin: 60px 0 0 95px;
}

[Rolf]

Hier heb ik nog wat problemen mee.
Dit is mijn sjabloon
{content_image block='header' dir='images'}

en stylesheet

#header {
       width: 950px;
background:#07558E url('uploads/images/event-top.png') no-repeat;
height: 200px;
}

.header-image {
       margin: 60px 0 0 95px;
}

Nee dat gaat idd niet goed
Je moet alleen de content_image in een div zetten met de margin, anders gaat de hele header incl. achtergrond afbeelding mee.

Je zou ook in je bestaande sjabloon, in de stylesheet kunnen toevoegen aan #header
padding: 40px 20px;
waarden zelf nog even aanpassen

grt. Rolf


Toelichting:

Code: Select all

<div id="header">{content_image block='header' dir='images'}</div>

#header {
        width: 950px;
        background:#07558E url('uploads/images/event-top.png') no-repeat;
        height: 200px;
        padding: 40px 20px;
}

[iStevo]

Toelichting:

Code: Select all

<div id="header">{content_image block='header' dir='images'}</div>

#header {
        width: 950px;
        background:#07558E url('uploads/images/event-top.png') no-repeat;
        height: 200px;
        padding: 40px 20px;
}

Dit is resultaat
http://www.stevo.be/index.php?page=nl

[Rolf]

uhm, o ja
de waarden van de padding moet je aftrekken van de waarden van de breedte en hoogte van de header div.

Opgeteld moet het dan 950 en 200 zijn
let ook even op dat padding: 40px 20px; gelijk is aan padding: 40px 20px 40px 20px;
even spelen dus

Rolf

[iStevo]

Thx Rolf. Is opgelost.
Vind dat het resultaat er ook mag zijn.

Iemand nog een idee hoe ik gemakkelijk youtube video kan toevoegen?

[Rolf]

Thx Rolf. Is opgelost.

Mooi.

Vind dat het resultaat er ook mag zijn.

Vind ik ook 

Iemand nog een idee hoe ik gemakkelijk youtube video kan toevoegen?

Een beetje of topic hier, maar ik gebruik altijd deze udt:
http://wiki.cmsmadesimple.org/index.php ... alid_XHTML

grt. Rolf 

[iStevo]

Een beetje of topic hier, maar ik gebruik altijd deze udt:
http://wiki.cmsmadesimple.org/index.php ... alid_XHTML

Laatste vraagje voordat ik deze topig [opgelost] verklaar.
Hoe kan ik een vaste width en height van deze utd meegeven??

[Rolf]

Hoe kan ik een vaste width en height van deze utd meegeven??

/*
Embed a YouTube video with valid XHTML
Parameter: url
Reference: http://www.bernzilla.com/item.php?id=681
*/
echo '';
echo '';
echo '';
echo '';

grt. Rolf