CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

mads375 Juniormester

11. juni 2012 - 14:22 Der er 15 kommentarer og
1 løsning

padding CCS

Hejsa

Jeg kan bare ikke huske hvordan man får mellemrum mellem billeder væk. Jeg laver det i JSP, men jeg mener når man laver det i HTML kan man skrive noget med padding="0", men det kan man ikke i JSP.

Derfor har jeg prøvet i CSS, men kan ikke rigtig få det til at virke.

Mellemrum:
http://billedeupload.dk/?v=shtld.jpg

CSS:
http://billedeupload.dk/?v=19wcu.jpg

kan i se fejlen?
Andre ting i CSS virker fint.

Synes godt om

michael_stim Ekspert

11. juni 2012 - 14:28 #1

Prøv margin. Padding indenfor dit object og margin udenfor.

Synes godt om

mads375 Juniormester

11. juni 2012 - 14:33 #2

Mange tak for det hurtige svar. Det vil sige du mener:

.banner {
height: 277px;
width: 900px;
background-image:url('img/banner.jpg');
background-repeat:no-repeat;
border: 0px;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;

eller? Prøvede lige men det virker desværre ikke.

Synes godt om

michael_stim Ekspert

11. juni 2012 - 14:37 #3

Ja, hvis du ikke vil have noget som helst mellemrum.

Synes godt om

mads375 Juniormester

11. juni 2012 - 14:45 #4

det virker desværre ikke.

hvis jeg sætter den til 50 px; , så virker det fint, men jo den skal være på 0px;

Synes godt om

michael_stim Ekspert

11. juni 2012 - 14:53 #5

Og du har også gjort det på den/de elementer der støder op til?

Synes godt om

mads375 Juniormester

11. juni 2012 - 14:57 #6

prøver med det her:

.top {
height: 35px;
width: 900px;
background-image:url('img/top.jpg');
background-repeat:no-repeat;
border: 0px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;

}

men uden resultat. Det er sku sært.

Synes godt om

mads375 Juniormester

11. juni 2012 - 19:23 #7

Hej igen.

Det er sådan det ser ud:

http://billedeupload.dk/?v=G4E3J.jpg

Sætter lige koden ind her. Min knapper smutter også ud, jeg ved ikke om det er fordi de skal ind i en tabel?

JSP:

CSS Background:

@CHARSET "UTF-8";

.top {
height: 35px;
width: 900px;
background-image:url('img/top.jpg');
background-repeat:no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;

}

.knap_venstre {
height: 55px;
width: 320px;
background-image:url('img/knap_venstre.jpg');
background-repeat:no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;

}

.knap_hojre {
height: 55px;
width: 31px;
background-image:url('img/knap_hojre.jpg');
background-repeat:no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;

}

.banner {
height: 277px;
width: 900px;
background-image:url('img/banner.jpg');
background-repeat:no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

.sog_venstre {
height: 52px;
width: 405px;
background-image:url('img/sog_venstre.jpg');
background-repeat:no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

.sog {
height: 52px;
width: 228px;
background-image: url('img/sog.jpg');
background-repeat: no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

.sog_hojre {
height: 52px;
width: 267px;
background-image: url('img/sog_hojre.jpg');
background-repeat: no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding: 0px;
margin: 0px;
}

CSS Knapper(til knapperne)

@CHARSET "UTF-8";

.index {
height: 55px;
width: 137px;
background-image:url('img/index_gron.jpg');
background-repeat:no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;

}

.nyheder {
height: 55px;
width: 138px;
background-image:url('img/nyheder_blaa.jpg');
background-repeat:no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

.produkter {
height: 55px;
width: 136px;
background-image:url('img/produkt_blaa.jpg');
background-repeat:no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

.kontakt {
height: 55px;
width: 138px;
background-image:url('img/kontakt_blaa.jpg');
background-repeat:no-repeat;
border: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;

}

Håber i kan hjælpe mig. Skulle nemlig meget gerne være færdig til imorgen :-/

Mvh Mads

Synes godt om

tjens Nybegynder

11. juni 2012 - 22:15 #8

.index og .sog er begge td nr. 2 i samme table, men de har forskellig bredde i css.

Synes godt om

mads375 Juniormester

12. juni 2012 - 00:17 #9

Hvordan skal jeg evt sætte knapperne i en tabel?

Synes godt om

mads375 Juniormester

12. juni 2012 - 00:19 #10

Synes godt om

mads375 Juniormester

12. juni 2012 - 00:26 #11

ok, det hjalp med knapperne at sætte dem inden i en tabel

<table align="center" width="1200" height="900" border="0">
<tr>
<td class="top" colspan="6"></td>
</tr>
<tr>
<td>
<table width="900">
<tr>
<td class="knap_venstre"></td>
<td class="index"></td>
<td class="nyheder"></td>
<td class="produkter"></td>
<td class="kontakt"></td>
<td class="knap_hojre"></td>
</tr>
</table>
</td>

</tr>

Synes godt om

mads375 Juniormester

12. juni 2012 - 00:34 #12

godt så begynder der at ske noget.

Jeg opretter simpelthen tabeller for hver nye <tr>. Herefter sætter jeg hver:

<table width="900" border="0" cellpadding="0" cellspacing="0">

og dette løser problemet. Ligger i ikke et svar. Synes i skal have point for indsatsen :-)

Mvh Mads

Synes godt om

mads375 Juniormester

12. juni 2012 - 00:52 #13

okay, nu ser min kode sådan ud:

JSP

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="knapper.css">
<link rel="stylesheet" type="text/css" href="background.css">

</head>
<body>
<table align="center" width="1200" height="900" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="top" colspan="6"></td>
</tr>
<tr>
<td>
<table width="900" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="knap_venstre"></td>
<td class="index"></td>
<td class="nyheder"></td>
<td class="produkter"></td>
<td class="kontakt"></td>
<td class="knap_hojre"></td>
</tr>
</table>
</td>

</tr>
<tr>
<td class="banner" colspan="6"></td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="sog_venstre"></td>
<td class="sog"></td>
<td class="sog_hojre"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="menu_bar"></td>
</tr>
<tr>
<td>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
</tr>
</table>
</td>
<tr>
<td>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
</tr>
</table>
</td>
<tr>
<td>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td>32</td>
</tr>
</table>
</td>
<tr>
<td>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td>33</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

Som det fremgår af første table, skulle align være "center", men det er det ikke:

http://billedeupload.dk/?v=atruY.png

En anden ting er også de store mellemrum mellem table?

Synes godt om

mads375 Juniormester

12. juni 2012 - 00:58 #14

løsningen på center, er jeg havde sat width="1200" og height="900"

Det var omvendt, så width="900" og height="1200"

Har prøvet at sætte en border på min yderste tabel:

http://billedeupload.dk/?v=QZGxN.png

som det fremgår er det de inderste tabeller som fylder mere end den pixel bredde fx knapperne har fået. Jeg prøver lige at sætte en højde på tabellen, men det virker ikke.

Synes godt om

mads375 Juniormester

12. juni 2012 - 01:03 #15

Sådan så er den der. Jeg fjernede selvfølgelig bare højden :-) Smider i et svar`?

Synes godt om

mads375 Juniormester

25. juni 2012 - 18:08 #16

Hejsa.

Siden der ikke er kommet svar, tillader jeg mig at tage pointene tilbage.

Mvh Mads

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Trim tekst i batch script Af Dan Elgaard i Andet programmering	1	I dag 11:08	I dag 14:45
ASP Classic fil fra subfolder Af bsn i Andet programmering	3	07/05/202416:14	08/05/202401:00
Session Variable Af bsn i Andet programmering	3	01/05/202409:44	02/05/202409:29
Modifyed Field for all Records in Access Af ingeman i Andet programmering	2	29/04/202416:05	30/04/202407:19
Delphi - Parser JSON Fil Af juzas i Andet programmering	4	25/02/202407:13	28/02/202420:56

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS