Problemer med å få bildene til venstre

Torjus · 30. mai 2005

Hvordan får jeg bildene til venstre? :blush:

http://home.no.net/fuzzy2/nerdebula.html

_Paulsen_ · 30. mai 2005

img {
float: left;
}

Noe slikt du ser etter?

Dette plasseres i CSS-koden din..

Torjus · 30. mai 2005

Okey, takk.

Men hvordan ordner jeg dette da? :

http://home.no.net/fuzzy2/nerdebula.html

	<div id="main">
 <h3>Nerdebula mi:</h3>
 	<br>
 	<a href="cutenews/data/upimages/storpulten.JPG"><img src="cutenews/data/upimages/pulten.jpg"><br>
 	Her sitter jeg for det meste av dagen<br>
 	<br>
 	<a href="cutenews/data/upimages/stortoverpult.JPG"><img src="cutenews/data/upimages/overpult.jpg"><br>
 	I en annen vinkel...<br>
 	<br>
 	<a href="cutenews/data/upimages/stortheadsett.JPG"><img src="cutenews/data/upimages/headsett.jpg"><br>
 	Mitt deilige KOSS SB45 headsett<br>
 	<br>
 	<a href="cutenews/data/upimages/stortsenga.JPG"><img src="cutenews/data/upimages/senga.jpg"><br>
 	Senga mi <br>
 	<br>
 	<a href="cutenews/data/upimages/storthylle.JPG"><img src="cutenews/data/upimages/hylle.jpg"><br>
 	Min store Donald samling og TV'n min; Mark 10"<br>
 	<br>
 	<a href="cutenews/data/upimages/stortkabbis.JPG"><img src="cutenews/data/upimages/kabbis.jpg"><br>
 	Kabinettet mitt; Mercury Mesh<br>
 	<br>
</div>

 <div id="footer"></div>

Cucum(r) · 30. mai 2005

Hva skal du ha ordnet?

Hvorfor i alle dager har du BR mellom teksten og bildene?

Torjus · 30. mai 2005

Det virket fint med det før jeg fikk venstre stilt alle bildene.

Tenkte å ha det slik:

bilde

tekst

bilde

tekst

Med 1 mellom rom altså

Cucum(r) · 30. mai 2005

a { text-align: left } ?

Torjus · 30. mai 2005

Ehm.. Som du ser så er teksten til høyre for bildene og veldig uoversiktlig nå:

http://home.no.net/fuzzy2/nerdebula.html

Jeg vil ha teksten under hvert bilde.

<bildet>
<bilde-teksten>
<mellomrom>
<bildet>
<bilde-teksten>
<mellomrom>
<bildet>
<bilde-teksten>
<mellomrom>

osv

LessThanJake · 30. mai 2005

Du kan bruke rundt setningene. Og siden du har så påss lite kode foreløpig er det et fint tidspunkt å starte å skrive valid kode. Da blir faktisk alle slike ting mye enklere.

Edit: og for all del dropp -ene, de skal kun brukes i nød!

Endret 30. mai 2005 av LessThanJake

Cucum(r) · 30. mai 2005

Her er to bedre løsninger:

<p class="bilder">
<a href="#">
	<img src="..." alt="...">
	Bildetekst
</a>
<a href="#">
	<img src="..." alt="...">
	Bildetekst
</a>
<a href="#">
	<img src="..." alt="...">
	Bildetekst
</a>
</p>

CSS:

.bilder a img { display: block }
.bilder a { margin: 2em 0 }

<ul class="bilder">
<li>
<a href="#">
	<img src="..." alt="...">
	Bildetekst
</a>
</li>
<li>
<a href="#">
	<img src="..." alt="...">
	Bildetekst
</a>
</li>
<li>
<a href="#">
	<img src="..." alt="...">
	Bildetekst
</a>
</li>	
</ul>

CSS:

.bilder li a img { display: block }
.bilder li { margin: 2em 0 }

Ville selv gått for den siste løsningen.

edit

$innlegg = date("Y") :fun:

Endret 30. mai 2005 av SirIce

Torjus · 30. mai 2005

<a href="#">
  <img src="..." alt="...">
  Bildetekst

Hva skal stå hvor?

Blir det slik?

<a href="cutenews/data/upimages/pulten.jpg">
	<img src="cutenews/data/upimages/storpulten.JPG" alt="cutenews/data/upimages/pulten.jpg">
	Bildetekst

:dontgetit:

cutenews/data/upimages/pulten.jpg skal linke til cutenews/data/upimages/storpulten.JPG

Thumb... Ja... dere skjønner

Endret 30. mai 2005 av fUzZy^

Cucum(r) · 30. mai 2005

<a href="cutenews/data/upimages/pulten.jpg">
<img src="cutenews/data/upimages/storpulten.JPG" alt="Datapulten min">
Bildetekst</a>

Endret 30. mai 2005 av SirIce

Drømmemannen · 30. mai 2005

overpult.jpg"> 
I en annen vinkel...

