zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden floating problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.11.2009, 14:04
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.11.2004
Beiträge: 59
destroy90210 befindet sich auf einem aufstrebenden Ast
Standard floating problem

hi,

ich bastle gerade an meiner fallback flashseite(http://www.blackskulls.at) und da ich hauptsächlich flash mache, habe da noch meine probleme mit html und css in dem fall mit dem floaten von infos neben meinen thumbs...

hoffe ihr könnt da helfen
hier online zu sehen http://www.blackskulls.at/htmlversion/index.html

der bereich portfolio beinhaltet mehrere "project divs" die so angelegt sind

HTML-Code:
	<div id="portfolio" >
		<div id="contentDividerPortfolio" >
			<ul id="tabs">
				<li><a href="#"><span>1</span></a></li>
				<li><a href="#"><span>2</span></a></li>
				<li><a href="#"><span>3</span></a></li>
				<li><a href="#"><span>4</span></a></li>
				<li><a href="#"><span>5</span></a></li>
			</ul>
			<hr class="line" />
		</div>
<div class="project">
			<table>
				<tr>
					<td><img src="blackSkulls/thumbs/noem_01_09.jpg" width="234" height="176" /></td>
					<td><img src="blackSkulls/thumbs/noem_02_09.jpg" width="234" height="176" /></td>
				</tr>
			</table>
			<div class="info">
				NOEM
				<span>Screendesign</span>
			</div>
		</div>
		
		<div class="project">
			<table>
				<tr>
					<td><img src="blackSkulls/thumbs/retailClub_01_08.jpg" width="234" height="176" /></td>
					<td><img src="blackSkulls/thumbs/retailClub_02_08.jpg" width="234" height="176" /></td>
				</tr>
				<tr>
					<td><img src="blackSkulls/thumbs/retailClub_03_08.jpg" width="234" height="176" /></td>
					<td><img src="blackSkulls/thumbs/retailClub_04_08.jpg" width="234" height="176" /></td>
				</tr>
			</table>
			<div class="info">
				NOEM
				<span>Screendesign</span>
			</div>
		</div>
das css dazu sieht so aus

HTML-Code:
	#portfolio
	{
		margin : -50px 0px 0px 0px;
	}
	
		#contentDividerPortfolio
		{
			background-image: url(../images/portfolio.png);
			background-repeat: no-repeat;
			width:840px;
			height: 40px;
			position: relative;
		}
		
			ul#tabs
			{
				position: absolute;
				left:140px;
				top: 16px;
			}
		
				#tabs li
				{
					
					list-style: none;
					display: inline;
					background-color: aqua;
				}
				
				#tabs span
				{
					background-image: url(../images/tab.png);
					width: 25px;
					height: 20px;
					margin-left: 4px;
					display:block;
					float:left;
					text-align: center;
					line-height: 23px;
					vertical-align: middle;
				}
				
				#tabs a
				{
					color:white;
					font-weight: bold;
					font-size: 1.17em;
				}
				
				#tabs a:hover
				{
					color: #ffd200;
				}
				
		.project
		{
			margin-left:140px;
		}
		
			.project table
			{
				float:left;
			}
		
			.project.info
			{
				background-image: url(../images/info.png);
				width: 190px;
				height: 149px;
			}

	
	.line
	{
		color:#f60000;
		background: #f60000;
		height: 1px;
		width: 727px;
		position: absolute;
		top:36px;
		left: 116px;
	}
wenn man sich das ganze im FF ansieht, dann wird der bereich info anscheinend schon gefloatet, aber direkt untereinader und die breite und die höhe die ich angebe um den background anzeigen zu lassen wird nicht verwendet oder so...

mfg,
destroy90210

Geändert von destroy90210 (28.11.2009 um 15:35 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.11.2009, 15:56
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.11.2004
Beiträge: 59
destroy90210 befindet sich auf einem aufstrebenden Ast
Standard

ok ich hab es selbst hinbekommen

HTML-Code:
.project
		{
			margin-left:140px;
			font-variant: small-caps;
		}
		
			.project table
			{
				float:left;
			}
			
			.project div.info
			{
				margin-right:50px;
				float:right;
				background-image: url(../images/info.png);
				width: 190px;
				height: 149px;
				color: #ffae00;
				font-size: 1.92em;
			}
		
			.project p
			{
				margin:30px 0 0 25px;
			}
			
			.project span
			{
				display:block;
				font-size: 0.7em;
				color: white;
			}
habs bischen umgebaut und dem table ein float left und dem info ein float right gegeben das ging es

mfg,
destroy90210
Mit Zitat antworten
Sponsored Links
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
IE 7: Zoom Problem, Höhen Problem, Text problem Cu Chullain CSS 4 02.09.2010 14:56
Floating Problem beim IE 6 eddy1968 CSS 5 12.04.2010 10:52
PNG in IE Problem mit der Mauserkennung (klickbar oder nicht) Angélique CSS 13 16.03.2010 19:20
problem mit floating in IE 6 dorkio CSS 5 11.09.2006 19:35
floating div problem... sAt. CSS 1 09.08.2005 17:57


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:57 Uhr.