ForumübersichtHtml & CSS

bild größe in css - Seite 1

Einloggen
Benutzername:
Passwort:

Passwort vergessen?
Kostenlos
Anmelden
Geschlossen
AutorText


erzgebirgler2



Punkte: 1365
hallo ich habe folgende frage. ich würde gern die header größe per css ändern nun habe ich schon vieles probiert und auch google befragt jedoch nichts richtiges gefunden was geht hier mal der code damit ihr wisst worum es sich dreht
1
2
3
4
5
6
.full-header {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000;
    background-image:url(images/ptfm.jpg); 
    padding: 5px 0 10px 0;


danke für eure hilfe



Sniper
Super-Moderator



Punkte: 3620
Grüße ,

probier mal folgendes aus ...
1
2
3
4
5
6
7
8
9
.full-header {
    width:500px;
    height:250px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000;
    background-image:url(images/ptfm.jpg); 
    padding: 5px 0 10px 0;
}

...dabei kanns du die werte von width (Breite) und height (Höhe) ändern , und so breit bzw hoch wird dann auch dein header sein ... beispiel class an einer tabelle ...
1
2
3
4
5
<table width="100%" border="0" class="full-header">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

... da steht class="full-header" d.H die tabelle sieht so aus wie die class Smily NR:8

liebe grüße
sniper


Liebe Grüße
Sniper

Bei Fragen oder Probleme PM me oder schreib in das Forum


erzgebirgler2



Punkte: 1365
danke, kann man das auch zentriert anzeigen lassen???

<editiert am 11.10.10 um 07:32 von erzgebirgler2>



Sniper
Super-Moderator



Punkte: 3620
Ja ,

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.full-header {
    width:500px;
    height:250px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000;
    background-image:url(http://www.google.de/intl/en_com/images/srpr/logo1w.png);
    background-position:center; 
    background-repeat:no-repeat;
    padding: 5px 0 10px 0;
}
</style>
</head>
<body>
<table width="100%" border="0" class="full-header">
  <tr>
    <td> </td>
  </tr>
</table>
</body>
</html>


Hinzugefügt habe ich background-repeat:no-repeat; was bewirkt das sich das bild nicht mehr wiederholt und background-position:center; was bewirkt das es Zentriert ist ...

Liebe grüße
Sniper

<editiert am 11.10.10 um 10:14 von Sniper>


Liebe Grüße
Sniper

Bei Fragen oder Probleme PM me oder schreib in das Forum


erzgebirgler2



Punkte: 1365
super danke



Sniper
Super-Moderator



Punkte: 3620
Gerne ,

close ... da geholfen Smily NR:7

Liebe Grüsse
Sniper


Liebe Grüße
Sniper

Bei Fragen oder Probleme PM me oder schreib in das Forum
Geschlossen