hulp met css

[xvilo]

hoi,

ik heb een klein probleempje met mijn gedownloade template.

ik wil de header image precies in het midden van het scherm hebben, alleen weet ik niet goed hoe ik dit moet aanpakken of iemand mij hier mij wil helpen

dit is nu de situatie
http://www.semschilder.nl/helpmij/nu.png

ik wil het graag zo krijgen (door photoshop)
http://www.semschilder.nl/helpmij/nieuw.png

dit is het plaatje
http://www.semschilder.nl/eindelijk/images/pitch.jpg

dit is mijn css bestand
http://www.semschilder.nl/eindelijk/css/screen.css

het gedeelte met "pitch" gaat over de header

je kunt hier een voorbeeld vinden (online)
http://bit.ly/gyI9Jr

alvast bedankt

 

[Westsidemg]

De afbeelding "pitch":

Position:Absolute;
Left:141px;
width:593px;

En dan moet je de rest naar beneden brengen ook met posistion:absolute en dan top:...px;

 

[ciske de rat]

als je precies zelfde wil zou ik eens naar de bron code kijken
waar alles staat zzo als zijn fotos en zo
en zijn css wat hiet geeft is rotzii in elkaar je plakt

 

[ciske de rat]

tip ik heb net die pagina zitten bekijken ik heb exact precies
de zelfde pagina als op http://bit.ly/gyI9Jr
enige wat je moet doen is ff
map aan maken met daar in een map genaam css
wanner op pagina kijkt naar de bron code
selecteer deze broncode
ga nu naar kladblok en plak geheel de bron code
er in
opslaan als
onder zien je text file staan zet op all files en slaat op als index.html
nu de css code in de map css gooien
nu heb exacte pagina goed

 

[xvilo]

tip ik heb net die pagina zitten bekijken ik heb exact precies
de zelfde pagina als op http://bit.ly/gyI9Jr
enige wat je moet doen is ff
map aan maken met daar in een map genaam css
wanner op pagina kijkt naar de bron code
selecteer deze broncode
ga nu naar kladblok en plak geheel de bron code
er in
opslaan als
onder zien je text file staan zet op all files en slaat op als index.html
nu de css code in de map css gooien
nu heb exacte pagina goed

ik weet niet hoor....
maar dat IS mijn pagina.

 

[xvilo]

De afbeelding "pitch":

Position:Absolute;
Left:141px;
width:593px;

En dan moet je de rest naar beneden brengen ook met posistion:absolute en dan top:...px;

sorry Westsidemg, ik ben heel slecht met CSS dus ik snap niet helemaal goed hoe ik het moet invullen.

 

[csshunter]

Deze?

#pitch {
    ...
    margin: 0 -20px;
    }

De <div class="content"> heeft een horizontale padding (opvulling) van 20px.
De #pitch zit binnen die <div>, en om de afbeelding over de rand te rekken krijgt de #pitch een negatieve margin-left (=een negatieve afstand naar rechts = een positieve afstand naar links!), en ook een negatieve margin-right (=een negatieve afstand vanaf de rechterzijkant naar links = over de oorspronkelijke rechterzijkant heen naar rechts).

Met vriendelijke groet,
CSShunter