|
|||
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> 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; } mfg, destroy90210 Geändert von destroy90210 (28.11.2009 um 15:35 Uhr) |
Sponsored Links |
|
|||
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; } mfg, destroy90210 |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |