Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

Hjälp med meny i html/css

1
Skriv svar
Permalänk
Medlem
●

Hjälp med meny i html/css

Jag håller på att bygga upp en meny som består utav bilder som är länkar. Bilderna ligger i ett lager efter varandra. Problemet är att mellan varje bild så blir det ett mellanrum på några pixlar. Ser ut som en padding ungefär. Jag har testat med padding: 0px; och margin: 0px; på själva lagret och bilderna för sig men jag får inte bort mellanrummet. Vad är det som ska ändras?

Edit: Om jag stoppar float: left; på bilderna så funkar det i Firefox men inte i IE..

Senast redigerat
Redigera
Citera flera Citera
Permalänk
Medlem
●

Det är en fördel med like kod så man kan se vad som möjligtvis är fel. Annars kan vi sitta här och gissa några dagar om du vill.

Visa signatur

Dur ru - dum.

Redigera
Citera flera Citera
Permalänk
Medlem
●

border 0px på bilderna ?

Du skall bygga det med en lista - inget annat

kolla här för mer tips när det gäller menyer

http://css.maxdesign.com.au/index.htm

EDIT: stavar fel ibland

Senast redigerat
Visa signatur

Har varit på detta forum på tok för länge...

Redigera
Citera flera Citera
Permalänk
Medlem
●

såhär ser koden ut:

<html>
<head>

	<style type="text/css">

			body	{
				background-color: black;
				color: white;
			}	

			img	{
				border: 0px;
				padding: 0px;
				margin: 0px;
			}
	</style>



</head>
<body>

<div id="test">
<a href="#"><img src="meny_01.gif" /></a>
<a href="#"><img src="meny_02.gif" /></a>
<a href="#"><img src="meny_03.gif" /></a>
<a href="#"><img src="meny_04.gif" /></a>
<a href="#"><img src="meny_05.gif" /></a>
<a href="#"><img src="meny_06.gif" /></a>
</div>

</body>
</html>

Det här är bara en testsida där jag försöker få menyn att funka, de är därför det inte är nåt annat innehåll.

och såhär ser de ut

Redigera
Citera flera Citera
Permalänk
Medlem
●

sätt float: left; och display: block; på bilderna så blir det nog roligare.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

detta är problemet:
du har ny rad för varje ny bild. i html är ny rad också lika med mellanslag av någon anledning, för att ta bort mellanrummen så måste du ha all kod för bilderna i samma rad

<a href="#"><img src="meny_01.gif" /></a><a href="#"><img src="meny_02.gif" /></a><a href="#"><img src="meny_03.gif" /></a><a href="#"><img src="meny_04.gif" /></a><a href="#"><img src="meny_05.gif" /></a><a href="#"><img src="meny_06.gif" /></a>

det ser fult ut, men det är enda lösningen

Visa signatur

Wahoo

Redigera
Citera flera Citera
Permalänk
Medlem
●

ett annat sätt att göra det, som jag snappade upp av Agge tror jag, är att sätta kommentarer och göra en radbrytning i själva kommentaren.

<div id="test">
<a href="#"><img src="meny_01.gif" /></a><!--
--><a href="#"><img src="meny_02.gif" /></a><!--
--><a href="#"><img src="meny_03.gif" /></a><!--
--><a href="#"><img src="meny_04.gif" /></a><!--
--><a href="#"><img src="meny_05.gif" /></a><!--
--><a href="#"><img src="meny_06.gif" /></a>
</div>

rätt smidigt. koden blir bra mycket lättare att läsa än allt på samma rad

Visa signatur

Är det inte jag, så är det någon annan...
WGS84 Lat/Long: N 60º 23' 28.12" E 15º 40' 14.24"
RT90: X=6697030, Y=1492584

Redigera
Citera flera Citera
Permalänk
Medlem
●

Eller... bygga en lista! Det överlägset bästa alternativet enligt mig.

Visa signatur

Dur ru - dum.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

lista går att göra, men det är ganska svårt för en nybörjare.
men om du, Pelk, kan skapa lista och formatera den med css, så går det bra.

den med kommentera är ju löjligt. kodmässigt är den hur ful som helst. visserligen är den metod jag beskrev också ful, men bättre det än att sätta ut massa kommentarer

Visa signatur

Wahoo

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jodå en lista kan jag nog fixa. Men annars så funkade det ju bra med att lägga allt på samma rad. Dock så blir det ju inte lika snyggt då men.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

nice att du kan listor
en sak undrar jag. varför vill du ha bilderna ihop? ser det inte bättre ut som den är nu? ihopsatta bilder som dina kommer säkert inte se bra ut. lite mellanrum vore inte fel

Visa signatur

Wahoo

Redigera
Citera flera Citera
Permalänk
Medlem
●

Det där är inte menyn jag kommer att använda. Men saken är den att jag gör först hela menyn som den ska se ut i photoshop och klipper sen ut knapparna var för sig. Då vill jag ju att det ska se ut som i photoshop på hemsidan

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

ok

ett tips: om du är så pass bra på css så kan du dissa bilder och skapa knappar med hjälp av css. css är så kraftfullt att den kan bestämma storleken på knappar, vilka färger den ska ha, och till och med byta färg när man har musen över den

Visa signatur

Wahoo

Redigera
Citera flera Citera
Permalänk
Medlem
●

edit: jag läser inte tråden ordentligt

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara