Fetstil Fetstil Kursiv Understrykning linje färgläggning tabellverk Punktlista Nummerlista Vänster Centrerat högerställt Utfyllt Länk Bild htmlmode
  • Forum & Blog
    • Forum - översikt
      • .Net
        • asp.net generellt
        • c#
        • vb.net
        • f#
        • silverlight
        • microsoft surface
        • visual studio .net
      • databaser
        • sql-server
        • databaser
        • access
        • mysql
      • mjukvara klient
        • datorer och komponenter
        • nätverk, lan/wan
        • operativsystem
        • programvaror
        • säkerhet, inställningar
        • windows server
        • allmänt
        • crystal reports
        • exchange/outlook
        • microsoft office
      • mjukvara server
        • active directory
        • biztalk
        • exchange
        • linux
        • sharepoint
        • webbservers
        • sql server
      • appar (win/mobil)
      • programspråk
        • c++
        • delphi
        • java
        • quick basic
        • visual basic
      • scripting
        • asp 3.0
        • flash actionscript
        • html css
        • javascript
        • php
        • regular expresssion
        • xml
      • spel och grafik
        • DirectX
        • Spel och grafik
      • ledning
        • Arkitektur
        • Systemutveckling
        • krav och test
        • projektledning
        • ledningsfrågor
      • vb-sektioner
        • activeX
        • windows api
        • elektronik
        • internet
        • komponenter
        • nätverk
        • operativsystem
      • övriga forum
        • arbete karriär
        • erbjuda uppdrag och tjänster
        • juridiska frågor
        • köp och sälj
        • matematik och fysik
        • intern information
        • skrivklåda
        • webb-operatörer
    • Posta inlägg i forumet
    • Chatta med andra
  • Konto
    • Medlemssida
    • Byta lösenord
    • Bli bonsumedlem
    • iMail
  • Material
    • Tips & tricks
    • Artiklar
    • Programarkiv
  • JOBB
  • Student
    • Studentlicenser
  • KONTAKT
    • Om pellesoft
    • Grundare
    • Kontakta oss
    • Annonsering
    • Partners
    • Felanmälan
  • Logga in

Hem / Forum översikt / inlägg

Posta nytt inlägg


IMG-tagg i LI

Postades av 2007-03-21 10:57:43 - Jesper Alvermark, i forum html/css, Tråden har 3 Kommentarer och lästs av 1036 personer

Hej!

Har problem med att få saker på rätt plats med css.
Har ett gäng bilder, till varje bild hör en rubrik och en text.
Bilden ska ligga till vänster och rubrik och text ska ligga till höger om bilden.
Jag vill använda mig av en lista för att rada upp dessa. Har ungefär det här upplägget.
<code>
<div>
<ul>
<li><img style="float: left">
<h4>rubrik</h4>
<p>text text text</p>
</li>

<li><img style="float: left">
<h4>rubrik</h4>
<p>text text text</p>
</li>
</ul>
</div>
</code>
Problemet är att när nästa post, li, kommer så positionerar den sig indragen till den första om inte texten fyller ut bildens höjd.
Jag kan få det som jag vill genom att sätta en bestämd height: på li-taggen men det känns inte särskilt dynamiskt.

Hur ska jag åstadkomma det jag vill och få en dynamisk höjd på listelementen?
Tack på förhand!


Svara

Sv: IMG-tagg i LI

Postades av 2007-03-22 09:14:47 - Jesper Alvermark

Nevermind, insåg att det nog gör sig bättre i en tabell.


Svara

Sv: IMG-tagg i LI

Postades av 2007-03-23 15:17:46 - Oskar Johansson

Släng en tom div-tagg med en höjd på en pixel precis innan </li>. Sätt clear: left; på den. Kommer tvinga div-taggen att ligga under bilden, vilket gör att nästa li-tagg inte kan börja till höger om föregående bild.


Svara

Sv:IMG-tagg i LI

Postades av 2007-03-23 15:18:23 - Oskar Johansson

Hm.. Eller när jag tänker efter, sätt clear: left på img-taggen helt enkelt, och/eller på li-taggen.


Svara

Nyligen

  • 19:55 kick-off med fokus på hälsa?
  • 19:53 kick-off med fokus på hälsa?
  • 16:24 Föreslå en skönhetsklinik online
  • 16:23 Föreslå en skönhetsklinik online
  • 18:42 Hvor finder man håndlavede lamper
  • 18:41 Hvor finder man håndlavede lamper
  • 16:36 Allt du behöver veta om keramiskt
  • 16:14 Vem anlitar man egentligen när tak

Sidor

  • Hem
  • Bli bonusmedlem
  • Läs artiklar
  • Chatta med andra
  • Sök och erbjud jobb
  • Kontakta oss
  • Studentlicenser
  • Skriv en artikel

Statistik

Antal besökare:
Antal medlemmar:
Antal inlägg:
Online:
På chatten:
4 570 722
27 958
271 751
295
0

Kontakta oss

Frågor runt konsultation, rådgivning, uppdrag, rekrytering, annonsering och övriga ärenden. Ring: 0730-88 22 24 | pelle@pellesoft.se

© 1986-2013 PelleSoft AB. Last Build 4.1.7169.18070 (2019-08-18 10:02:21) 4.0.30319.42000
  • Om
  • Kontakta
  • Regler
  • Cookies