zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Grafik an Grafik mit CSS!?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.04.2008, 01:25
Benutzerbild von Pumpkin
XHTML+CSS Lehrling
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 05.08.2005
Ort: Lübeck
Beiträge: 170
Pumpkin befindet sich auf einem aufstrebenden Ast
Standard Grafik an Grafik mit CSS!?

hallo,

ich habe ein kleines problem mit zwei grafiken. diese möchte ich aneinander legen. doch leider bekomme ich das nicht hin.

Siehe Link:
Startseite | zippomania.de

wie kann ich die beiden grafiken aneinander bekommen und zwar so das sie unter dem content stehen?

ich hoffe ihr könnt mir helfen!

css
Code:
/* All
---------------------------------------------------------------------------------------------- */

body {
	background:#000;
	margin:0px;
	text-align:center;
	font-family:Trebuchet MS;
	font-size:.7em;
	color:#000;
	line-height:20px;
}

#wrap {
	width:980px;
	margin:0 auto;
	border-left:3px solid #ededed;
	border-right:3px solid #ededed;
	text-align:left;
	background:#fff url(../design/img/wrap.png) repeat-y;
}


/* Header
---------------------------------------------------------------------------------------------- */

#head{
	width:100%;
	background:#4c4b4b;
	height:20px;
}

#logo {
	text-align:center;
	background:url(../design/img/logo.png) repeat-x top;
	height:149px;
	width:100%;
}

#underbanner{
	width:75.5%;
	height:72px;
	text-align:left;
	font-size:1.6em;
	font-style:italic;
	font-weight:bold;
	padding-top:10px;
	padding-left:24.5%;
	background:#f8f8f8 url(../design/img/logo2.png) no-repeat top;
}


/* Sidebar
---------------------------------------------------------------------------------------------- */

#sidebar {
	float:left;
	width:146px;
	padding-left:35px;
}

div#nav a:hover {
	display:block;
	margin:0;
	width:146px;
	padding:6px 10px 7px 10px;
	color:#fff;
	text-decoration:none;
	font-family:Verdana;
	background:url(../design/img/button_hover.png) no-repeat left top;
}

.link {
	display:block;
	margin:0;
	width:146px;
	padding:6px 10px 7px 10px;
	color:#000;
	text-decoration:none;
	font-family:Verdana;
	background:url(../design/img/button.png) no-repeat left top;
}


/* Content
---------------------------------------------------------------------------------------------- */

#content {
	float:right;
	width:798px;
}

#text {
	float:left;
	width:548px;
	padding:0 0 0 10px;
	font-size:1.2em;
	text-align:justify;
}

#picture {
	float:right;
	width:229px;
	text-align:center;
}

.facts {
	padding:0 10px;
	text-align:left;
	font-size:1.1em;
	font-weight:bold;
	font-style:italic;
}

/* Footer
---------------------------------------------------------------------------------------------- */


.overbanner{
	width:75.5%;
	height:98px;
	text-align:left;
	padding-left:24.5%;
	background:url(../design/img/footer2.gif) no-repeat;
}


#footer {
	clear:both;
	height:107px;
	background:#474747 url(../design/img/footer.png) no-repeat;
}


#footer2 {
	height:98px;
	background:url(../design/img/footer2.gif) no-repeat;
}

.copy {
	color:#fff;
	font-weight:bold;
	padding-left:10px;
	padding-top:85px;
}
html
Code:
<body>
<!-- * All * -->
 <div id="wrap">
<!-- * Head * -->
 <div id="head">
  <div align="right">
   <a href="index.html">Startseite</a>&nbsp;
   <a href="index.html">Sitemap</a>&nbsp;
   <a href="index.html">Kontakt</a>&nbsp;
   <a href="index.html">Impressum</a>&nbsp;
  </div>
 </div> <!-- head end -->
 <div id="logo">
  <object width="500" height="130"
    data="design/flash/logo.swf"
    type="application/x-shockwave-flash">
  <param name="movie" value="logo.swf">
</object>
 </div> <!-- logo end -->
 <div id="underbanner">
    <h1>Willkommen auf Zippomania!</h1>
    <h2></h2>
 </div> <!-- underbanner -->
<!-- * Sidebar * -->
 <div id="sidebar">
     <div id="nav">
      <a href="index.html" class="link">Startseite</a>
      <a href="index.html" class="link">Startseite</a>
      <a href="index.html" class="link">Startseite</a>
      <a href="index.html" class="link">Startseite</a>
      <a href="index.html" class="link">Startseite</a>
     </div> <!-- nav end -->
 </div> <!-- sidebar end -->
<!-- * Content * -->
 <div id="content">
   <div id="text">

<p></p>

   </div> <!-- text end -->
   <div id="picture">

<div class="facts">

</div> <!-- facts end -->
   </div> <!-- picture end -->
 </div> <!-- content end -->
<div id="footer2"></div>
<!-- * Footer * --> <!-- footer2 end -->
 <div id="footer">
  <div class="copy">Copyright &copy; 2008 by Zippomania.de</div>
 </div> <!-- footer end -->
 </div> <!-- wrap end -->
</body>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.04.2008, 08:28
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Moin,

vielleicht indem du #footer2 clear:both gibst und nicht #footer.

Im Firebug jedenfalls klappts dann.

Gruß
Klaus
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.04.2008, 09:18
Benutzerbild von Pumpkin
XHTML+CSS Lehrling
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 05.08.2005
Ort: Lübeck
Beiträge: 170
Pumpkin befindet sich auf einem aufstrebenden Ast
Standard

tatsächlich, das wars!

vielen dank für deine hilfe!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS hover Grafik verlinken ToBe4minimal CSS 10 13.05.2011 14:47
Wege zum guten CSS - Ausgewählte Links Sp33dy G0nz4l3s Ressourcen 1 27.05.2008 12:09
CSS Buchtipp Eric A. Meyer vistahr Ressourcen 2 01.11.2006 19:53
Linkeffekt mit einer Grafik, realisiert mit css Citronella CSS 6 21.09.2006 10:20
css und grafik ??? cd CSS 5 20.02.2004 17:34


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:28 Uhr.