FAQ |
Kalender |
2008-02-02, 11:36 | #1 | ||
|
|||
Medlem
|
Såhär ser min kod ut nu, väldigt enkel men det borde ju fungera.
#flickr_badge { width: 300px; height: 200px; position: absolute; margin-left: 55%; margin-top: 1%; } <div id="flickr_badge"> <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=5&display=random&size=t&la yout=x&source=user&user=23190634%40N02"></script> </div> Varför visas de vertikalt för oavsett om jag sätter lägre height? |
||
Svara med citat |
2008-02-03, 10:30 | #2 | ||
|
|||
Medlem
|
Ingen som vet?
|
||
Svara med citat |
2008-02-03, 11:12 | #3 | ||
|
|||
Flitig postare
|
Problemet(?) är att de fyra bilderna är inkluderade i fyra div:s i den Flickr-html som genereras. Div:s har "block-display" som standard vilket gör att de alltid visas på en ny rad. Om du lägger till
div { display: inline; } i din style så kommer du att modifera funktionen hos div att likna de som span har (ingen ny rad) och du kommer att få dina bilder horizontellt om det är så att din div-bredd är tillräckligt stor för alla fyra bilderna. |
||
Svara med citat |
2008-02-03, 13:33 | #4 | ||
|
|||
Medlem
|
Citat:
Det gjorde susen. Verkar som flickr gör egna divar som heter lickr_badge_image1, flickr_badge_image2 osv. Satte div#flickr_badge_image1 { display: inline; } osv men det kanske går att göra en div för alla? Fungerade inte med detta iaf; #flickr_badge { width: 400px; height: 100px; position: absolute; margin-left: 55%; margin-top: 1%; display: inline; } |
||
Svara med citat |
2008-02-03, 20:40 | #5 | |||
|
||||
Mycket flitig postare
|
Kan du kapsla in HTML:n som du får ut från flickr?
I så fall skulle du kunna göra nåt i stil med: Kod:
<div id="kapsel-runt-flickr"> [...] <-- innehållet från flickr här </div> Kod:
#kapsel-runt-flickr div { display: inline; } Antingen det eller så kör du med CSS 3 attributselektor som kan matcha elementens id:n Kod:
div[id^="flickr_badge_image"] { display: inline; } Jag har aldrig använt flickr och vet inte vad flickr badge är för något men om det är vanlig HTML så borde det här funka. |
|||
Svara med citat |
2008-02-03, 23:50 | #6 | ||
|
|||
Administratör
|
Citat:
__________________
eldefors.com - Personlig (teknik)-blogg |
||
Svara med citat |
2008-02-05, 11:42 | #7 | ||
|
|||
Medlem
|
Följde denna guide http://veerle.duoh.com/blog/comments/fickr...adge_w3c_valid/ så blev det bra.
|
||
Svara med citat |
Svara |
|
|