pagina word te groot

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Ventilatiesysteem Productontwikkelaar HBO WO Verwa

Samengevat: Zij bieden flexibele ventilatiematerialen, geluidsdempers, rookgasafvoer producten en industrieslangen. Ben jij een technisch productontwikkelaar? Heb jij ervaring met het ontwikkelen van nieuwe producten? Vaste baan: Technisch Productontwikkelaar HBO WO €3.000 - €4.000 Zij bieden een variëteit aan flexibele ventilatiematerialen, geluiddempers, rookgasafvoer producten, industrieslangen en ventilatieslangen voor de scheepsbouw. Met slimme en innovatieve materialen zorgen wij voor een gezonde en frisse leefomgeving. Deze werkgever is een organisatie die volop in ontwikkeling is met hardwerkende collega's. Dit geeft goede ontwikkelingsmogelijkheden. De branche van dit bedrijf is Techniek en Engineering. Functie: Voor de vacature als Technisch Productontwikkelaar Ede Gld HBO WO ga

Bekijk vacature »

Martin ligtenberg

martin ligtenberg

23/07/2012 16:59:14
Quote Anchor link
hallo allemaal,

ik ben bezig met een wordpress theme.
ik heb echter een probleem. mijn header is in de voledige breedte. maar doordat hij aan de rechter kant van het scherm te groot is word mijn pagina ook groter.
ik gebruik de code van Chris NVT die ik in mijn vorige project gevraagt heb op dit topic

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
#container {
  width: 600px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -300px; /* de helft van de breedte van de header */
}
 
PHP hulp

PHP hulp

27/11/2024 04:46:50
 
Wouter J

Wouter J

23/07/2012 17:22:57
Quote Anchor link
En wat wil je nu doen om het op te lossen:
- header zo maken dat hij echt in de volledige breedte is en niet groot naar rechts
- #container goed laten centeren

Offtopic:
Quote:
ik gebruik de code van Chris NVT die ik in mijn vorige project gevraagt heb op dit topic

Kuchkuch... ;-)
 
Martin ligtenberg

martin ligtenberg

23/07/2012 17:26:49
Quote Anchor link
de header moet de breedte van de pagina aan nemen. de header moet gesneden worden aan de rechter kant (aan de linker kant doet die het automatisch) ik heb in mijn vorige project gekregen maar daar is een groot deel door een ander geschreven en ik kan niet terug vinden hoe dat is opgelost.

Toevoeging op 23/07/2012 17:28:05:

en mischien is het ook wel handig om te weten: de z-index staat op -1
 
Chris PHP

Chris PHP

26/07/2012 09:03:08
Quote Anchor link
Martin,

Ik zou graag met de eer strijken, maar dat is gepost door Wouter :-D
Ik had geen specifiek voorbeeld gegeven alleen maar wat verschillende manieren waarop je het zou kunnen maken.

Toevoeging op 26/07/2012 09:08:17:

Wat Wouter zegt, ik zou het ook niet laten snijden.

waaruit bestaat je header precies?

1. is het een (te) grote afbeelding
2. is het een klein afbeelding die zich repeat?
3. is het gewoon een kleur?

Maak je header gewoon width: 100% en zorg dat je browser settings op 0 gezet worden door bijv * {margin:0; padding:0;} te doen in je css file.
 
Martin ligtenberg

martin ligtenberg

27/07/2012 19:50:50
Quote Anchor link
het gaat om een afbeelding die te groot is voor de pagina. ik had al bedacht om het in een box te zetten en die de randen te laten knippen maar ik krijg de codes niet goed. (sorry voor de late reactie ben een paar dagen weg geweest)
 
Wouter J

Wouter J

27/07/2012 20:08:33
Quote Anchor link
Je kunt `overflow: hidden;` gebruiken.
 
Martin ligtenberg

martin ligtenberg

27/07/2012 21:08:05
Quote Anchor link
de afbeelding wordt geladen uit een <div id"">
het is namelijk een aanpasbare afbeelding.
ik krijg denk ik (heb ff op internet opgezocht of ik hem goed plaatste) daarom de "overflow: hidden" niet goed.
of kan ik met deze code ook afbeeldingen die uit een php bestand komen afsnijden?
 
Chris PHP

Chris PHP

31/07/2012 07:45:10
Quote Anchor link
Waarom geef je de afbeelding niet gewoon een width en height mee dan zodat hij ten alle tijden binnen de marges van je header blijft?

Als je header bijvoordbeeld width: 100%; height: 200px; is, dan geef je toch gewoon een standaard waarde mee waar hij niet buiten mag komen.

Bijv <img src="locatie/afbeelding.jpg" width="1024" height="200" alt="naam" />

En wanneer je een afbeelding niet uit het verband wilt trekken, gebruik je alleen een height of alleen een width zodat de andere waarde mee schaalt en dus niet verrekt.
 
Wouter J

Wouter J

31/07/2012 12:22:08
Quote Anchor link
Ahhh, chris waarom moet dat met inline CSS??
 
Eddy E

Eddy E

31/07/2012 12:28:16
Quote Anchor link
Inderdaad. En min-width en max-width doen hun werk veel beter.
 
Chris PHP

Chris PHP

01/08/2012 09:13:00
Quote Anchor link
Wouter,

Het moet niet inline, hij kan de afbeelding gewoon een class/id geven. Dit is puur ter illustratie zodat hij weet wat ik bedoel.

Het was gewoon wat makkelijker uitgelegt zo ipv ook nog eens een css layout erbij te zetten.
Gewijzigd op 01/08/2012 09:14:10 door Chris PHP
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.