login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Thumbnails links en rechts

Offline wiecher - 04/10/2012 19:51 (laatste wijziging 04/10/2012 22:49)
Avatar van wiecherNieuw lid Hallo mensen ik heb nu de thumbnails boven en onder de hoofdradar.
Ik zou het graag links en rechts willen hebben.
Iemand een idee ?

Plaatscode: 141936

8 antwoorden

Gesponsorde links
Offline Stijn - 04/10/2012 22:49
Avatar van Stijn PHP expert Heb je geen online voorbeeld?
Bedankt door: wiecher
Offline marten - 05/10/2012 08:47
Avatar van marten Beheerder Zet de icoontjes in een div (aparte container) Dus de bovenste groep icoontjes wrappen in een div en de onderste wrappen in een eigen div. Vervolgens kan je deze div's gaan positioneren met het css position attribute.(http://www.sitemasters.be/tutorials/5/1/211/CSS/Positioning_layers)
Bedankt door: wiecher
Offline wiecher - 05/10/2012 10:58
Avatar van wiecher Nieuw lid Pfffffff dat gaat me boven mijn petje  

Hier de online versie Stijn http://weerforum.eu
Offline marten - 05/10/2012 12:01
Avatar van marten Beheerder Bekijk het voorbeeld even over positionering layers. Het is heel simpel.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a ..>...</a> //icon 1
  2. <a ..>...</a> //icon 2
  3. <a ..>...</a> //..
  4. <a ..>...</a> //..


veranderen naar


php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="position: absolute; left: 10px; top: 20px;">
  2. <a ..>...</a> //icon 1
  3. <a ..>...</a> //icon 2
  4. <a ..>...</a> //..
  5. <a ..>...</a> //..
  6. </div>


En dan spelen met de waardes.

Mooier is relative gebruiken

| | | |
| | | |

Dus eerst kolom icons, dan de kaart en dan weer icons

Als je alle drie de kolommen in een div zet en alle drie float: left meegeeft en de juiste breedte heb je een mooier resultaat dan absolute positionering.
Bedankt door: wiecher
Offline wiecher - 05/10/2012 12:04
Avatar van wiecher Nieuw lid Ik begrijp nog steeds niet precies wat ik moet veranderen.
Sorry zover gaat mijn kennis niet  
Offline Pieter - 05/10/2012 12:51
Avatar van Pieter Gouden medaille

SEO guru		 @Wiecher, hoe werk je aan je site? Want er zit eigenlijk verschrikkelijk veel rommel in je code die het allemaal wat ondoorzichtig maakt.

Vb. bij de code die net voor de thumbnails staat: <span class="topslice"><span></span></span>, wat doet die juist? Ook inline css gecombineerd met externe css maakt het allemaal wat moeilijker... Kan je niet eerst de code wat opruimen?
Bedankt door: wiecher
Offline wiecher - 05/10/2012 12:53 (laatste wijziging 09/10/2012 22:24)
Avatar van wiecher Nieuw lid Die code Pieter heb ik niet zelf gemaakt.
De persoon die het ooit voor mij gedaan heeft zie of hoor ik nooit meer.
Ik ben er inmiddels achtergekomen dat mijn eerste idee eigenlijk niet goed is vanwege het kijken op een kleine laptop of Ipad enz.
Heeft iemand een suggestie voor me om dit mooier te laten zien ?

Niemand ???   
Offline marten - 10/10/2012 11:41
Avatar van marten Beheerder Sorry Wiecher, we begrijpen dat het niet makkelijk is voor beginners maar dit is toch wel echt lage school werk om te begrijpen
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.183s