Gå til innhold

Webkafeen

enden

Av enden
i Programmering og webutvikling

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
Marvil

Marvil

Skrevet
Skrevet

Ble innkalt til KNM HH Luftforsvaret, og da er vel sikkert rekrutten @ Madla ellerno?

8610501

 

Iom at HH er navnet på Madla, så skal du ikke se bort ifra det, nei. smile.gif

 

Lite som slår det å se folk få innkallelse til militæret, spesielt når man er ferdig med dilldallet selv.. happy.gif

 

 

@Marvil: foobarasd har funnet Websitescreenshots.com men han ville ikke gi den til deg fordi:

foobarasd sier:

Han bruker jo Firefox..

8611988

 

Hehe, takk Tor.. smile.gif

 

foobarasd; Du suger.

 

Nei, dårlig argument. Og Tor, det er ikke pent å lyve  ph34r.gif

8612011

 

Som nevnt; Du suger.
Lovskogen

Lovskogen

Skrevet
Skrevet

Ikke noe er som samboerns potetgrateng og slafing i sofaen for å gå igjennom feedlisten - Stand & Deliver var ganske bra lesning. Viktig at man greier å få fram en begrunnelse til hva man gjør, om mulig smile.gif

 

foobarasd altså, vet hvor ond den fyren er nupe.gif

haugsand

haugsand

Skrevet
Skrevet

En ny utfordring: 500 street-creds til vinneren!

 

Jeg har en liste over deltagere i en konkurranse, organisert i en ordnet liste.

 

<ol>

<li>Bollingmo</li>

<li>Berg</li>

<li>Hansen</li>

</ol>

 

I tillegg til deltagernavnet, vil jeg i hvert listeelement ha deltagerens poengsum høyrejustert. Dette høres i utgangspunktet enkelt ut, men jeg stiller et ekstra krav: Listen skal ha list-style-position: inside;

 

Deres oppgave blir å laste opp et eksempel som tilfredstiller kravende, og fungerer i både IE, Opera og firefox.

Magnus Holm

Magnus Holm

Skrevet
Skrevet

Kun testet i Fx:

 

<!DOCTYPE html>
<html>
 <head>
   <style type="text/css">
     * {
       margin: 0;
       padding: 0;
     }

     li {
       list-style-position: inside;
       width: 300px;
     }

     li strong {
       display: block;
       float: right;
       margin-top: -1em;
     }
   </style>
 </head>
 <body>
   <ol>
     <li>Bollingmo <strong>500p</strong></li>
     <li>Berg <strong>250p</strong></li>
     <li>Hansen <strong>100p</strong></li>
   </ol>
 </body>
</html>

 

haugsand

haugsand

Skrevet
Skrevet

De er ikke det i firefox heller, legg til border-bottom på li. Jeg forsøkte å trikse litt med verdiene til line-height og margin-top, men fikk ingen perfekt løsning.

MC2

MC2

Skrevet
Skrevet (endret)
En ny utfordring: 500 street-creds til vinneren!

 

Jeg har en liste over deltagere i en konkurranse, organisert i en ordnet liste.

 

<ol>

<li>Bollingmo</li>

<li>Berg</li>

<li>Hansen</li>

</ol>

 

I tillegg til deltagernavnet, vil jeg i hvert listeelement ha deltagerens poengsum høyrejustert. Dette høres i utgangspunktet enkelt ut, men jeg stiller et ekstra krav: Listen skal ha list-style-position: inside;

 

Deres oppgave blir å laste opp et eksempel som tilfredstiller kravende, og fungerer i både IE, Opera og firefox.

8612678[/snapback]

<html>
<head>
<style type="text/css">
ol {
list-style-type:none;
list-style-position:inside;
width:200px;
}

ol li {
background-color:#EEE;
margin:2px 0 2px 0;
}
ol li span {
float:left;
}
ol li em {
width:100%;
display:block;
text-align:right;
}
</style>
</head>
<body>
<ol>
<li><span>hallo</span> <em>(3)</em></li>
<li><span>hallo</span> <em>(3)</em></li>
<li><span>hallo</span> <em>(3)</em></li>
</ol>
</body>
</html>

 

har ikke testet i annet enn firefox, så krysser fingrene istedet :)

Endret av MC2
haugsand

haugsand

Skrevet
Skrevet

MC2: Når list-style-type:none; fjernes, slutter forslaget ditt å fungere.

 

Jeg kan herved med glede opplyse om at Hein er vinneren av en høvelig mengde street-creds, med følgende kode:

 

ol#haugsand {
list-style-position: inside;
width: 400px;
}

ol#haugsand li {
position: relative;
}

ol#haugsand span {
color: #F00;
position: absolute;
right: 0;
text-align: right;
}

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...