Detta är en fortsättning av min tidigare tråd. Eller snarare en vidareutveckling eftersom jag nu vill använda detta vi diskuterade förra gången till andra länkar än i min meny som det var tal om från början. Jag har försökt utveckla detta vidare för att försöka få rätt storlek på a som diskuterades i förra tråden.
Jag har andra saker tillsammans med den länk som jag vill lägga vissa css-egenskaper på och jag har börjat med att omsluta alltsammans med ett vanligt <div>-block. Hela koden ser ut såhär med alltsammans inneslutet i <div>
<div class="surr_block">
<h4 class="run_in">
<input type="hidden" name="nintendoinargentina" value="0"><a
href="#" onClick="gfxCheckboxToggle document.myForm.nintendoinargentina,document['checkbox1'],'check1.gif','check2.gif');
return false;"><img src="check1.gif" align="absmiddle" hspace="8" width="11" height="11" border="0" alt="" name="checkbox1"></a>
</h4>
<p>
<a href="http://www.nintendo.com.ar/" class="links" target="_blank">Nintendo in Argentina</a><br>Gamela Argentina S.A
</p>
</div>
<div>-en består som synes i sin tur av två boxar. <H4> är med hjälp utav classen .run_in satt till display: run-in och <p> är inte satt till något speciellt eftersom det redan i sin natur är ett block-element och ska också vara det, alltså inte tvingat till något annat. Det används för att jag ska ha något att sätta margin:; mot.
Länken som ligger innanför <p>-blocket har som synes också en tilldelad class och det är den som innehåller css-egenskaperna som vi huvudsakligen diskuterade i förra tråden. Alltså länken ska ha en viss margin gentemot kringliggande <p> som jag nämnde i stycket ovan.
Vad jag vill ådstakomma med detta är att jag vill kunna ställa in margin mot något för jag har en massa länkar under varandra som alla ska ha class="links" tilldelad till sig och jag vill kunna ställa margin:; på denna class så den ligger rätt för alla länkar mot deras kringliggande <p> som nödvändigtvis inte behöver ha en exakt storlek utan möjligtvis kan justeras mot en storleksbestämd <div> med hjälp av margin:; Det enda som kunde vara storleksbestämt med width:; height:; skulle isåfall vara den omslutande <div>-en
Jag läste om detta med run-in som display-egenskap och att man kunde använda det för att få två block-element att hamna bredvid varandra vilket verkade vara det jag sökte då jag vill att det som lnu ligger innanför <h4> ska vara till vänster om det som nu ligger innanför <p>, mao allt på samma rad. Eftersom jag behöver ha ett omslutande block-element kring a så jag kan justera margin för denna så blir ju resultatet att just det blocket med innehåll skapar ett nytt stycke där inget kan ligga bredvid. Det skapar problem för mig men samtidigt så vet jag inte hur jag ska lösa det på annat sätt då jag vill kunna justera a mot något. Enda lösningen jag kunde finna var då att innesluta a i ett block-element, i detta fallet <p>, så att justering kunde möjliggöras, men då dök genast detta andra problem upp, nämligen att det som till en början låg med ren HTML till vänster om länken, nu hamnar på en egen rad istället för att ligga på samma rad som a, eftersom a nu måste ligga i ett blockelement.
Jag ville lösa detta genom att inkludera även detta i ett block, i detta fallet ett <h4>-block eftersom just det elementet satt till display: run-in; nämndes i samband med <p>-blocket.
Grejen är att det inte alls funkar som exemplet förespråkar. Det blir ingen effekt alls av run-in egenskapen utan <p> skapar iallafall exakt vad det gör som standarn utan css.
Blir smått galen på att ha fått sitta två kvällar i rad nu långt in på nästgående morgon, med antagligen barnenkel css istället för att föra siten framåt. Om ni kollar på koden i början av mitt inlägg så ser ni hur det ser ut och vad jag också har beskrivit, att jag vill ådstakomma, här.
Som sagt, det blir inte alls som jag tänkte att det skulle bli.