Bilder Höhe / Breite vergrößern

r00yal · #1 (**permalink**) 02.03.2013, 12:21

Guten Tag,
wie kann ich die Breite meines Bildes vergrößern?

Mit width: 999px habe ich es bereits versucht, ebenso mit width: 100%.
Als ich width: 3000px eingab, müsste das Bild sich durch das Fenster verbreiten - heißt man müsste nach rechts scrollen können. Das konnte man dann auch, jedoch war die Seite leer - das Bild bleibt in der standard Größe.

Ich bitte um Hilfe!

lottikarotti · #2 (**permalink**) 02.03.2013, 14:42

Hallöchen,

zeig doch mal den Code bzw. eine Live-Demo deines Problems her. Ohne das Material können wir leider nur raten.

Mit freundlichen Grüßen,
lotti

r00yal · #3 (**permalink**) 02.03.2013, 18:30

Ich möchte, dass die Breite der Box sich am Text anpasst.

Manfred62 · #4 (**permalink**) 02.03.2013, 19:01

Zitat:

zeig doch mal den Code bzw. eine Live-Demo deines Problems her.

Nicht verstanden?

BTW: nimm zum Testen normalen Blindtext und kein einzelnes Wort.

r00yal · #5 (**permalink**) 02.03.2013, 19:34

Zitat:

Zitat von Manfred62

Nicht verstanden?

BTW: nimm zum Testen normalen Blindtext und kein einzelnes Wort.

Vielen Dank, nun sieht es wie folgt aus:

Wie kombiniere ich dies nun m it der Breite?
Bzw. wie verzerre bzw. vergrößere ich die Breite?

Mein Skript:

HTML-Code:

<style type="text/css">


body 
{
background-image: url(http://retroforce.de/bilder/bg.png);
}


#box 
{ 
background-image: url(http://cdn.schuco.de/Project/Frontend/Components/d2s_tools/d2s_slide_gallery/bg_box.png);
position: aboslute;
width: 590px; 
height: 600px;  
background-repeat: no-repeat; 
}


#navi 
{ 
background-image: url(http://royalbooter.de/game/navigation.png); 
background-repeat: 
no-repeat; 
width: 1000px; 
height: 100px; 
margin-left: 32%; 
}


</style>
<html>
<head>
<title>Playmore</title>
</head>

<body>
<div id="navi"><a href="http://retroforce.de">Action</a> | <a href="http://retroforce.de">Rennspiele</a></div>

<center><div id="box"><p>Hier kommen sp&auml;ter die Spiele hin /// Hier kommen sp&auml;ter die Spiele hin /// Hier kommen sp&auml;ter die Spiele hin /// Hier kommen sp&auml;ter die Spiele hin /// Hier kommen sp&auml;ter die Spiele hin ///</p></div></center>

lottikarotti · #6 (**permalink**) 02.03.2013, 21:14

Hallöchen,

offensichtlich mangelt es hier an den Grundlagen. Am besten du legst dein Projekt vorerst beiseite und arbeitest ein Werk wie Little Boxes durch. An dieser Stelle nochmal der Hinweis: HTML und CSS kann man nicht einfach erraten, man muss es lernen.

PS: Doctype fehlt, eine Navigation sollte in einer Liste (ul) abgebildet werden, der Trennstrich gehört in's CSS, das center-Element sollte nicht mehr verwendet werden, position:absolute sollte nur bedacht zum Einsatz kommen und ich hoffe, dass du das style-Element nicht wirklich über dem html-Element stehen hast.

Mit freundlichen Grüßen,
lotti

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Höhe von Bildern an Text-(DIV-)Höhe anpassen	Innocentus	CSS	0	14.05.2012 23:41
Bilder in Definitionsliste vergrößern	andir	Barrierefreiheit	13	02.02.2007 22:10
Maximale Höhe für Bilder	o_anonym	CSS	4	03.10.2006 21:29
Schatten um zentrierten, in höhe und breite variablen div?	Lukas	CSS	2	18.12.2005 22:13
Öffnen im eigenen Fenster - Breite unf Höhe mit CSS ?	Anonymous	CSS	2	25.06.2003 14:17