CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

sarcar Praktikant

19. maj 2013 - 23:57 Der er 5 kommentarer

List style ved linjeskift

Jeg har en udfordring med listestilen på mit website. F.eks. på denne side http://say.dk/online-strategi/ i yderste højre sitebar i blokken der hedder "Kom i gang nu!". Der hvor bullet-punkterne skifter linje irriterer det mig, at den næste linje ikke flugter med første linje.

Kan det lade sig gøre, og hvordan opnår man det?

Synes godt om

NielsErikP Mester

20. maj 2013 - 00:32 #1

Hej...

Koden starter i linje 264 og er denne :

<div class="textwidget"><ul>
<li>Få noget ud af de sociale medier!</li>
<li>Brug Google til din succes!</li>
<li>Gør dit website til din bedste sælger!</li>
<li>Få sporet din webtrafik!</li>
</ul>
<br>
Jo før du kommer i gang, jo hurtigere får du succes online.</div>

Tror problemet er bredden på class'en textwidget i forhold til den tekst mængde du har i dine listItems <li> ....
Prøv lige og smid et linje skifte ind efter, hvor det passer med teksten.

<li>Få noget ud af de<br> sociale medier!</li>

Håber du kan bruge det.

Synes godt om

sarcar Praktikant

20. maj 2013 - 01:02 #2

Hej Niels Erik

Tak for dit svar. Jeg har prøvet det du foreslår, men det ser ikke ud til at hjælpe. De to linjer flugter stadig ikke.

Synes godt om

NielsErikP Mester

20. maj 2013 - 01:45 #3

Hej igen...

Nåeh.. men kunne du så ikke smide en div omkring og så give den margin/padding.

<li>Få noget ud af de<br><div style="margin: ?px;"> sociale medier! </div> </li>

Synes godt om

scootergrisen Nybegynder

20. maj 2013 - 03:44 #4

<div class="textwidget" style="margin-left: 1em; text-indent: -1em;">

Du skal ikke bruge <br> og <div> inden i teksten det vil bare give problemer når tekst størrelsen og ligende ændres.

Synes godt om

NielsErikP Mester

20. maj 2013 - 23:54 #5

Hej...

Woop.. Woop.. hr. 4 takt. ;-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS