Ergebnis 1 bis 6 von 6

Thema: HTML/CSS - DIV mit Begrenzung

  1. #1
    Interessierte/r Avatar von XantypiaxD
    Registriert seit
    17.01.2010
    Beiträge
    123
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard HTML/CSS - DIV mit Begrenzung

    Guten Morgen..

    Ich habe ein kleines Problem und benötige eure Hilfe.

    Ich habe eine Tabelle. In dieser befinden sich 4 Div's.

    Ich will eine Art Bilderrahmen erzeugen. Sprich in der Tabelle befindet sich das Bild und durch die 4 Div's (top, left, right, bottom) sollen die Ränder des Bildes abgedeckt werden.

    Weiss jemand von euch wie das funktionieren könnte, bzw. nach was ich mich erkundigen müsste?

    Hier mein Quellcode:

    HTML-Code:
    <html>
    
    <head>
    	<link href="tap.css" rel="stylesheet" type="text/css">
    </head>
    
    <body>
    	<table id="s1" border="0" cellspacing="0" cellpadding="0" align="center">
    		<tr valign="top">
    			<td>
    			<div id="back">
    				<div id="top"></div>
    				<div id="left"></div>
    				<div id="right"></div>
    				<div id="bottom"></div>
    			</div>	
    			</td>
    		</tr>
    	</table>
    </body>
    
    </html>
    Und hier die tap.css:

    Code:
    #s1 {
    	width:500px;
    	height:500px;
    }
    
    #back {
    	background-color:black;
    }
    
    #top {
    	background-image:url(ist.png);
    	background-repeat:repeat-xy;
    	width:500px;
    	height:30px;
    }
    
    #left {
    	background-image:url(ist.png);
    	background-repeat:repeat-xy;
    	width:30px;
    	height:440px;
    	float:left;
    }
    
    #right {
    	background-image:url(ist.png);
    	background-repeat:repeat-xy;
    	width:30px;
    	height:440px;
    	float:right;
    }
    
    #bottom {
    	background-image:url(ist.png);
    	background-repeat:repeat-xy;
    	width:500px;
    	height:30px;
    	clear:both;
    }
    Danke für alle Antworten.

    Mit freundlichen Grüßen

    XantypiaxD

    Edit: Ich möchte nicht mit "postion:absolute" arbeiten!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von XantypiaxD (13.11.2010 um 14:51 Uhr)

  2. #2
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: HTML/CSS - DIV mit Begrenzung

    Ähm: Warum ghast du da ne Tabelle? O.o
    Und: Wieso nicht position:absolute;?
    Something big is coming. And there will be pirates and ninjas and unicorns...

  3. #3
    Interessierte/r
    Themenstarter
    Avatar von XantypiaxD
    Registriert seit
    17.01.2010
    Beiträge
    123
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML/CSS - DIV mit Begrenzung

    weil ich dass ganze in einem komplexerem Script verwende und wenn ich dann die Seite verkleiner sich der Rest verschiebt.

  4. #4
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: HTML/CSS - DIV mit Begrenzung

    ...und?
    Man kann das auch so hinbekommen, dass dieser Effekt nicht auftritt.
    Something big is coming. And there will be pirates and ninjas and unicorns...

  5. #5
    Interessierte/r
    Registriert seit
    26.04.2010
    Beiträge
    108
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML/CSS - DIV mit Begrenzung

    Wenn ich das richtig verstanden habe und du 4 Divs um das Bild legen willst, um es z.B. abzurunden, müsstest du folgendes machen:

    -die 4 Divs absolut positionieren
    -das herumliegende Element relativ positionieren
    -die 4 Divs jeweils positionieren. das erreichst du mit der Eigenschaft position: 10px 20px. Das sind nur Beispielwerte, wobei der erste für horizontal und der zweite für vertikal steht. Kannst natürlich auch Werte wie "top" oder "left" verwenden.

    Ich hoffe ich konnte helfen.

    PS: Alternativ kann man den Bilderrahmen auch als eine gesamte, transparente Grafik über das Bild legen. Das würde meiner Meinung nach einige Zeilen an Code sparen.
    Geändert von micronix (16.11.2010 um 15:15 Uhr)

  6. #6
    Unregistriert
    Gast

    Standard AW: HTML/CSS - DIV mit Begrenzung

    Hallo

    Abschliessend sei noch gesagt das es die Eigenschaft repeat-xy nicht gibt.

Ähnliche Themen

  1. Begrenzung der Upload-Filegröße bei Strato
    Von pinales im Forum Webhoster - Provider - (free) Webspace - Server - Domain
    Antworten: 4
    Letzter Beitrag: 19.12.2008, 00:35
  2. Antworten: 7
    Letzter Beitrag: 17.01.2007, 17:03
  3. Antworten: 9
    Letzter Beitrag: 09.10.2006, 21:46
  4. begrenzung der größe einer dargestellten webseite
    Von Knüps im Forum HTML & CSS Forum
    Antworten: 25
    Letzter Beitrag: 23.08.2005, 12:06
  5. Text begrenzung
    Von Gast im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 08.08.2005, 15:09

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •