abonnement Unibet Coolblue Bitvavo
pi_106337025
Ik ben niet helder genoeg om me nu in transforms te gaan verdiepen... Misschien wat experimenteren met extra elementen die je transformt? (spans in of om de links, ik roep maar wat)
  dinsdag 3 januari 2012 @ 00:02:44 #227
298746 Dalando
18, niet meer gefrustreerd
pi_106337998
quote:
11s.gif Op maandag 2 januari 2012 23:45 schreef Catch22- het volgende:
transform de content eens ipv de container
?
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  dinsdag 3 januari 2012 @ 00:05:32 #228
56176 Catch22-
Ben je Blind?!
pi_106338140
zet een div om de inhoud van die toolbox en rotate die, ipv dat je de toolbox transformed
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_106338808
Hij rotate om het middelpunt. Je moet even het rotatiepunt op "bottom left" zetten (-webkit-transform-origin voor webkit, de rest weet je dan wel te googlen) en dan de toolbox nog even op de goede plek zetten.

Bottom left in dit geval omdat hoeveel links er ook bijkomen, dat punt altijd vaststaat. Top left kan ook.
  dinsdag 3 januari 2012 @ 18:54:28 #230
87680 Mirel
Mirel wil een bongophone.
pi_106365486
Ik deed even de inhoud op 97% breedte en ik kreeg dit:


De boel werd naar beneden gebumpt. Bij gewone grootte had ik een horizontaal balkje en ik deed doen overflow: hidden; op m'n body, en blijkbaar heeft het het bovenstaande probleem ook opgelost.

Slim of overflow: hidden; op de hele body te doen? Ik vind het wel prima :)

edit: overflow-x dus :+

[ Bericht 10% gewijzigd door Mirel op 03-01-2012 19:04:06 ]
When all else fails, you always have delusion.
pi_106365993
Hoi :)
ik heb zojuist deze 'tutorial' http://www.dynamicdrive.c(...)hover_image_gallery/ gevolgd om social media icons een leuk hover effect te geven, maar het hover effect werkt niet.
Ik heb het op deze pagina gezet; http://lucsenden.nl/index.html

Kan iemand mij helpen met wat ik fout doe?
Ik heb hiervoor al andere effecten geprobeerd maar ook daar werkte het hover effect niet dus ik doe vast iets fout.
pi_106366028
quote:
0s.gif Op dinsdag 3 januari 2012 18:54 schreef Mirel het volgende:

Slim of overflow: hidden; op de hele body te doen? Ik vind het wel prima :)

edit: overflow-x dus :+
Zelfde verhaal weer, alleen slim als je écht een hekel hebt aan mensen met kleine schermen en die zoveel mogelijk van je site wilt weren.

Echt, je moet het zelf weten, maar als je serieus publiek wilt bereiken met je website, zou ik me toch een beetje aan de normale toegankelijkheidseisen houden...

Overigens lijkt het op je screenshot dat die knopjes rechts de rest van je site naar beneden drukken... Geef ze horizontaal eens een pixel meer ruimte, dat voorkomt ditsoort problemen door (waarschijnlijk) afrondingsfouten...
pi_106366235
quote:
0s.gif Op dinsdag 3 januari 2012 19:06 schreef Vanillax het volgende:
Hoi :)
ik heb zojuist deze 'tutorial' http://www.dynamicdrive.c(...)hover_image_gallery/ gevolgd om social media icons een leuk hover effect te geven, maar het hover effect werkt niet.
Ik heb het op deze pagina gezet; http://lucsenden.nl/index.html

Kan iemand mij helpen met wat ik fout doe?
Ik heb hiervoor al andere effecten geprobeerd maar ook daar werkte het hover effect niet dus ik doe vast iets fout.
Je link doet het niet. En ik zie uberhaupt geen social media icoontjes op je pagina.
pi_106366300
KomtTijd, er staat rechtsbovenaan op dit moment 1 youtube icoontje, omdat ik even aan het uitproberen was met dat effect. (Tegen contact aangeplakt, is ook niet de bedoeling maar ik wil eerst even dat dat effect werkt.)

http://www.dynamicdrive.c(...)hover_image_gallery/
Dit is de link.
  dinsdag 3 januari 2012 @ 19:18:04 #235
