webForumDet fria alternativet

Div align mitten?

8 svar · 375 visningar · startad av silfver

silfverMedlem sedan apr. 20039 709 inlägg
#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

PepeJeriaMedlem sedan feb. 2003779 inlägg
#2

I mitten av vad? div:en eller sidan?

silfverMedlem sedan apr. 20039 709 inlägg
#3

I mitten av "div:en".

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

silfverMedlem sedan apr. 20039 709 inlägg
#4

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

PalleMedlem sedan apr. 20002 716 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

silfverMedlem sedan apr. 20039 709 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

silfverMedlem sedan apr. 20039 709 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.

FlashesMedlem sedan jan. 2003346 inlägg
#8

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

Mvh
Jan-Olov

silfverMedlem sedan apr. 20039 709 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

Genererad på 363 ms · cache AV · v20260730165559-full.f96bc7eb