Avatar billede the_julle Praktikant
22. maj 2011 - 01:14 Der er 12 kommentarer og
2 løsninger

CSS: Hjælp med formatering

Hej alle.

Jeg benytter en template til min hjemmeside, men har gevaldige problemer med tabeller.

Jeg forsøger at få en pris til at stå pænt på række med noget i beskrivelse - det kan jeg bare slet ikke.

Se hvad jeg mener.
http://rccruise.dk/marderpris%20-%20Copy.php

Alt koden er desuden også tilgængelig her. Jeg vil ikke sidde og kopiere det ind i tråden, ok?

Jeg håber i kan hjælpe mig og få styr på tabellen...

Alex.
Avatar billede NielsErikP Mester
22. maj 2011 - 02:12 #1
Hej..
Ved ikke, hvad der menes med "Prisen" på række, men er det de kr 5139, kr. 1435 og kr. 375... Du gerne vil have rykket til højre, altså så langt til højre i "Tablen" som muligt.
Så lav en prøve... sæt en <span></span> om priserne, altså <span>5139</span> og så oppe i <style "tekst/css"> lav en span {} med enten (float: right) eller text-align: right;
Håber det virker for dig ellers må du jo høre andres råd.
Avatar billede NielsErikP Mester
22. maj 2011 - 02:21 #2
Hej...
Ved ikke helt, hvad du mener med priser pænt på række... er det priserne, så som kr. 5139, kr. 1435 og kr. 375 osv... Du gerne vil have rykket ud til højre i tabellen.
Prøv at sætte en <span> </span> om priserne eks. <span> 5139 </span> og så oppe i Css'en <style "text/css"> laver du en span {...}, hvor du sætter den til at (float: right;) eller (text-align: right;).
Prøv det ellers må du bare glemme rådet.
Avatar billede NielsErikP Mester
22. maj 2011 - 02:50 #3
Hej...
prøv.... kr. <span class="TilHøjre"> 5139 </span>

Og oppe i Css'en  : <style type="text/css" >
laver du  :

.TilHøjre {
      float: right;
}

Det skulle virke.
Avatar billede the_julle Praktikant
22. maj 2011 - 11:19 #4
Hej.

Tak for svar. Beklager min vage formulering.

Nej, jeg mente ikke det skulle rykkes til højre. Jeg vil bare gerne have at tingene står på linje. Altså at den aktuelle pris står ud for den aktuelle beskrivelse. Lige nu synes jeg det flyver og er meget tilfældigt.

Kan du følge min tanke?
Avatar billede the_julle Praktikant
22. maj 2011 - 11:34 #5
Jeg vil egentlig nok bare have samme skriftstørrelse og type i begge søjler. Men jeg kan ikke se hvor jeg kan ændre det...
Avatar billede NielsErikP Mester
22. maj 2011 - 15:31 #6
Hej...
ny løsning(prøve)  :

oppe i den første <table>n indsætter jeg :


    <table id="relativt"> 


Og så nede i <td> der omgiver priserne sætter jeg  ekstra paragraf <p> ind, som jeg giver både ID'er og en CLASS  :


          <td>
                <p><p id="p1" class="pstr"><strong>RTR-sender
                og modtager </strong><br />
                Pris: Onroadd&#31484;br /> </p>
               
                <p id="p2" class="pstr"><strong>RTR-
                servo'er</strong><br />
                Pris: kr. 375,- <br /> </p>
       
         
        <p id="p3" class="pstr"><strong>Radiosystem
                </strong><br />
                Pris: kr.  1435,- <br />
                Solgt med et tab p&#24224;4 kr. <br /> </p>
       
       
                <p id="p4"
                class="pstr"><strong>Futterama</strong><br />
                Pris: kr.  390,- <br />
                Solgt med et tab p&#24224; 1 kr. </p></p>
        </td>



Og så oppe i Css'en( style type="text/css") sætter jeg nogle referencer til Id'erne og Class'en  :



/* Position: relative af selve Table'n */
#relativt {
    position: relative;
}

/* Position af Table-Data- kolonne- lodret */
#p1 {
    position: absolute;
    top: 318px;
}
#p2 {
   
    position: absolute;
    top: 381px;
}       
#p3 {
    position: absolute;
    top: 446px;
}
#p4 {
    position: absolute;
    top: 522px;
}
.pstr {
    font-size: 11px;
}




Håber det kan bruges  :-)
Avatar billede the_julle Praktikant
22. maj 2011 - 15:49 #7
Mange tak for dit forslag. Jeg har nu prøvet det, men kan ikke rigtig få det til at virke:
http://rccruise.dk/marderpris%20-%20Copy2.php
Avatar billede the_julle Praktikant
22. maj 2011 - 15:51 #8
Men det er heller ikke så fleksibelt er det? Jeg opretter en del rækker af forskellig størrelse - vil det så stadig kunne bruges?
Avatar billede the_julle Praktikant
22. maj 2011 - 15:53 #9
Jeg ønsker egentlig bare, at de to søjler har samme skrifttype/størrelse osv.
Avatar billede the_julle Praktikant
22. maj 2011 - 22:43 #10
Jeg tror selv jeg har løst problemet:

    /* TABLES */
    table {border: 2px solid #452; border-collapse:collapse; width:90%; margin-left: 3ex; max-width: 900px;}
    td {background-color: #fff; padding:3px; border: 1px solid #fff; font-size: .90em} /* Selve table, til HØJRE */
    th {text-align:left;border: 1px solid #fff}                                        /* Kant rundt om tabel (hvid lige nu) */
    thead th {color:#fff; font-size:1.5em; background-color: #472 ; padding: 10px 6px} /* Øverste - den mørkegrønne */
    tbody th {color:#fff; font-size:1.15em; background-color: #79B30B ; padding: 6px}  /* Næste - den lysegrønne */
    tbody th.sub {font-size: .90em; color:#000; background-color: #dda; padding: 6px}  /* Selve table, til VENSTRE */


Eneste ændring er markeret med fed.

Hvordan synes i det ser det ud??
http://rccruise.dk/marderpris%20-%20Copy3.php

Ville i lave det anderledes?
Avatar billede NielsErikP Mester
22. maj 2011 - 22:57 #11
Hej...
Tillykke med resultatet.

Take Care..!!
Avatar billede the_julle Praktikant
23. maj 2011 - 22:30 #12
\\ Lukker tråden.

Tak for jeres hjælp og forslag. Niels, hvis du lige opretter et svar deler jeg point imellem os, som tak for din tid.
Avatar billede NielsErikP Mester
23. maj 2011 - 22:47 #13
Svar....
Er ked af jeg ik var til den store hjælp. Men bare du fandt en løsning.
Avatar billede NielsErikP Mester
24. maj 2011 - 21:00 #14
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