Gå til innhold
🎄🎅❄️God Jul og Godt Nyttår fra alle oss i Diskusjon.no ×

Tekst sidestilt med heading - hvordan?

Jonas

Av Jonas
i Programmering og webutvikling

Anbefalte innlegg

Jonas

Jonas

Skrevet
Skrevet

Hei,

 

Hvordan kan jeg få noe tekst alla 'postet den ..', eller en edit-link, slik man ser på de fleste wiki-sider, sidestilt med et heading-element?

 

Eks.:

Stor og fin overskrift                                                            Postet i går

Vestibulum posuere pretium ipsum. Maecenas placerat. Suspendisse

dignissim tortor non purus. Suspendisse congue pede. Donec eget

purus eu odio imperdiet congue. Pellentesque ac diam vel lectus

condimentum adipiscing. In velit est, interdum vel, luctus et, vulputate

ultrices, ante. Etiam imperdiet rhoncus elit. Quisque interdum risus at

arcu. Vestibulum faucibus felis vitae orci. Vivamus at lorem.

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Jonas

Jonas

Skrevet
  • Forfatter
Skrevet
er den andre float:left?

7916435[/snapback]

Som du (Ikke..?) ser på koden, så har jeg ikke det. Men om jeg floater både left og right blander resten av innholdet seg inn. :(

 

<h1><span style="float: left">Test</span><span style="float: right">Test2</span></h1>
<p>Vestibulum posuere pretium ipsum. Maecenas placerat. Suspendisse
dignissim tortor non purus. Suspendisse congue pede. Donec eget
purus eu odio imperdiet congue. Pellentesque ac diam vel lectus
condimentum adipiscing. In velit est, interdum vel, luctus et, vulputate
ultrices, ante. Etiam imperdiet rhoncus elit. Quisque interdum risus at
arcu. Vestibulum faucibus felis vitae orci. Vivamus at lorem.</p>

Lenke til kommentar
Ståle

Ståle

Skrevet
Skrevet 

<div class="nyhet" style="width: 300px;"><h1><span style="float: left">Test</span><span style="float: right">Test2</span></h1>
<p style="clear:both;">Vestibulum posuere pretium ipsum. Maecenas placerat. Suspendisse
dignissim tortor non purus. Suspendisse congue pede. Donec eget
purus eu odio imperdiet congue. Pellentesque ac diam vel lectus
condimentum adipiscing. In velit est, interdum vel, luctus et, vulputate
ultrices, ante. Etiam imperdiet rhoncus elit. Quisque interdum risus at
arcu. Vestibulum faucibus felis vitae orci. Vivamus at lorem.</p>
</div>

;)

Lenke til kommentar
Jonas

Jonas

Skrevet
  • Forfatter
Skrevet (endret)

Hm, med 'clear: both' oppstod det plutselig et nytt problem med den høyrestilte menyen, i Opera og Firefox. Alle paragrafer ender under den også. Slik ser koden ut - har jeg gjort noen åpenbare feil?

Klikk for å se/fjerne innholdet nedenfor

<!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 

<html>

 

<head>

 

 <title>index.html</title>

 

 <style type="text/css">

 

  * {

   margin: 0;

   padding: 0;

  }

 

  body, html {

   background-color: #ECF3F6;

   height: 100%;

   color: #333;

   font: 13px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;

   line-height: 150%;

  }

 

  #wrapper {

   margin: 0 auto 0 auto;

   width: 710px;

   height: 100%;

   background: url('background.gif') no-repeat;    

  }

 

  h1 {

   padding: 40px;

  }

 

  h2 {

   text-align: center;

   margin: 20px;

  }

 

  .heading {

   float: left;

  }

 

  .posted {

   float: right;

   font-size: 13px;

   font-weight: normal;

  }

 

  #menu {

   float: right;

   list-style-type: none;

   padding: 30px;

   margin: 20px;

   border-left: 1px solid #888989;

  }

 

  #menu li {

   margin-bottom: 10px;

  }

 

  #menu a {

   color: #93D7F5;

   text-decoration: none;

  }

 

  #menu a:hover {

   text-decoration: underline;

  }

 

  #content {

   width: 490px;

   margin: 40px;

  }

 

  #content p {

   margin-bottom: 10px;

   text-align: justify;

   clear: both;

  }

 

 </style>

 

</head>

 

<body>

 

 <div id="wrapper">

 

  <h1><Heading goes here></h1>

 

  <ul id="menu">

   

   <li><a href="#">Home</a></li>

   <li><a href="#">About</a></li>

   <li><a href="#">Contact</a></li>

   

  </ul>

 

  <div id="content">

   

   <h2><span class="heading">Welcome!</span><span class="posted">Posted 11.02.07</span></h2>

   

   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec nulla. Sed sodales, ante placerat pharetra convallis, sem justo congue massa, malesuada lacinia tellus neque et justo. Praesent a risus. Donec lacinia cursus neque. In mattis pretium purus. Praesent turpis purus, tempus sit amet, dignissim at, porttitor et, tortor. Quisque ullamcorper, ipsum a venenatis faucibus, tortor augue laoreet orci, eu sodales elit leo non libero. Vestibulum tristique, nunc ut hendrerit condimentum, nunc arcu congue ipsum, at pharetra tellus pede quis purus. Praesent convallis turpis at est. Cras ullamcorper varius urna. Sed accumsan justo vel est. Praesent ornare. Maecenas volutpat ornare nulla. Donec ligula. Nullam vel metus vel ligula imperdiet dictum. Maecenas sapien metus, sollicitudin eu, pharetra id, vulputate non, enim.</p>

   

  </div>

 

 </div>

 

</body>

 

</html>

Endret av Jonas
Lenke til kommentar

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...