Sorry. Jeg kunne ikke dy meg.

Torjus · 30. mai 2005

overpult.jpg"> 
I en annen vinkel... 

Sorry. Jeg kunne ikke dy meg.

Torjus · 30. mai 2005

<a href="cutenews/data/upimages/pulten.jpg">
<img src="cutenews/data/upimages/storpulten.JPG" alt="Datapulten min">
Bildetekst</a>

Gjort slik du sa og det ble slik:

http://home.no.net/fuzzy2/nerdebula.html

:dontgetit:

Må gå på trening nå, men her er style og nerdebula.html...

style.css

nerdebula.html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>2rjus.tk</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
</head>
<body>

<div id="wrap">

<h1><span>Lorem ipsum</span></h1>

<div id="meny">
			<ul id="navigasjon">
				<li><a href="index.php"> Hovedsiden</a></li>
				<li><a href="personlig.html"> Personlig</a></li>
				<li><a href="maskinvare.html"> Maskinvare</a></li>
				<li><a href="nerdebula.html"> Nerdebula</a></li>
				<li><a href="linker.html"> Linker</a></li>
				<li><a href="galleri/index.html"> Galleri</a></li>
				<li><a href="kontakt.php"> Kontakt</a></li>
			</ul>
</div>
	<div>
		<ul class="bilder">
		<li>
		<a href="cutenews/data/upimages/pulten.jpg">
		<img src="cutenews/data/upimages/storpulten.JPG" alt="Datapulten min">
		Bildetekst</a>
		</a>
		</li>
		<li>
		<a href="cutenews/data/upimages/overpult.jpg">
		<img src="cutenews/data/upimages/stortoverpult.JPG" alt="ads2">
		Bildetekst
		</a>
		</li>
		<li>
		<a href="cutenews/data/upimages/headsett.jpg">
		<img src="cutenews/data/upimages/stortheadsett.JPG" alt="asd3">
		Bildetekst
		</a>
		</li>
		<li>
		<a href="cutenews/data/upimages/senga.jpg">
		<img src="cutenews/data/upimages/stortsenga.JPG" alt="asd3">
		Bildetekst
		</a>
		</li>
		<li>
		<a href="cutenews/data/upimages/hylla.jpg">
		<img src="cutenews/data/upimages/storthylla.JPG" alt="asd3">
		Bildetekst
		</a>
		</li>
		<li>
		<a href="cutenews/data/upimages/kabbis.jpg">
		<img src="cutenews/data/upimages/stortkabbis.JPG" alt="asd3">
		Bildetekst
		</a>
		</li>
		</ul>

	<div id="footer"></div>

</div>
</body>
</html>

Ja, er nybegynner :/

[/html]

Drømmemannen · 30. mai 2005

Det skulle jo være motsatt, da. At de små bildene linker til de store, og ikke omvendt.

Flytt "stort" fra img-taggen til a-taggen.

Og så må du fjerne img {float:left;} igjen.

En annen ting: Du synes ikke de store bildene er litt vel store? Jeg føler ikke at jeg får et bedre inntrykk av utstyret ditt når jeg må scrolle milevis i begge retninger (ja, jeg kan zoome ut).

Endret 30. mai 2005 av balletryne

Torjus · 30. mai 2005

Det skulle jo være motsatt, da. At de små bildene linker til de store, og ikke omvendt.

Flytt "stort" fra img-taggen til a-taggen.

Og så må du fjerne img {float:left;} igjen.

Nå har jeg gjort alt du har sagt, men nå ser den sånn ut:

http://home.no.net/fuzzy2/nerdebula.html

Ble litt bedre ihvertfall :hmm:

Drømmemannen · 30. mai 2005

Jeg tror du mangler id="main" i diven din

Torjus · 30. mai 2005

Ahhh... :blush:

Men, nå gjør de prikkene foran bildet at det hvite til venstre går vekk :dontgetit:

EDIT:

Hvordan fjerner jeg de svarte prikkene?

Hvordan får jeg teksten under bildene helt til venstre?

Endret 30. mai 2005 av fUzZy^

Drømmemannen · 30. mai 2005

Følgende burde fjerne punktene og venstrejustere teksten.

.bilder li {
   list-style-type: none;
   text-align: left;
}

Endret 30. mai 2005 av balletryne

Torjus · 30. mai 2005

Følgende burde fjerne punktene og venstrejustere teksten.
.bilder li {
   list-style-type: none;
   text-align: left;
}

Skal jeg fjerne

.bilder li a img { display: block }

.bilder li { margin: 2em 0 }

?

EDIT:

Det hvite vises forsatt ikke, verken sammen eller uten:

.bilder li a img { display: block }
.bilder li { margin: 2em 0 }

Endret 30. mai 2005 av fUzZy^

Problemer med å få bildene til venstre

Anbefalte innlegg

Lenke til kommentar

Videoannonse

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Populær nå

Hvem er aktive 0 medlemmer