|
|||
Bilder zusammensetzen
Hi,
ich hab gerade neu mit CSS angefangen und habe ein Problem. Ich habe schon viel gegoogelt aber die Lösungen funktonierten nie bei mir. Also ich möchte mir im Endeffeckt mir Bilder "zusammensetzen". Dafür habe ich bisher eine Tabelle genutzt und in jeder Zelle einen Bildteil untergebracht, wobei manche davon eine a href Verlinkung haben. Vorher hatte ich alles noch nur in html und da hat es funktioniert aber seid ich auf CSS umgestiegen bin klappt es nicht. Die Bilder werden dank des CSS Rahmen bei Bildern mit Verlinkungen "auseinander gerissen". Aussehen soll es ungefähr so: 1 1 1 1 1 2 2 1 1 2 2 1 1 1 1 1 1 - Normale Bilder 2 - Bilder mit Verlinkungen Versucht habe ich es schon mit verschieden Methoden wie z.b. display: block, paddings, floats und anderen die ich leider nicht mehr weis wie die heißen. Könnt ihr mir helfen? |
Sponsored Links |
|
||||
Da es sich anscheinend um Deko-Bilder handelt, mache eines draus und lasse es als bg-Bild kommen. Die Links legst Du dann darüber. Für eine Grafik-Navi siehe FAQ 15.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
Sponsored Links |
|
|||
ja noch wechseln die nicht.. das soll später dazu kommen wenn ich weiter mit meiner seite bin..
hier ist mal ein ausschnitt von dem letzten versuch den ich gemacht hab. Zitat:
|
|
||||
Nicht den Code, sondern das Design. Ohne die Bilder zu sehen, kann man nix sagen. Und nicht als zip, sondern als Link.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
so.. Hat ein wenig gedauert da ich das bisher nur offline hatte und ich wegen des SQL erstmal alles rauschmeißen musste.
Die Bilder sind nur vorläufig und werden später noch geändert. Link Die Links von den Bildern funktionieren nicht weil ich nur das nötigste dafür abgeändert habe damit es angeguckt werden kann, aber die Situation ist ja gleich. |
|
||||
Wenn sie immer alle dieselbe Höhe haben, können sie ohne umgebendes Element links floaten (d.h. im HTML alle img direkt aneinander).
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
||||
Machst du doch immer noch, und das auch noch falsch. Keine einzige Tabellenzelle ist geschlossen. Und die "Inline-Styles" für die Bilder sind auch falsch.
So ist besser: HTML-Code:
<ul class="bilder"> <li><img src="Bilder/town/f1.bmp"></li> <li><img src="Bilder/town/f2.bmp"></li> <li><img src="Bilder/town/f2.bmp"></li> <li><img src="Bilder/town/f2.bmp"></li> <li><img src="Bilder/town/f3.bmp"></li> <li><img src="Bilder/town/f8.bmp"></li> <li><a href="intern.php"><img src="Bilder/town/h.bmp"></a></li> <li><a href=""><img src="Bilder/town/l.bmp"></a></li> <li><a href="intern.php"><img src="Bilder/town/k.bmp"></a></li> <li><img src="Bilder/town/f4.bmp" ></li> <li><img src="Bilder/town/f8.bmp" ></li> <li><a href=""><img src="Bilder/town/l.bmp"></a></li> <li><a href="intern.php"><img src="Bilder/town/s.bmp"></a></li> <li><a href=""><img src="Bilder/town/l.bmp"></a></li> <li><img src="Bilder/town/f4.bmp" ></li> <li><img src="Bilder/town/f8.bmp"></li> <li><a href=""><img src="Bilder/town/l.bmp"></a></li> <li><a href=""><img src="Bilder/town/l.bmp"></a></li> <li><a href="intern.php"><img src="Bilder/town/w.bmp"></a></li> <li><img src="Bilder/town/f4.bmp"></li> <li><img src="Bilder/town/f7.bmp"></li> <li><img src="Bilder/town/f6.bmp"></li> <li><img src="Bilder/town/f6.bmp"></li> <li><img src="Bilder/town/f6.bmp"></li> <li><img src="Bilder/town/f5.bmp"></li> </ul> Zitat:
|
Sponsored Links |
|
|||
So hab es jetzt nochmal ohne Tabelle gemacht. Der Ränder effeckt ist großteils weg. Jedoch bleibt zwischen den Zeilen noch Platz welcher weg muss.
Link Und zudem tritt an anderer komischer Effeckt auf. Am Ende jeder Zeile muss ich 5-6 <br>'s setzen damit es in die nächste Zeile rutscht weil ansonsten das Bild so auf halber Höhe der letzten reihe festhängt. Das ist doch nicht normal? Naja falsch nicht, unschön ja.. man muss einzelne Zellen nicht schließen allerding ist das keine schöne/saubere Programmierung.. ich weis Ist das li nicht für Auflistungen? Geändert von Todeshügel (12.09.2010 um 23:34 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit Schattenrahmen um Bilder (Typo3) | micronix | CSS | 2 | 20.08.2012 21:01 |
Bilder übereinander auswählen | Felix1984 | CSS | 0 | 20.03.2010 00:30 |
bilder in div container unten anordnen | diegaby | CSS | 12 | 17.11.2008 15:08 |
Bildergalerie mit Variablen | fledermaus | Serveradministration und serverseitige Scripte | 1 | 08.04.2008 09:57 |
bilder layouten innerhalb eines textparagraphen | earworms | CSS | 3 | 21.06.2006 01:53 |