• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Neuling braucht paar Hilfestellungen

B

Bikercelle

Neues Mitglied
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:
  1. 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?
    24157783mv.jpg
  2. Ich habe eine Auflistung gemacht via <ul> aber diese wird nicht angezeigt. Weiß einer warum? Zu finden unter: http://www.marcel-vesper.de/AQ/Leistungen_Lohnarbeiten.html
    24157870fe.jpg
  3. 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.
    24157890ep.jpg
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
 
Hallo!
Erst mal von hinten los:
Zu 3.:
Du hast alles in der Tabelle in die selbe Zeile via <tr> 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 <td> dahinter frei.
Ausserdem geht das Fett schreiben mit <th>
Dein Aktueller Code(gekürzt):
HTML: 
<td valign="top"><table width="auto" max-width="550" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="auto" max-width="300"><strong>Gesch&auml;ftsleitung:</strong><br>
Kaufm&auml;nnischer GF,
Verkauf<br>
Dr.-Ing. J&uuml;rgen Ammer</td>
<td width="auto" max-width="150" height="50" valign="top" align="right"><a href="mailto:[email protected]" class="mails">[email protected]</a></div></td>
</tr>
</table>
<br></td>
</tr>
Vor allem schreibst du vor das table ein tr und td
So funktioniert es:
HTML: 
<table>
<tr><th>Gesch&auml;ftsleitung:</th><td></td></tr>
<tr><td>Kaufm&auml;nnischer GF,Verkauf</td><td></td></tr>
<tr><td>Dr.-Ing. J&uuml;rgen Ammer</td><td><a href="mailto:[email protected]" class="mails">[email protected]</a></td></tr>
</table>
Zu 2.:
Das Problem liegt im Stylesheet(CSS).:
HTML: 
 ul,ol {
list-style:none;
}
Lösch das aus: http://www.marcel-vesper.de/AQ/css/reset.css in Zeile 6
Ich hoffe,ich habe dir geholfen.
 
Zuletzt bearbeitet von einem Moderator:
felixprogram schrieb:
Hallo!
Erst mal von hinten los:
Zu 3.:
Du hast alles in der Tabelle in die selbe Zeile via <tr> 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 <td> dahinter frei.
Ausserdem geht das Fett schreiben mit <th>
Dein Aktueller Code(gekürzt):
HTML: 
<td valign="top"><table width="auto" max-width="550" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="auto" max-width="300"><strong>Gesch&auml;ftsleitung:</strong><br>
Kaufm&auml;nnischer GF,
Verkauf<br>
Dr.-Ing. J&uuml;rgen Ammer</td>
<td width="auto" max-width="150" height="50" valign="top" align="right"><a href="mailto:[email protected]" class="mails">[email protected]</a></div></td>
</tr>
</table>
<br></td>
</tr>
Vor allem schreibst du vor das table ein tr und td
So funktioniert es:
HTML: 
<table>
<tr><th>Gesch&auml;ftsleitung:</th><td></td></tr>
<tr><td>Kaufm&auml;nnischer GF,Verkauf</td><td></td></tr>
<tr><td>Dr.-Ing. J&uuml;rgen Ammer</td><td><a href="mailto:[email protected]" class="mails">[email protected]</a></td></tr>
</table>
Zu 2.:
Das Problem liegt im Stylesheet(CSS).:
HTML: 
 ul,ol {
list-style:none;
}
Lösch das aus: http://www.marcel-vesper.de/AQ/css/reset.css in Zeile 6
Ich hoffe,ich habe dir geholfen.
Zum Vergrößern anklicken....

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.
24177822qf.jpg


Vielen Dank für eure Hilfe.
 
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.
EDIT:Ich weiss jetzt,wie du den Abstand hinkriegst,leider ohne responsiv:
Schreib ein Stylesheet(css):
Code: 
td.abstand {
width:100px;
}
Dann schreib für den abstand zwischen die 2 td's:
HTML: 
<td class=abstand></td>

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?
 
Zuletzt bearbeitet von einem Moderator:
felixprogram schrieb:
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.
EDIT:Ich weiss jetzt,wie du den Abstand hinkriegst,leider ohne responsiv:
Schreib ein Stylesheet(css):
Code: 
td.abstand {
width:100px;
}
Dann schreib für den abstand zwischen die 2 td's:
HTML: 
<td class=abstand></td>

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?
Zum Vergrößern anklicken....

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!
 
Bikercelle schrieb:
Noch jemand ne Idee wegen dem ersten Problem?
Zum Vergrößern anklicken....
Bikercelle schrieb:
  1. 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?
Zum Vergrößern anklicken....
CSS: 
img {vertical-align:middle}
Je nach HTML-Struktur, also in welchem HTML-Element sich das <img> mit dem Text befindet, lässt sich das CSS auch spezifizieren.

Zum Beispiel:
CSS: 
nav img {vertical-align:middle}
 
Spicelab schrieb:
CSS: 
img {vertical-align:middle}
Je nach HTML-Struktur, also in welchem HTML-Element sich das <img> mit dem Text befindet, lässt sich das CSS auch spezifizieren.

Zum Beispiel:
CSS: 
nav img {vertical-align:middle}
Zum Vergrößern anklicken....
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.
 
Sehe gerade, dass es sich dort um ein Hintergrundbild handelt.

Geänderter und ergänzter Regelblock:
CSS: 
.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 */
}
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben