zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bilder nebeneinander ?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 25.10.2010, 21:00
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Hallo

Je nachdem, was du vor hast --> gehts einfacher. Zudem kannst du dann auch das Browserfenster verkleinern ohne Probleme.
Hinweis: img im html immer mit Größe angeben.

Ein div kannst du einsparen, CSS ist auch etwas einfacher:
HTML-Code:
    <div id="all">
      <p>
        Klicke auf das Bild mit "Umfrage" um an der aktuellen Umfrage teilzunehmen.<br />
        Wenn Du ins Forum möchtest klicke auf das Bild mit "Forum."
      </p>
      <div>
        <a href="umfrage/index.php"><img src="umfrage1.jpg" id="umfrage" alt=
        "Hier gehts zur Umfrage" height="120" width="300" /></a> <a href="forum"><img src=
        "forum1.jpg" id="forum" alt="Hier gehts zum Forum" height="120" width="300" /></a>
      </div>
    </div>
Code:
#all {
width: 900px;
margin: 0 auto;
}

p {
font-size: 1.1em;
padding-bottom: 2.5em;
text-align: center;
}

img {
border: solid silver 3px;
}

#umfrage {
float: left;
margin-left: 20px;
}

#forum {
float: right;
margin-right: 20px; 
}
Gruß Manfred
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 25.10.2010, 21:11
Benutzerbild von overdev
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.10.2010
Ort: Nähe Stuttgart
Beiträge: 37
overdev befindet sich auf einem aufstrebenden Ast
Standard

Danke hatte aber schon ne Lösung

Wozu die Bildergröße? Was bringt mir das?
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 25.10.2010, 21:42
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Zitat:
Zitat von overdev Beitrag anzeigen
Danke hatte aber schon ne Lösung
Verkleinere den browser mal auf 1024px --> was passiert?

Zitat:
Zitat von overdev Beitrag anzeigen
Wozu die Bildergröße? Was bringt mir das?
Macht man i.d.R so.
SELFHTML: HTML/XHTML / Grafiken / Grafiken einbinden

Gruß Manfred
Mit Zitat antworten
  #14 (permalink)  
Alt 25.10.2010, 22:08
Benutzerbild von overdev
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.10.2010
Ort: Nähe Stuttgart
Beiträge: 37
overdev befindet sich auf einem aufstrebenden Ast
Standard

Hm verkleinert sich das etwa wenn man ne niedrigere Auflösung hat?

Irgendwie ändert sich bei mir nix (hab ne Full Hd Auflösung).
Natürlich mach ich keine Riesenbilder rein

PS: Wusste schon wies geht
Mit Zitat antworten
  #15 (permalink)  
Alt 25.10.2010, 22:27
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Zitat:
Zitat von overdev Beitrag anzeigen
Hm verkleinert sich das etwa wenn man ne niedrigere Auflösung hat?

Irgendwie ändert sich bei mir nix (hab ne Full Hd Auflösung).
Natürlich mach ich keine Riesenbilder rein

PS: Wusste schon wies geht
Offensichtlich weisst du es nicht...
Welche Auflösung du hast, interessiert deine Besucher nicht.
1024px ist die derzeit noch am meisten verbreiteste Monitorauflösung.

Siehe Screenshot bei 1024px Monitor-Breite.

Aber das weisst du ja sicher...

Gute Nacht
Manfred
Angehängte Grafiken
Dateityp: jpg game.jpg (30,6 KB, 1x aufgerufen)
Mit Zitat antworten
  #16 (permalink)  
Alt 25.10.2010, 23:23
Benutzerbild von overdev
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.10.2010
Ort: Nähe Stuttgart
Beiträge: 37
overdev befindet sich auf einem aufstrebenden Ast
Standard

Ich weiß ich sollte es sozusagen jedem recht machen das es bei fast jeder Auflösung gut aussieht.

Solltei ch jetzt beim linken Bild nen Margin-right setzten oder einfach die Bilder kleiner machen?
Mit Zitat antworten
  #17 (permalink)  
