Neuling braucht paar Hilfestellungen

html.de-Forum HTML, XHTML & CSS
1

Hallo liebes Forum,
ein gesundes neues Jahr erstmal nochmal in die Runde.
Ich bin aktuell dabei, eine Website umzubauen, für einen Freund. Ich baue sie als Reponsive Website, damit die mobile Anpassung gegeben ist. Soweit geht die Website auch super, nur habe ich ein paar Fragen bzw. Fragen:
[ol]
[li]Ich habe rechts ein Menu, welches sich je nach Seite ändert. Nun habe ich dort immer ein Bild, was 80x80px ist, und dahinter einen Text. Wie bekomme ich es hin, das der Text mittig dahinter steht? http://up.picr.de/24157783mv.jpg [/li][li]Ich habe eine Auflistung gemacht via

    aber diese wird nicht angezeigt. Weiß einer warum? Zu finden unter: http://www.marcel-vesper.de/AQ/Leistungen_Lohnarbeiten.html http://up.picr.de/24157870fe.jpg [/li][li]Ich habe ein Problem mit einer Tabelle. Rot wie es aktuell aussieht, blau wie es aussehen soll. Bei dem Blauen ist aber das Problem, das es dann nicht reponsive ist, also sich nicht auf mobilen Geräten anpasst, sondern genau so bleibt. Und außerdem würde ich die E-Mailadresse gerne auf der Höhe des Namens haben. Das will irgendwie auch nicht wie ich will. http://up.picr.de/24157890ep.jpg [/li][/ol]
    So, das waren dann erstmal meine größten Probleme. Ich hoffe, ihr könnt mir helfen.
    Die html Seiten findet ihr hier: http://www.marcel-vesper.de/AQ/Firma_Anspruch.html , heweils unter den passenden Reitern im Menu.

    Ich würde mich freuen, wenn ihr mir Tipps und Hilfestellungen geben könnt. DANKE!

    Bikercelle

2

Hallo!
Erst mal von hinten los:
Zu 3.:
Du hast alles in der Tabelle in die selbe Zeile via gesetzt.
du musst den Namen und die e-Mail in die gleiche Zeile schreiben und die Überschrift in eine.
Bei der Überschrift lässt du ein dahinter frei.
Ausserdem geht das Fett schreiben mit
[SIZE=4]Dein Aktueller Code(gekürzt):[/SIZE]
[html]

Geschäftsleitung:
Kaufmännischer GF, Verkauf
Dr.-Ing. Jürgen Ammer		 j.ammer@wzb-aqp.de

[/html] Vor allem schreibst du vor das [B] table [/B] ein [B]tr [/B] und [B]td [/B] [SIZE=4]So funktioniert es:[/SIZE] [html]
Geschäftsleitung:
Kaufmännischer GF,Verkauf
Dr.-Ing. Jürgen Ammerj.ammer@wzb-aqp.de
[/html] [U]Zu 2.:[/U] Das Problem liegt im Stylesheet(CSS).: [html] ul,ol { list-style:none; } [/html] Lösch das aus: [http://www.marcel-vesper.de/AQ/css/reset.css ]('http://www.marcel-vesper.de/AQ/css/reset.css') in Zeile 6 Ich hoffe,ich habe dir geholfen.
3

Vielen Dank für die Hilfe, das sieht doch schon mal viel besser aus. Nur eine Frage dazu habe ich noch, bekomme ich den Platz zwischen den Spalten noch irgendwie größer, aber so, das er sich bei kleineren Bildschirmen anpasst? Habe ich im Bild mal gezeigt.
http://up.picr.de/24177822qf.jpg

Vielen Dank für eure Hilfe.

4

[CENTER]Zu der Frage weiss ich leider nicht weiter.
Da habe ich dann mal gegoogld und das gefunden: http://www.webmasterpro.de/coding/article/css-referenz-border-spacing.html Da kann man aber nur den abstand zwischen allen verändern. Ich kann dir vllt. später noch helfen,hab gerade nur wenig Zeit.[/CENTER]
EDIT:Ich weiss jetzt,wie du den Abstand hinkriegst,leider ohne responsiv:
Schreib ein Stylesheet(css):

td.abstand {
width:100px;
}

Dann schreib für den abstand zwischen die 2 td’s:
[html][/html]

Hast du dir meine Antwort zu Frage 2 angesehen?
Dort sehe ich nämlich noch keine Umsetzung. Hattest du bei meiner Erklärung Probleme,sie zu verstehen?

5

Danke für die Hilfe, Sieht gut aus, evtl. könnte man die Breite via der Anpassung der Displayauflösung? Muss ich mal gucken und nachlesen.

Und die 2. Sache hatte ich echt übersehen, sorry. Hat perfekt funktioniert. DANKE!

6

Okay,bitte,kein Problem.
Übrigens,bei http://www.marcel-vesper.de/AQ/Kontakt_Ansprechpartner.html ist das erste Bild in der Menü-Leiste nicht da.

7

Danke, habe ich schon gesehen. Noch jemand ne Idee wegen dem ersten Problem?

Danke

8 
img {vertical-align:middle}

Je nach HTML-Struktur, also in welchem HTML-Element sich das mit dem Text befindet, lässt sich das CSS auch spezifizieren.

Zum Beispiel:

nav img {vertical-align:middle}
9

Danke, aber wie genau muss ich das einbauen, also wo genau hinsetzen, habe es jetzt probiert, überall mal zwischenzusetzen/dazuzuschreiben, aber der Text bleibt immer noch oben und nicht mittig.

10

Den CSS-Code fügst Du in das bestehende Stylesheet „style.css“ ein.

11

Sehe gerade, dass es sich dort um ein Hintergrundbild handelt.

Geänderter und ergänzter Regelblock:

.cloud-default, .cloud-for-retinaspezialgebiet { width: 80px; height: 80px; background: transparent url("img/test/anfahrt_sd.jpg") no-repeat scroll 0% 0%; /* no-repeat anstatt repeat */ display: table-cell; /* table-cell anstatt inline-block */ vertical-align: middle /* vertikale Ausrichtung des Inhalts */ }

12

Cool, danke schön. Funkioniert!