Avatar billede pelskee Nybegynder
28. marts 2006 - 11:39 Der er 18 kommentarer og
1 løsning

placering af knap

er der nogen måde hvorpå jeg kan placere mine knapper (Buy Now, Download, Read More) nederste i venstre højrne i alle de 6 kasser ?
Avatar billede Slettet bruger
28. marts 2006 - 11:42 #1
på hvilken hjemmeside?
Avatar billede pelskee Nybegynder
28. marts 2006 - 11:50 #2
Avatar billede Slettet bruger
28. marts 2006 - 12:05 #3
eks på 'box1' og så skal du bare kopiere koden ud i de andre boxe:

<DIV id=Box1>
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="100%" height="100%" valign="top">
<H1>SAVE WHEN YOU BUNDLE!</H1>
<P>Save when buying RawShooter | premium 2006 and RawShooter | Color Engine in a
bundle.</P>
</td>
<td width="100%" height="1px" valign="bottom">
<IMG alt="Buy Now" src="pixmantec-filer/btn_buynow.jpg"></td>
<tr>
</table></DIV>

-nico
Avatar billede Slettet bruger
28. marts 2006 - 12:06 #4
husk </td> skal være lige efter <IMG alt="Buy Now" src="pixmantec-filer/btn_buynow.jpg"> som jeg også har skrevet :)
Avatar billede Slettet bruger
28. marts 2006 - 12:14 #5
hov hov. mig der er træt!

<DIV id=Box1>
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="100%" height="100%" valign="top">
<H1>SAVE WHEN YOU BUNDLE!</H1>
<P>Save when buying RawShooter | premium 2006 and RawShooter | Color Engine in a
bundle.</P>
</td>
</tr>
<tr>
<td width="100%" height="1px" valign="bottom">
<IMG alt="Buy Now" src="pixmantec-filer/btn_buynow.jpg"></td>
<tr>
</table></DIV>

sådan!
Avatar billede Slettet bruger
28. marts 2006 - 12:17 #6
og igen:

<DIV id=Box1>
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="100%" height="100%" valign="top">
<H1>SAVE WHEN YOU BUNDLE!</H1>
<P>Save when buying RawShooter | premium 2006 and RawShooter | Color Engine in a
bundle.</P>
</td>
</tr>
<tr>
<td width="100%" height="1px" valign="bottom">
<IMG alt="Buy Now" src="pixmantec-filer/btn_buynow.jpg"></td>
</tr>
</table></DIV>

nu skulle den være der. undskyld, men jeg har ikke sovet endnu :)
Avatar billede pelskee Nybegynder
28. marts 2006 - 12:19 #7
hehe ok tak - men er der ikke en måde uden at bruge tabeller. jeg har knoklet helt vildt med at få tabellerne væk :)
Avatar billede pelskee Nybegynder
28. marts 2006 - 12:22 #8
altså at bruge CSS til at placere det
Avatar billede Slettet bruger
28. marts 2006 - 12:24 #9
ved at dele op i <tr> er nok den nemmeste. ellers skal du ud i css og det er ikke mit område :)

du kan jo altid også bare smække det sammen i en linje:

<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"><tr><td width="100%" height="100%" valign="top">

det er lidt mere overskueligt hvis du syns koden bliver uoverskuelig.
Avatar billede Slettet bruger
28. marts 2006 - 12:24 #10
you got it ;)
Avatar billede Slettet bruger
28. marts 2006 - 12:25 #11
ellers så tjek html.dk de har en css guide/tutorial.
Avatar billede olebole Juniormester
28. marts 2006 - 16:03 #12
<ole>

- men html.dk's tutorials (og ikke mindst deres CSS-tutorial) burde være forsynet med en guide, der forklarer, hvordan man finder hullerne mellem de utallige fejl, de fortrinsvist består af  ;o)

/mvh
</bole>
Avatar billede pelskee Nybegynder
28. marts 2006 - 16:08 #13
okay.

Er der nogen som kan hjælpe med det hvis det skal være i CSS
Avatar billede roenving Novice
29. marts 2006 - 19:07 #14
Ser lidt mærkeligt ud, men princippet er at du sætter absolut position på det du vil have flyttet til bunden og så har positioneret det omkransende element:

<div id="Box1" style="position:relative;">
  <h1>SAVE WHEN YOU BUNDLE!</h1>
  <p>Save when buying RawShooter | premium 2006 and RawShooter | Color Engine in a bundle.</p>
  <img src="img/index/btn_buynow.jpg" alt="Buy Now" style="position:absolute;bottom:0;left:0;">
</div>

-- jeg har ikke kigget nærmere i din css-opsætning, så det er bare princippet !-)

PS. Også dette kræver, at man tvinger IE til at fortolke css som css, dvs. benytter en fuldt kvalificeret doctype, som oogså du gør på linket !o]
Avatar billede pelskee Nybegynder
05. april 2006 - 08:24 #15
http://www.because-test.dk/pixmaNTEC/
det virker når jeg sættet  style="position:absolute;bottom:0;left:0;padding-bottom:5px;" direkte på knapperne - men jeg kan ikke lave en klasse i CSS stylsheetet med samme indhold der virker.

har i noget bud på det ?
Avatar billede pelskee Nybegynder
05. april 2006 - 08:25 #16
roenving - du må under alle omstændigheder gerne smide et svar :)
det ser meget bedre ud nu
Avatar billede roenving Novice
05. april 2006 - 21:45 #17
Oki, jeg har desværre ikke haft så meget tid at bruge på E* de seneste måneder '-)
Avatar billede pelskee Nybegynder
06. april 2006 - 09:19 #18
tak
Avatar billede roenving Novice
08. april 2006 - 12:41 #19
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester