Gå til innhold

[Løst] Få bilde til å legge seg ved siden av liste

Dimethyltryptamine

Anbefalte innlegg

Dimethyltryptamine

Dimethyltryptamine

Skrevet
Skrevet (endret)

Sitter å lager en liten side bare for å øve meg litt.

 

har et bilde jeg skulle hatt ved siden av en liste, men den legger seg under istedenfor ved siden.

 

html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<link rel="stylesheet" type="text/css" href="stil.css" /> 

<title>En side</title> 

</head> 
<body> 

<div id="logo">
Logo ting!
</br>
<img src="2.png"/>
</div>

<div id="meny">
<ul>
<li><a href="#"> link 1 </a></li>
<li><a href="#"> link 2 </a></li>
<li><a href="#"> link 3 </a></li>
<li><a href="#"> link 4 </a></li>
</ul>
<img src="1.png" />
</div>



<div id="stuff">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
n lectus mauris, vestibulum sit amet feugiat in, ultrices ac dui. 
Vestibulum luctus aliquam odio quis fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis vestibulum scelerisque enim non pulvinar. Praesent lacinia cursus consequat. Vivamus dolor lorem, 
pulvinar vestibulum malesuada ac, rhoncus sed turpis. Cum sociis natoque penatibus et magnis dis parturi
ent montes, nascetur ridiculus mus. Suspendisse non leo ante. Aenean tempor lacinia placerat. Nullam no
n dapibus risus. Praesent sapien diam, malesuada in condimentum nec, consectetur sed ligula. Morbi ut 
libero sed consectetur. Mauris quis metus nunc. Morbi adipiscing ligula id mi lacinia ultrices.
</div>


</body> 
</html>

 

css:

@charset "utf-8";
/* CSS Document */


*{
list-style:none;
margin:0px;
padding:0px;
}

img {
   border: 0;

}	



#logo {
text-align: center;
margin-top: 4%;
margin-bottom: 3%;

}

#meny {
margin-top: 5%;
float: left;
margin-left: 2%;
margin-right: 4%
}

#stuff {
float: middle;
margin-left: 8%;
margin-right:10%;

 

 

 

prøvde og legge den i en egen div, og det fungerte jo forsåvidt.

men da havnet all teksten under bildet.

 

 

Link: -

Endret av LSĐ
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
InsertNumLock

InsertNumLock

Skrevet
Skrevet (endret)

Regner med den streken er bildet ditt?

 

Skift alt til right og legg på en negativ topp margin, samt legg til litt ekstra på bottom.

 

img.floatright {
float: right; 
       margin: 2px; 
       margin-bottom: 100px;
margin-top:-50px;
}

 

skfit classen på bildekoden til right

 

<img src="1.gif" class="floatright"/>

Endret av Hille
  • Liker 1
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

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...