Aviseringar
Rensa alla

Html-krångel


Ämnesstartare

Se på bilden och försök att, genom koderna här nere, lösa mitt problem. Tack.
Det är så att jag vill ha min sidebar bredvid wrappen (som tydligen inte är wrappen, utan någonting inuti den, som jag inte hittar eftersom jag inte har en aning om var det skulle kunna kallas). Istället ligger den där nere och sölar.

Någon som ser detta lite som ett matematiskt problem där man bara måste hitta felet i formeln och sedan inse felet också?

body {
background: #d4d4d4;
background-attachment: fixed;
background-attachment: fixed horisontal;
margin:0;
padding:0px 0 14px;
text-align:center;
color:#d4d4d4;
}

a {
color: #000000;
text-decoration:none;
}

a:hover {
color: #000000;
text-decoration:none;
background: #ffffff;
}

#wrapper {
text-align: left;
width: 940px;
position:relative;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
vertical-align: top;
background: #d4d4d4;
}

#side {

padding: 5px 10px 5px 10px;
width: 180px;
float: right;
background: #ffffff;

}

#frame {
overflow: hidden;
width: 670px;
float: right;
background:;
padding: 0px 2px 0px;
text-align: left;
margin: 0px;
}

#header {
background: #ffffff;
margin: 0px 0px 5px 10px;
padding: 0px 0px 0px 0px;
height: 150px;
width: 650px;
text-align:
}

bloggbajs.JPG


   
Citera
Åtta

Posta din HTML också. Helst på t.ex. jsbin.


   
SvaraCitera
Ämnesstartare

Åtta:

Posta din HTML också. Helst på t.ex. jsbin.

Oh. Coolt. Sådant har jag aldrig använt.
Vill du ha hela mallen, alltså?

Eftersom jag är inne på s.k stilmallen så är det inte en komplett html- mall, så som en hemsida.
Men jag klistrar in det, så får du se. Hur man nu bifogar det.

http://jsbin.com/emawog/edit#html


   
SvaraCitera
Åtta

ajyprah:

Vill du ha hela mallen, alltså?

Stilmallen är CSS, inte HTML. Den var dock hjälpsam, men det är HTML:n som jag behöver också.

Enklast är om du bara postar en länk till bloggen istället.


   
SvaraCitera
Ämnesstartare

Åtta:

Stilmallen är CSS, inte HTML. Den var dock hjälpsam, men det är HTML:n som jag behöver också.

Enklast är om du bara postar en länk till bloggen istället.

Ja, då fattar jag att alla snackade om CSS på internet, när jag försökte leta efter hjälp.

Dock så skulle jag ju kunna skicka även html-koden men jag ser itne egentligen varför det skulle vara relevant? Eller du vet mer än vad jag gör iofs.

Det enda som skulle hjälpa om jag länkade till bloggen var ju om idu fick lösenord och därför kunde ändra och se vad som ändras och vad som förbättras.

Det jag undrar är om du kan sådanna kod-stilar som är i denna stilmall och om du därför kan berätta vad det inre laget på wrappen kan kallas...........

Skickar med kodmallen iaf.

http://jsbin.com/emawog/2/edit#html

- - - - - - - - - - - - - - - - - Sammanslagning 1 - - - - - - - - - - - - - - - - -

Såg nu att det är korkat av mig att försöka beskriva wrapper och insida då jag har gjort wrappern och bakgrunden i samma färg.

Wrappern är alltså inte det vita.


   
SvaraCitera

ajyprah:

Skickar med kodmallen iaf.

För mig blir sidan såhär:

Så antingen har du inte gett mig rätt kod eller så saknas något? Men ge mig en länk så kan jag också ta en titt.

Men gissar att det är någon margin:0px; som ska läggas till eller liknande...


   
SvaraCitera
Ämnesstartare

teensoundman:

För mig blir sidan såhär:

Ja. Cool sida. Då borde det alltså ha sparats automatiskt när jag har ändrat kodmallen i den sidan.

För nu ser min blogg ut sådär, efter en massa pillande. Så nu är felet att jag inte kan få ned självaste sidebaren till samma position som min header.


   
SvaraCitera
Ämnesstartare

http://purjo.blogg.se

Så det det ut nu


   
SvaraCitera

ajyprah:

Så det det ut nu

På padding top på "side", ändra den till typ padding-top: 90px;


   
SvaraCitera

Alltså:

#side {

padding: 90px 10px 5px 10px;
width: 180px;
float: right;
background: #ffffff;

}


   
SvaraCitera
Ämnesstartare

teensoundman:

På padding top på "side", ändra den till typ padding-top: 90px;

Det har jag gjort. Alltså i stilmallen (för hittar ingenting sådant i kodmallen)

Det enda som händer är att fotot flyttas nedåt. Konstigt nog.


   
SvaraCitera
Tyrael

ajyprah:

Det är så att jag vill ha min sidebar bredvid wrappen (som tydligen inte är wrappen, utan någonting inuti den, som jag inte hittar eftersom jag inte har en aning om var det skulle kunna kallas). Istället ligger den där nere och sölar.

#side {
margin-top: 90px;
}


   
SvaraCitera

ajyprah:

Konstigt nog.

Men just nu i din stilmal står det:

padding: 60px 10px 5px 10px;

Där ska det stå:

padding: 90px 10px 5px 10px;

Detta borde funka då jag själv testat det:P [smile]


   
SvaraCitera
Tyrael

ajyprah:

Det enda som händer är att fotot flyttas nedåt. Konstigt nog.

Inte konstigt, teensoundman vet inte hur det fungerar. Padding ändrar storleken på element och Margin flyttar på element.


   
SvaraCitera
Ämnesstartare

Tyrael:

nte konstigt, teensoundman vet inte hur det fungerar. Padding ändrar storleken på element och Margin flyttar på element.

Men åååh. Visste ju det, men började fokusera på padding.
Tack så mycket. Har nu lagt till margin och det har löst sig. Heck yeeah.

Nu ska jag bara få bort allt rosa skit.


   
SvaraCitera