87680 Mirel
Mirel wil een bongophone.
pi_106366497
quote:
14s.gif Op dinsdag 3 januari 2012 19:07 schreef KomtTijd... het volgende:

[..]

Zelfde verhaal weer, alleen slim als je écht een hekel hebt aan mensen met kleine schermen en die zoveel mogelijk van je site wilt weren.

Echt, je moet het zelf weten, maar als je serieus publiek wilt bereiken met je website, zou ik me toch een beetje aan de normale toegankelijkheidseisen houden...

Overigens lijkt het op je screenshot dat die knopjes rechts de rest van je site naar beneden drukken... Geef ze horizontaal eens een pixel meer ruimte, dat voorkomt ditsoort problemen door (waarschijnlijk) afrondingsfouten...

Ja dat is dus gefixed door overflow-x op hidden te zetten (y op visible want opera pakte die niet uitzichzelf :').
Wat er nu gebeurt met kleine schermen in de breedte is dat de boel naar beneden gedrukt wordt, dus volgens mij heb ik het allemaal wel gefixed hoor. Alleen dat @Media met het menu nog.

Kijk maar :)
When all else fails, you always have delusion.
pi_106366629
quote:
0s.gif Op dinsdag 3 januari 2012 19:14 schreef Vanillax het volgende:
KomtTijd, er staat rechtsbovenaan op dit moment 1 youtube icoontje, omdat ik even aan het uitproberen was met dat effect. (Tegen contact aangeplakt, is ook niet de bedoeling maar ik wil eerst even dat dat effect werkt.)

http://www.dynamicdrive.c(...)hover_image_gallery/
Dit is de link.
Hij doet het prima maar je kunt er niet over hoveren aangezien er andere elementen voorstaan.

Ga in hemelsnaam je HTML eens fatsoenlijk indenten, hier is niet mee te werken.
pi_106366760
KomtTijd, ik stel een normale vraag, is wel zo sociaal als je daar ook normaal op reageert. -.-
Dat het niet geindent is komt doordat ik net een CMS van de host heb uitgeprobeerd en die plakt het fijn allemaal achter elkaar.

Welke elementen staan er dan voor? Die van het menu?
pi_106366779
quote:
0s.gif Op dinsdag 3 januari 2012 19:18 schreef Mirel het volgende:

[..]

Ja dat is dus gefixed door overflow-x op hidden te zetten (y op visible want opera pakte die niet uitzichzelf :').
Wat er nu gebeurt met kleine schermen in de breedte is dat de boel naar beneden gedrukt wordt, dus volgens mij heb ik het allemaal wel gefixed hoor. Alleen dat @Media met het menu nog.

Kijk maar :)
[ afbeelding ]
Door overflow-x op hidden te zetten van je body, verwijder je de scrollbalk en is de hele rechterkant van je website dus onzichtbaar voor mensen met een kleiner scherm. In jouw geval betreft het dan dus alleen de menubalk aangezien de rest meestrecht. Maar dat lijkt me nou juist ongeveer het belangrijkste element van de pagina.
pi_106366859
quote:
0s.gif Op dinsdag 3 januari 2012 19:24 schreef Vanillax het volgende:
KomtTijd, ik stel een normale vraag, is wel zo sociaal als je daar ook normaal op reageert. -.-
Dat het niet geindent is komt doordat ik net een CMS van de host heb uitgeprobeerd en die plakt het fijn allemaal achter elkaar.

Welke elementen staan er dan voor? Die van het menu?
Wat reageer ik niet normaal dan?

Het zijn inderdaad de elementen van het menu die ervoor staan, wat je direct gezien had als je firebug even gebruikt had.

WBT dat CMS nog een advies: Niet gebruiken :X Als er ditsoort bagger uitkomt... Sowieso is het misschien makkelijker om eerst een statische pagina te maken en die later om te bouwen tot template.
pi_106366915
quote:
14s.gif Op dinsdag 3 januari 2012 19:21 schreef KomtTijd... het volgende:

[..]

Hij doet het prima maar je kunt er niet over hoveren aangezien er andere elementen voorstaan.
Niet helemaal waar, je kunt wel hoveren. Maar veel zin heeft het niet, want het is gewoon een plaatje. Bij een linkje heeft het meer effect.
  dinsdag 3 januari 2012 @ 19:28:52 #241
