webForumDet fria alternativet

Div align mitten?

HTML & CSS

8 svar · 375 visningar · startad av silfver

Medlem sedan apr. 200312 679 inlägg
Frågan#1

<div id="Out1details" style="display: None; width: 100%; height: 20; border: 1px solid #c0c0c0">
Om jag skriver några meningar här så visas texten i toppen. Jag vill att den ska vara placerad i MITTEN. Hur?
</div>

Mvh Silfver

Medlem sedan feb. 2003774 inlägg
#2

I mitten av vad? div:en eller sidan?

Medlem sedan apr. 200312 679 inlägg
#3

I mitten av "div:en".

Edit: testade: div align="middle", men det funkade inte...

Medlem sedan apr. 200312 679 inlägg
#4

Vill också ha lite "padding" ? Om det går. Som i en tabell.

Medlem sedan apr. 20003 174 inlägg
#5

Du får labba med padding för att centrera den vertikalt om du har blocket högre än standard.

ex.

[red]<div id="Out1details" style="display: None; width: 100%; height: 20px; border: 1px solid #c0c0c0; [b]padding: 8px 2px 2px 2px;[/b]"> 
Om jag skriver några meningar här så visas texten i toppen. Jag vill att den ska vara placerad i MITTEN. Hur? 
</div>[/red]

Fotnot:
Padding skrivs enlig följande syntax: över höger under vänster

Medlem sedan apr. 200312 679 inlägg
#6

Tackar. Så man kan inte göra så att den centreras i mitten, utan man måste fixa med paddings? :D Tackar...

Edit: Fixade det genom att göra såhär:

<div id="Out1details" style="display: None; width: 100%; height: 20px; border: 1px solid #c0c0c0; padding: 2px 2px 2px 2px;">
Om jag skriver några meningar här så visas texten i toppen. Jag vill att den ska vara placerad i MITTEN. Hur?
</div>

Satte höjden på mindre, och så fixar paddingen resten :)

mvh

Medlem sedan apr. 200312 679 inlägg
#7

<u style="cursor: hand" id="Out2" class="Outline"> Engelska</u>

Hur ska jag göra för att bli av med den som understruken? Det är visst ingen vanlig länk.

Vill alltså _inte_ ha den understruken.

Medlem sedan jan. 2003282 inlägg
#8

Det beror helt och hållet på hur Outline är defenierad.

Mvh
Jan-Olov

Medlem sedan apr. 200312 679 inlägg
#9

Såhär ser det ut:

<script language=JavaScript>
function clickHandler() {
var targetId, srcElement, targetElement;
srcElement = window.event.srcElement;
if (srcElement.className == "Outline") {
targetId = srcElement.id + "popp";
targetElement = document.all(targetId);
if (targetElement.style.display == "none") {
targetElement.style.display = "";
} else {
targetElement.style.display = "none";
}
}
}

document.onclick = clickHandler;

</script>

mvh

251 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
118 ms — ändringar (db)