Avatar billede flasken Nybegynder
16. juni 2009 - 17:08 Der er 1 kommentar og
1 løsning

CSS styling skal bevare ikon og tekst på samme linie

Jeg har en generisk kode der (alt afhængigt om der eksisterer denne information for brugeren) spytter et ikon med efterfølgende tekst ud. problemet med dette, er at jeg ikke ved hvilke informationer brugeren vælger at indtaste så jeg kan ikke placere tabeller til disse links. Her er in illustration af problemet:

http://www.daimi.au.dk/~flaske/gifs/eksempel.png

Jeg vil gerne kunne sikre mig at ikonet for linkedin bliver på samme linie som teksten.

Det skal lige nævnes at jeg bruger xsl-stylesheets til at generere det generiske indhold så en css løsning er nok mest hensigtsmæssigt.

Er der nogen der har været ude for en lignende problem eller har en fiks løsning eller hint ?
Avatar billede ebusiness Nybegynder
17. juni 2009 - 00:48 #1
Prøv at sætte et span element med attributten float:left; omkring hver sammenhængende blok, det burde vist løse problemet.
Avatar billede flasken Nybegynder
17. juni 2009 - 13:10 #2
Det var præcis det jeg ledte efter. Havde forsøgt med span elementet, havde bare ikke lige overvejet float left. Takker.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester