Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Paar problemen

19 antwoorden
  • Ik heb een paar problemen met de volgende site: http://www.quadclubnederland.nl/files/index.php (alleen de knoppen Home, Galerij en Contact werken nu) In FireFox ziet het er allemaal wel prima uit (voor mijn maatstaven dan :D). Maar zodra je met IE naar Galerij gaat, dan wordt de 'slide show' ergens helemaal rechts buiten het beeld geplaatst. Ik heb al wat geprobeerd met uitlijnen, maar ik krijg hem niet in het midden. Weet iemand de oplossing? Het volgende probleem: Op een Mac valt het onderste stukje van de menu-balk weg. Maar dit heb ik tot nu toe alleen op een Mac gezien, op alle Windows machines gaat dat wel goed. Weet iemand wat dat veroorzaakt? Of ligt het aan de Mac's? :) Dan is er nog 1 ding wat handig zou zijn, maar niet geheel noodzakelijk. De tekst op de homepage komt erg dichtbij de randen. Is er een makkelijke oplossing om de tekst iets vanaf de randen te laten beginnen en eindigen? Ik ben geheel een amateur in dit gebeuren. Dus vergeef mij alsjeblieft rare codes of gekke opmerkingen. Alvast hartelijk bedankt.
  • Zelf heb ik ook al vaak gehad dat het in IE verkeerd lijkt, en ik heb maar gewoon het script vervangen. Maar de tekst afstand weet ik wel: zet in je css het volgende: [code:1:40c4090a20]margin-right: 2px;[/code:1:40c4090a20] 2 px kun je natuurlijk gewoon veranderen naar je wensen Bart
  • Goede tip bart, bedankt! Die ga ik vandaag of morgen proberen. Hetzelfde is te doen met left lijkt mij?
  • Ja het met de volgende: margin-bottom onderaan margin-left links margin-right rechts margin-top bovenaan Bart[/b]
  • Duidelijk. Ga ik mee aan de slag zodra ik er tijd voor heb. Bedankt!
  • Ik zie in ieder geval 2x [code:1:f423cfbd32]</body>[/code:1:f423cfbd32] staan, kijk eerst maar eens hoe gaat als je de eerste weg haalt.
  • De html is echt zo onlogisch opgebouwd, ik zou niet weten waar te beginnen... dan is ook nog de css niet te lezen met al die text er doorheen. Je gebruikt hoofdletters in je html, vergeet img elementen af te sluiten (/>), gebruikt attributen die verboden zijn (align), gebruikt naast je head style ook nog eens inline style, wat het er allemaal niet duidelijker of makkelijker leesbaar op maakt. IE5 wordt zo goed als niet meer gebruikt dus zijn die "hacks" in de CSS allemaal behoorlijk overbodig. Het kost meer werk om er achter te komen wat er nou precies fout gaat dan dat het zou kosten om de toch redelijk eenvoudige layout overnieuw te maken... ;). Misschien kan je daar ff naar kijken want zo vind ik het niet te doen...
  • Ik zal kijken of ik opnieuw kan beginnen. Zo ver ik weet zijn alle IMG's afgesloten, ik mis iniedergeval geen afbeeldingen :) De dingen als align enz, dat is gewoon een template van hier: http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php Ik zal het nog eens vanaf het begin af aan met een andere template proberen.
  • Ik heb inmiddels een andere template gevonden, die een stuk overzichtelijker en kleiner is. Het enige nadeel is dat het witte gedeelte waar de content in staat, niet meer standaard tot onder reikt. Wat je dus krijgt met een heel klein stukje tekst, is dus een heel klein stukje wit. Is het mogelijk om dat witte gedeelte altijd tot onderaan het scherm te laten reiken? Wanneer je bijvoorbeeld de galerij in IE opent, krijg je schuifbalken aan de zijkanten. Is het mogelijk die uit te schakelen?
  • [quote:da5b485c3f="Ralph_Blaster"]Ik heb inmiddels een andere template gevonden, die een stuk overzichtelijker en kleiner is. Het enige nadeel is dat het witte gedeelte waar de content in staat, niet meer standaard tot onder reikt. Wat je dus krijgt met een heel klein stukje tekst, is dus een heel klein stukje wit. Is het mogelijk om dat witte gedeelte altijd tot onderaan het scherm te laten reiken? Wanneer je bijvoorbeeld de galerij in IE opent, krijg je schuifbalken aan de zijkanten. Is het mogelijk die uit te schakelen?[/quote:da5b485c3f] Maak in css een content div aan waar dan je content in komt. #content { width: 500px; ---> zelf instellen height: 800px; ---> zelf instellen overflow: auto; ---->zorgt ervoor dat er geen scroll balken komen } (Kan zijn dat in je CSS document al zo een div/class staat, moet je dan maar ff naar zoeken.)
  • Als ik een vaste waarde geef als 800, dan krijg je bij een overschrijding van die 800 pixels weer zo'n lelijke scrollbar er in. Ik heb de CSS code voor de content nu zoals ie hieronder staat, maar die scrollbars gaan niet weg :( #content { float: left; color: #333; margin: 10px 13px; padding: 0px; width: 880px; display: inline; position: relative; overflow: auto; }
  • wat wil je dan percies? als de tekst langer is dat het automatisch word uitgebreid?
  • Inderdaad, zonder die scrollbars en dan ook nog het liefst dat het witte gedeelte standaard al tot onderaan de pagina komt. Ik heb het geprobeerd met dat 'auto' gebeuren, maar dat werkt helaas niet. Weet iemand een andere oplossing?
  • Je moet er wel rekening meehouden dat de pagina op jou pc mss wel tot onderaan de pagina komt maar iemand met een kleiner/groter scherm die de een andere resolutie heeft kan dit niet het geval zijn. Waarom wil je eigenlijk dat die pagina altyd tot onderaan het scherm komt? Je kan toch moeilijk maar een beetje tekst erin zetten en de rest van de pagina wit? overflow: hidden -> als er meer tekst of plaatjes zijn die niet meer op de pagina kunnen worden deze 'verstopt' en zie je die dus niet. overflow: visible -> als er meer tekst of plaatjes zijn die niet meer op de pagina kunnen worden ze weergegeven buiten de div.
  • Ik zou dan ook het liefst iets willen wat geen vaste resolutie heeft, maar een soort altijd 100% pagina vulling. Ik ga even rommelen met die overflow, helpt dat tegen die scrollbars?
  • Welja normaal krijg je alleen scrollbars als je de overflow insteld op auto of scroll
  • Ik kan hem nu helaas even niet online zetten, m'n webhosting is stopgezet vanaf 1 januari. Ik heb beide geprobeerd, maar het heeft geen enkel visueel effect. Dit is m'n CSS code, waar ergens zou het ingevoegd moeten worden? [code:1:6eeb868c46]/* Created by Keith Donegan of Code-Sucks.com E-Mail: Keithdonegan@gmail.com You can do whatever you want with these layouts, but it would be greatly appreciated if you gave a link back to http://www.code-sucks.com */ * { padding: 0; margin: 0; } body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color: #27343C; } #wrapper { margin: 0 auto; width: 900px; } #faux { background: #FFFFFF; margin-bottom: 10px; overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */ width: 100% } #header { color: #333; width: 880px; padding: 0px; height: 200px; margin: 0px 0px 0px 0px; background: #FFFFFF; } #navigation { color: #333; padding: 0px; height: 30px; margin: 0px 0px 0px 0px; background: #ABBEBE; } #content { float: left; color: #333; margin: 10px 13px; padding: 0px; width: 880px; display: inline; position: relative; } #footer { float: left; color: #333; margin: 0px 0px; padding: 0px; width: 880px; display: inline; position: relative; } .clear { clear: both; background: none; }[/code:1:6eeb868c46]
  • Ik keek nog eens door de CSS code en toen zag ik dat er bij faux al een overflow stond, met daar achter auto. Nu veranderd in hidden en het probleem is helemaal opgelost. Heel erg bedankt! Op naar de volgende problemen :D
  • Ok goed, hopelijk komen er geen problemen meer :p

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.