87680 Mirel
Mirel wil een bongophone.
pi_106366965
quote:
14s.gif Op dinsdag 3 januari 2012 19:24 schreef KomtTijd... het volgende:

[..]

Door overflow-x op hidden te zetten van je body, verwijder je de scrollbalk en is de hele rechterkant van je website dus onzichtbaar voor mensen met een kleiner scherm. In jouw geval betreft het dan dus alleen de menubalk aangezien de rest meestrecht. Maar dat lijkt me nou juist ongeveer het belangrijkste element van de pagina.
Ja maar daar ben ik ook nog mee bezig, dat zei ik ook in een van de vorige posts :P
When all else fails, you always have delusion.
pi_106366973
quote:
0s.gif Op dinsdag 3 januari 2012 19:27 schreef Light het volgende:

[..]

Niet helemaal waar, je kunt wel hoveren. Maar veel zin heeft het niet, want het is gewoon een plaatje. Bij een linkje heeft het meer effect.
Hij heeft de hover keurig op de img, dus dat maakt niet uit. je kunt er nog niet op klikken, maar een linkje eromheen zetten is natuurlijk een fluitje van een cent.
pi_106366982
Nou ik had de CMS van one.com nog nooit gezien dus ik wilde gewoon even kijken of het wat was, maar niet bepaald dus. :s

Ik ga eens even uitzoeken wat firebug is x')
pi_106367079
quote:
0s.gif Op dinsdag 3 januari 2012 19:29 schreef Vanillax het volgende:
Nou ik had de CMS van one.com nog nooit gezien dus ik wilde gewoon even kijken of het wat was, maar niet bepaald dus. :s

Ik ga eens even uitzoeken wat firebug is x')
https://addons.mozilla.org/nl/firefox/addon/firebug/
danwel
http://code.google.com/chrome/devtools/

quote:
0s.gif Op dinsdag 3 januari 2012 19:28 schreef Mirel het volgende:

[..]

Ja maar daar ben ik ook nog mee bezig, dat zei ik ook in een van de vorige posts :P
^O^
pi_106367142
quote:
14s.gif Op dinsdag 3 januari 2012 19:29 schreef KomtTijd... het volgende:

[..]

Hij heeft de hover keurig op de img, dus dat maakt niet uit. je kunt er nog niet op klikken, maar een linkje eromheen zetten is natuurlijk een fluitje van een cent.
Ah, ik had die img:hover gemist. Die werkt idd wel (als ik de main content div weggooi).
pi_106394653
Hallo

Ik heb een klein probleempje op deze pagina,

1
2
3
4
5
6
.regel
 {clear:both; background-color:blue;}
    .label
        {text-align: right; padding:0 20 0 0 px; width:25%;float:left; background-color:green; }
    .content
        {text-align: left; background-color:yellow; position: relative; }

En dit is de HTML

1
2
3
4
5
<div class="regel"><div class="label">1997 - 2001</div><div="content">Larenstein (Hogeschool), Velp (Paesi Bassi) <br /> 

Tecnologia degli alimenti (Management della qualità)<br /> 

(llivello bachelor, ISCED 5)</div></div>
Nu wil ik graag dat de tweede en derde regel onder de Larenstein komen. Hoe doe ik dit? Ik heb idee dat het heel simpel is, maar ik kom er niet achter.
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
  woensdag 4 januari 2012 @ 14:13:32 #247
56176 Catch22-
Ben je Blind?!
pi_106394747
Dit is wel een goed voorbeeld wanneer je wél een table gebruikt :)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_106394920
Wat Cacht22 zegt.

En in quirksmode werken is ook nooit een goed idee.
pi_106395263
Sorry verkeerd topic :P.
pi_106402244
Bedankt. Ik kreeg echter een ingeving en het is alsnog gelukt :)

1
2
3
4
5
6
7
8
9
<style type="text/css">
     
    .regel
 {clear:both; padding:5px; }
    .label
        {text-align: right; width:30% ;float:left; background-color:green; }
    .content
        {text-align: left; padding-left:30px;  background-color:yellow; margin-left:30%;  }
</style>
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')