CSS problem - vad e felet? -

Simpsons_lover · 2010-01-05, 23:11

Hej!
För att se hela koden gå in här: http://www.wn.se/showthread.php?p=20337918#post20337918
Jag är nybörjare i CSS så klaga inte.
Men när jag skriver såhär:

"
.meny3{
font-family: arial, verdana;
font-size: 18px;
color: #FFF;
padding: 0px 0px 0px 100px;
margin-top: -85px;
}

.meny4{
font-family: arial, verdana;
font-size: 18px;
color: #FFF;
padding: 0px 0px 0px 7px;
margin-top: -85px;
}
"

När jag endast ändrar meny4 så kommer den på perfekt plats, men sedan när jag ändrar 3 också så kommer allt ovanför sidan om man kan bara så lite av texten för att den är så högt upp.

Vad ska jag göra för att fixa det?

Såhär ser det ut i divarna:

"
<div class="meny3">
Meny3
</div>

<div class="meny4">
Meny4
</div>
"

Tacksam för snabb hjälp!

Viktor · 2010-01-05, 23:15

margin-top: 85px;?

Simpsons_lover · 2010-01-05, 23:17

Citat:

Ursprungligen postat av Viktor

margin-top: 85px;?

Om jag skriver margin-top: 85px; så hamnar saken på helt fel plats.
Men skriver jag: margin-top: -85px; så hamnar den rätt.

Simpsons_lover · 2010-01-05, 23:25

Citat:

Ursprungligen postat av Viktor

margin-top: 85px;?

Eller du kanske mera att själva koden e fel?
Vad ska det isåfall stå?^^

Simpsons_lover · 2010-01-06, 01:11

Någon som kan hjälpa mig med detta?

rhdf · 2010-01-06, 06:13

utan att veta hur omgivande kod ser ut eller hur slutresultatet är tänkt att bli, så misstänker jag att det är just din negativa marginal som spökar.

Det är ju rätt logiskt att din meny hamnar ovanför sidan om det inte är mer än 85px från sidans topp till där diven borde legat (om det inte fanns någon margin)

Simpsons_lover · 2010-01-06, 13:02

Jo troligtvis är det väll det.
Kan posta hela koden.

CSS-koden.

Kod:

.meny{
background: url(meny.jpg) no-repeat right;
padding: 5px 0px 0px 0px;
width: 400px;
height: 30px;
}

.meny2{
font-family: arial, verdana;
font-size: 18px;
color: #000;
padding: 5px 0px 0px 10px;
width: 400px;
height: 30px;
}

.meny3{
font-family: arial, verdana;
font-size: 18px;
color: #000;
padding: 0px 0px 0px 100px;
}


.meny4{
font-family: arial, verdana;
font-size: 18px;
color: #000;
padding: 0px 0px 0px 7px;
height: 30px;
margin-top: -85px;
}

----

HTML-koden.

Kod:

<HTML>
<HEAD>
<TITLE>Test.</TITLE>
<link rel="stylesheet" href="vp.css" type="text/css" />
</HEAD>
<BODY>



<div class="meny">
</div>

<div class="meny2">
Meny2
</div>

<div class="meny3">
Meny3
</div>

<div class="meny4">
Meny4
</div>

</BODY>
</html>

Kom ihåg jag e nybörjare, så kanske något vanligt fel har kommit in.
Sen så har jag nu endast "margin-top: -85px;" för då passar "Meny4" in.
Såhär ser det ut just nu:

(Jag gjorde meny designen där texten ska stå på lite snabbt för att lära mig css.)

Och jag vill att alla ord ska hamna på rätt plats.

Tacksam om någon kan hitta felet här.

Marku · 2010-01-06, 15:47

Får jag fråga hur dom ska ligga? sida vid sida?

om så är fallet så ändrade jag åt dig

Kod:

.meny{
background: url(meny.jpg) no-repeat right;
padding: 5px 0px 0px 0px;
width: 400px;
height: 30px;
}

.meny2{
font-family: arial, verdana;
font-size: 18px;
color: #000;
padding: 5px 0px 0px 10px;
height: 30px;
float: left;
}

.meny3{
font-family: arial, verdana;
font-size: 18px;
color: #000;
padding: 0px 0px 0px 100px;
float: left;
}


.meny4{
font-family: arial, verdana;
font-size: 18px;
color: #000;
padding: 0px 0px 0px 7px;
height: 30px;
float: left;
}

Kod:

<HTML>
<HEAD>
<TITLE>Test.</TITLE>
<link rel="stylesheet" href="vp.css" type="text/css" />
</HEAD>
<BODY>



<div class="meny">
<div class="meny2">
Meny2
</div>

<div class="meny3">
Meny3
</div>

<div class="meny4">
Meny4
</div>

</div>


</BODY>
</html>

Simpsons_lover · 2010-01-06, 16:54

Tack så mycket!

Nu funkar allt!

*Tråden kan låsas*

Marku · 2010-01-06, 17:58

Varsågod

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

CSS problem - vad e felet? -