login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Hoe krijg ik deze headers meer naar links? (Opgelost)

Offline vinniejones - 06/11/2010 15:52 (laatste wijziging 06/11/2010 15:52)
Avatar van vinniejonesNieuw lid Ik ben nu al een hele tijd bezig met het volgende:

http://www.b-basic.com

Ik wil de titel: B-Basic - Meer met minder
en onderstaande titel: Reclamevrij lifestyle blog : tips om een simpel leven te leven!

meer naar links hebben , zodat dit gelijk komt met het navigatie menu en daar boven staat.


Ik denk dat dit aan enkele regels in style.css zal liggen.

http://b-basic..../style.css

ik vermoed dat het in deze regels zit:

#header{ position:relative; width:900px; margin: 0px; padding: 0px; height:50px; overflow-x:hidden;}
#header h1{ position:relative; float:left; margin:0px 0px 0px 250px; width: 650px; padding:0px; font-family:arial; font-weight:bold; font-size:20px; text-transform:uppercase;}
#header h1 a{ text-decoration:none;}
#header h1 a:hover{ text-decoration:none;}
#header h2{ position:relative; float:left; clear:left; margin:0px 0px 0px 250px; width: 650px; padding:0px; font-family:arial; font-weight:bold; font-size:14px; text-transform:uppercase;}

Ik weet alleen niet zo goed hoe ik dit moet doen!
Wie kan mij helpen s.v.p.

Met vriendelijke groet,
Vincent


Ps: het is een wordpress blog

14 antwoorden

Gesponsorde links
Offline Sam - 06/11/2010 15:56 (laatste wijziging 06/11/2010 15:56)
Avatar van Sam PHP expert #header{ position:relative; left: -230px; width:900px; margin: 0px; padding: 0px; height:50px; overflow-x:hidden;}

zou het moeten doen

Edit: puntkomma vergeten
Bedankt door: vinniejones
Offline vinniejones - 06/11/2010 16:01 (laatste wijziging 06/11/2010 16:02)
Avatar van vinniejones Nieuw lid Samscam . U zeit geweldig! Ik ben echt al vanaf 11:00 bezig om dit op te lossen.
Enorm bedankt!!!!

Weet je toevallig ook hoe ik de Facebook & Twitter button die op de site staan nu voor de titels kan plaatsen?

Groet,
Vincent
Offline Sam - 06/11/2010 16:02
Avatar van Sam PHP expert  
Wat bedoel je met "voor de titels"?
Offline vinniejones - 06/11/2010 16:06 (laatste wijziging 06/11/2010 16:06)
Avatar van vinniejones Nieuw lid Ik bedoel zoals dit (met photoshop gedaan)

http://www.b-basic.com/postpic/sit2.png

Met vriendelijke groet,
Vincent
Offline Sam - 06/11/2010 16:29
Avatar van Sam PHP expert Style.css:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #page{ position: relative; top: -85px; width:900px; text-align:left; margin-left:auto; margin-right:auto;} 
  2.  
  3. #header{ position:relative; width:900px; margin: 0px; padding: 0px; height:70px; overflow-x:hidden;} 
  4. #logos{ position:relative; width:900px; margin: 0px; padding: 0px; height:85px;}


.html:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="logos">
  2. <img src="twitter.png"><img src="facebook.png">
  3. </div>

Vlak boven <div id="page">
Bedankt door: vinniejones
Offline vinniejones - 06/11/2010 16:59 (laatste wijziging 06/11/2010 17:23)
Avatar van vinniejones Nieuw lid Je bent geweldig!!!
Hoe kan ik je bedanken!
Als je ooit eens iets nodig hebt qua vormgeving of wat dan ook zal ik proberen je zo goed mogelijk terug te helpen.
Heel erg bedankt Samscam!

Ps: Het enige wat ik nog merk is dat indien ik op de pagina aankom (b-basic.com)

en klik op de eerste post: Deel 1: De reisminimalist!


De website naar links lijkt te verschuiven (facebook en twitter logo schuiven heen en weer)


ook merk ik dat de 2 plaatjes in een andere browser op een andere plek staan. (bij IE anders dan bij Firefox of google chrome)

Waar ligt dit aan?



Met vriendelijke groeten,
VIncent[b]


PS:

Ik heb het denk ik zelf opgelost:

Het moest zo:

#logos { position:relative; left: 110px; top: 65px; width:900px; margin: 0px; padding: 0px; height:85px; overflow-x:hidden;}

(in style)

en

<div id="logos">
<img src="postpic/twitter.png"><img src="postpic/facebook.png">
</div>
<div id="header" >

Onder <div id="page" > ipv erboven.

Ik denk dat het zo werkt 
Offline Sam - 06/11/2010 17:23
Avatar van Sam PHP expert Op het moment dat je die post opent wordt je website langer en verschijnt er een verticale scrollbar. Daardoor verschuift je website naar links. Niets aan te doen. Je kan het effect wel weghalen door er op een of andere manier voor te zorgen dat je website van in het begin lang genoeg is om een scrollbar te tonen.
Bedankt door: vinniejones
Offline vinniejones - 06/11/2010 17:26 (laatste wijziging 06/11/2010 17:31)
Avatar van vinniejones Nieuw lid Oja,

Dat zou inderdaad ideaal zijn.
Zou het mogelijk zijn dat de eerste post "Deel 1: De reisminimalist!"

Direct uitgeklapt is in plaats van ingeklapt?

Mvg,
Vincent
Offline Sam - 06/11/2010 17:32 (laatste wijziging 06/11/2010 17:37)
Avatar van Sam PHP expert Ik vrees er een beetje voor, want al je content is relatief gepositioneerd, maar als je de div waarin de post verschijnt, een vaste hoogte geeft, en dan overflow: auto instelt, maakt hij die div scrollable en wordt de pagina zelf niet langer

Hmm, nogal lastig als je je complete post wijzigt als ik daarop aan het reageren ben  

Om de div uitgeklapt te hebben kan je eens proberen om in ja JavaScript waar je je accordion maakt display op 1 te zetten ipv -1
Offline vinniejones - 06/11/2010 17:52 (laatste wijziging 06/11/2010 17:52)
Avatar van vinniejones Nieuw lid Sorry! Ik was inderdaad de post aan het wijzigen.

Grappig.

als ik accordation instel op 1 ,en zeg dat er 1 post (de nieuwste) getoond moet worden. werkt er niets.
Maar als ik instel dat de pagina b-basic.com na het laden van de site 4 dichte artikelen moet tonen dan springt er wél 1 open.

Het lijkt dus te werken maar nog niet helemaal.

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. window.addEvent('domready', function() {
  2. var myAccordion = new Accordion($('menu'), 'h2.menuheader', 'div.menucontent', {
  3. opacity:true,
  4. display: 1,
  5. duration: 300,
  6. alwaysHide: true,
  7.  
  8. 		onActive: function(menuheader, menucontent){
  9. 			menuheader.setStyle('font-weight', 'bold');
  10. 		},
  11. 		onBackground: function(menuheader, menucontent){
  12. 			menuheader.setStyle('font-weight', 'bold');
  13. 		}
  14. });
  15. });
  16.  
  17. window.addEvent('domready', function() {
  18. var myAccordion = new Accordion($('maincol'), 'h2.contentheader', 'div.content', {
  19. opacity:true,
  20. display: 1,
  21. duration: 300,
  22. alwaysHide: true,
  23.  
  24. 		onActive: function(contentheader, content){
  25. 			contentheader.setStyle('font-weight', 'bold');
  26. 		},
  27. 		onBackground: function(contentheader, content){
  28. 			contentheader.setStyle('font-weight', 'bold');
  29. 		}
  30. });
  31. });
Offline Sam - 06/11/2010 17:54
Avatar van Sam PHP expert
Mootools Docs schreef:
display - (integer: defaults to 0) The index of the element to show at start (with a transition). To force all elements to be closed by default, pass in -1
show - (integer: defaults to 0) The index of the element to be shown initially.

Mss show = 1 eens proberen
Bedankt door: vinniejones
Offline vinniejones - 06/11/2010 18:00
Avatar van vinniejones Nieuw lid Oef nu wordt het erg gecompliceerd voor me want ik zie show heel vaak.
Welke is het precies?  

Edit by Koen: MooTools even posten ja..?
Offline Koen - 06/11/2010 18:19
Avatar van Koen PHP expert Ben je doof, vinniejones? Géén lappen code, en zeker geen snippets van MooTools...
Bedankt door: vinniejones
Offline vinniejones - 06/11/2010 18:22 (laatste wijziging 06/11/2010 18:23)
Avatar van vinniejones Nieuw lid Sorry Koen, dit wist ik niet.
Ik wilde het alleen inzichtelijk maken voor Samscam omdat ik dacht dat dit helpen zou aangezien ik niet precies weet waar ik show op 1 dien te zetten.

Aangezien u opschreef MooTools even te posten dacht ik dat dit goed was.

Met vriendelijke groet,
Vincent
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.184s