Bloggande iFokus

Bloggande

Etikettbloggdesign-html-och-css
Läst 717 ggr
[Vargen-J]
0

Lite hjälp tack

Bild 1. Klicka för att öppna i full storlek.

Har lite problem med min blogg. Upptäckte att efter att jag hade ändrat bredden på headern och där inläggen hamnar så flyttade menyn på sej. Den ligger under inläggen nu istället för bredvid. Vad är det jag måste ändra för att få den att stanna där den ska?

bifogar en bild på "eländet" :P

Mirzadancing
0
#1

Du måste ändra igen på bredden .

Moa-16
0
#2

Eller så lägger du till den här koden under side

 margin-top: -110px;

Mirzadancing
0
#3

Det kan du också göra som Moa säger :)

[Vargen-J]
0
#4

Okey. Ska testa båda och se om det ändras tillbaks :)

[Vargen-J]
0
#5

Nu har jag ändrat på bredden men eländet ligger kvar där nere ialla fall >_<

Vill inte göra bredden mindre nu när jag fått den som jag vill ha den. Hur får jag nu upp den bredvid? För jag tänker då rakt inte ändra mer på bredden på varken headern, inlägget eller wrappern!

Vad ska jag ändra på i koden till menyn för att få upp den?
Antar att det här är koden för menyn (eller är det mer än den?):

div#side {
background: #FFF;
width: 100px;
padding: 0 20px 0 0;
float: right;
display: inline;

Moa-16
0
#6

Men lägg till koden så åker menyn upp!

[Vargen-J]
0
#7

Jag gjorde ju det men det funkar inte! :/

[Vargen-J]
0
#8

Nu funka det tydligen. Problemet nu är att den ligger mitt i inlägget men det ordnar sej nog. Tack för hjälpen! :)

Moa-16
0
#9

Du måste ändra 110 till nåt annat. Annars har du satt in den fel. Ska funka!

[Vargen-J]
0
#10

Det funkade. Läs #8 Flört

[Vargen-J]
0
#11

Nu är jag tillbaka igen. Med ett nytt problem med menyn. När jag skriver ett nytt inlägg så flyger menyn med det gamla inlägget ner. Jag vill inte behöva sitta och kolla vilken "styrka" på margin-top jag ska fylla i för att behålla menyn i höjd med det nya inlägget.

Sen undrar jag dessutom om det på nåt sätt går att "lyfta ut" menyn från inlägget? Alltså lägga den bredvid istället för i som det ligger nu?

Moa-16
0
#12

Haha, samma problem som jag hade ibörjan. Men jag vet lösningen ;) ta bort margin så det blir top bara.

[Vargen-J]
0
#13

Vill du veta nåt roligt? Det funkar inte =_=
Nu är menyn nere på samma ställe igen. Det funkar inte fast jag ändrar px Obestämd

Moa-16
0
#14

Såhär ser det ut oss mig!

#side {
margin-right:0;
padding: 24px 12px 0px;
background: #373535;
border-right-width: 5px;
border-right-style: solid;
border-right-color: #373535;
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: #373535;
float: right;
width: 159px;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #373535;
position: absolute;
left: 725px;
top:195px;
}

Och det funkar ;) Då måste du gjort fel!

Muzzy96
0
#15

Prova att ändra:

#wrapper {
text-align: left;
width: 880px;
position:relative;
margin:0px auto;
padding: 0px 10px 10px;
vertical-align: top;
}

[Vargen-J]
0
#16

Min ser ut så här:

div#side {
background: #FFF;
top: -100px;
width: 80px;
padding: 0 20px 0 0;
float: right;
display: inline;
}

Vad är det jag har gjort fel då? :S
Jag vet att det står minus men även om jag tar bort minus så ligger menyn ändå kvar där nere :S

[Vargen-J]
0
#17

#15
Att det var så j*vla enkelt! Skrikandes
Aja, nu har jag ändrat på width i wrapper så nu är det som det ska igen ^^

Muzzy96
0
#18

#17, det fungerade ? :)

[Vargen-J]
0
#19

#18
Jepp, det gjorde det ^^
Tack! :)