Alt 26.10.2010, 09:39
Benutzerbild von philosapiens
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 09.05.2009
Ort: Berlin Südende
Beiträge: 297
philosapiens befindet sich auf einem aufstrebenden Ast
Standard

Hi,

bitte schön. Es freut mich, wenn ich Dir helfen konnte. Ich hoffe, Du hast auch den Code soweit verstanden.

Zitat:
Zitat von overdev Beitrag anzeigen
Ist das normal das wenn ich Dateien per FTP Client hochlade das es erst nach einigen Minuten aktualisiert wird?
Bei mir ist das so obwohl die Datei schon längst hochgeladen ist.
Aktualisiere doch Deinen Browser von Hand ( F5-Taste ).

Zitat:
Zitat von overdev Beitrag anzeigen
Ach und macht man CSS heutzutage noch in die HTMl Datei? Ich dachte das sei veraltet.
Ja, das ist richtig! Inline-Style würde ich auch nur zur Veranschaulichung machen. So wie in diesem Fall. Dir rate ich natürlich, die Styleangaben in Deine externe Styledatei zu übernehmen und aus dem Kopfbereich von diesem Beispiel wieder zu entfernen.
__________________
Der höchste Lohn für unsere Bemühungen ist nicht das, was wir dafür bekommen, sondern das, was wir dadurch werden.

Mein aktuelles Projekt bei idealseiten.de
Mit Zitat antworten
  #18 (permalink)  
Alt 26.10.2010, 09:41
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Zitat:
Zitat von overdev Beitrag anzeigen
Solltei ch jetzt beim linken Bild nen Margin-right setzten oder einfach die Bilder kleiner machen?
Teste doch einfach mal das o.g. css.

Manfred
Mit Zitat antworten
  #19 (permalink)  
Alt 26.10.2010, 18:07
Benutzerbild von overdev
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.10.2010
Ort: Nähe Stuttgart
Beiträge: 37
overdev befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von philosapiens Beitrag anzeigen
Aktualisiere doch Deinen Browser von Hand ( F5-Taste ).
Natürlich hab ich das versucht aber erst nach ca 10 Minuten wird es aktualisiert aber warum ?oO Habs doch per FTP hochgeladen.

Zitat:
Zitat von Manfred62 Beitrag anzeigen
Teste doch einfach mal das o.g. css.

Manfred
Ich habe dein CSS genommen mit dem float bei einem Bild anscheinend ist es bei dir imemrnoch so bei 1024px.


/edit

So siehts bei mir zumindest aus:



Mein jetziger CSS Code:
Code:
#all
{
width: 800px;
margin: 0px;
padding: 0px;
vertical-align: middle;
text-align: center;
}

p
{
font-size: 1.1em;
padding-bottom: 2.5em;
}

img
{
border: solid silver 3px;
}

img:hover
{
border-color: black;
}

#umfrage
{
float: left;
margin-left: 0px;
}

#forum
{

}

Geändert von overdev (26.10.2010 um 18:11 Uhr)
Mit Zitat antworten
Sponsored Links
  #20 (permalink)  
Alt 26.10.2010, 18:31
Benutzerbild von philosapiens
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 09.05.2009
Ort: Berlin Südende
Beiträge: 297
philosapiens befindet sich auf einem aufstrebenden Ast
Standard

Ja, bei mir auch. Fertig?
__________________
Der höchste Lohn für unsere Bemühungen ist nicht das, was wir dafür bekommen, sondern das, was wir dadurch werden.

Mein aktuelles Projekt bei idealseiten.de
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
bild, css, image, mittig, nebeneinander

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
Wie Bilder nebeneinander machen? hallo2008 CSS 4 24.07.2009 07:51
Bilder nebeneinander ohne Leerraum darstellen? cyprus CSS 13 19.10.2007 01:18
Bilder nebeneinander StarSt0rm CSS 1 10.09.2007 00:35
2 bilder nebeneinander platzieren Stressless CSS 3 25.10.2006 19:11
Bildergalerie mit Bildunterschrift, Bilder nebeneinander CvH (X)HTML 5 07.08.2006 21:41


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:30 Uhr.