Benutzerdefinierte Suche

CSS Bilder-Mosaik

  1. orgonaut

    orgonaut Thread Starter MacUser Mitglied

    Mitglied seit:
    09.08.2004
    Beiträge:
    10.237
    Zustimmungen:
    769
    Edit: Die Bilder bilden (jetzt) ohne Abstand ein 3x3-Quadrat.

    Hier mein CSS-Code:
    Code:
    /* IE (CSS-Weiche) */ 
    
    * html ul { float:left; }
    * html ul li { clear:left; }
    
    /* IE Ende */
    
    ul {
    	margin: 0px;
    	padding: 0px;
    	line-height: 0px;
    	clear: left;
    }
    
    li {
    	list-style-type: none;
    	display: inline;
    	margin: 0px;
    	padding: 0px;
    	float: left;
    }
    
    div {
    	width: 160px;
    	background-color: #CCCCCC;
    	border: 1px solid #999999;
    	padding: 0px;
    	margin: 0px;
    	height: 160px;
    	}
    HTML:
    <div>
    <ul>
      <li><img src="favicon.gif" width="16" height="16" alt="Bild1" /></li>
      <li><img src="favicon.gif" width="16" height="16" alt="Bild1" /></li>
      <li><img src="favicon.gif" width="16" height="16" alt="Bild1" /></li>
    </ul>
    <ul>
      <li><img src="favicon.gif" width="16" height="16" alt="Bild1" /></li>
      <li><img src="favicon.gif" width="16" height="16" alt="Bild1" /></li>
      <li><img src="favicon.gif" width="16" height="16" alt="Bild1" /></li>
    </ul>
    <ul>
      <li><img src="favicon.gif" width="16" height="16" alt="Bild1" /></li>
      <li><img src="favicon.gif" width="16" height="16" alt="Bild1" /></li>
      <li><img src="favicon.gif" width="16" height="16" alt="Bild1" /></li>
    </ul>
    </div>

    Erfolgreich getestet habe ich es jetzt am Mac in Mozilla Firefox, Safari und Opera. (Der Mac-IE zickt (nicht mehr!!) rum!!)

    Falls das jemand nachmachen möchte, klappt super! Tabellen ade! :D
    Fehler bitte posten!
     
    orgonaut, 03.03.2006
    #1
Die Seite wird geladen...
Ähnliche Themen - CSS Bilder Mosaik
  1. tucholdi
    Antworten:
    3
    Aufrufe:
    1.442
    pferdle
    10.12.2009
  2. maceis
    Antworten:
    7
    Aufrufe:
    6.256
    ThaHammer
    15.07.2006
  3. orgonaut
    Antworten:
    4
    Aufrufe:
    9.355
    scope
    25.02.2006
  4. milchschnitte
    Antworten:
    11
    Aufrufe:
    5.517
    milchschnitte
    22.11.2005
  5. xiron
    Antworten:
    1
    Aufrufe:
    1.505
    schuppentier
    15.03.2005