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

html in blogspot sidebar

S

smarknow

Neues Mitglied
hallo,
vorweg schon einmal dass ich nicht viel ahnung von html habe, ich hoffe aber dass ein paar freundliche mir hier weiterhelfen können :wink:

also ich habe folgendes problem:
in meinem blog (blogspot) möchte ich in der sidebar ein programm einfügen. das ganze mache ich mit dem gadget "Text". ich habe jetzt das ganze in form einer tabelle ohne border gestaltet. soweit so gut, ich bin auch mit dem aussehen soweit zufrieden. allerdings entsteht jetzt zwischen der überschrift des gadget und der tabelle ein recht großer abstand...

was stimmt da nicht?

HTML: 
<table border="0">
<tbody><tr>
<td>März</td>
<td>abcdefghijklmnop</td>
</tr>
<tr>
<td>April</td>
<td>abcdefghijklmnop</td>
</tr>
<tr>
<td>Mai</td>
<td>abcdefghijklmnop</td>
</tr>
<tr>
<td>Juni</td>
<td>abcdefghijklmnop</td>
</tr>
<tr>
<td>Juli</td>
<td>abcdefghijklmnop</td>
</tr>
<tr>
<td>August</td>
<td>
</td>
</tr>
<tr>
<td>September </td>
<td>
</td>
</tr>
<tr>
<td>Oktober</td>
<td>
</td>
</tr>
<tr>
<td>November</td>
<td>
</td>
</tr>
<tr>
<td>Dezember</td>
<td>
</td>
</tr>
</tbody></table>
ich hoffe ihr habt irgendwelche tipps die mir weiterhelfen da mich das ganze schon zur verzweiflung bringt...
 
Der Abstand kommt wahrscheinlich durch "margin" zu stande. Entweder änderst du in der CSS-Datei den Abstand für die Überschrift oder du weißt deiner Tabelle einen negativen margin-Wert zu, wenn diese noch keinen hat. Falls sie schon einen hat, mach ihn kleiner.
 
ok, danke für die schnelle antwort
ich weiß allerdings nicht wie ich dies umsetzten soll...

margin-wert hat die tabelle noch keinen so viel ich weiß. der oben angegebene html code ist alles was ich eingegeben habe.
die überschrift für die tabelle bzw. für das textfeld wird in einen seperaten kästchen eingegeben...
 
du bist ja schnell im antworten!

jain... ich habe keine datei, allerdings kann ich in bloggspot den html bearbeiten
 
etwas anderes dass mir noch aufgefallen ist:
ursprünglich habe ich den html code etwas anders eingegeben, blogspot änderte die eingabe jedoch automatisch in den code den ich im eingangs-post geschrieben habe... könnte das ausschlaggebend sein?

hier nochmals mein original code:

HTML: 
<html>
<body>

<table border="0">
<tr>
  <td>März</td>
  <td>abcdefghijklmnop</td>
</tr>   
<tr>
  <td>April</td>
  <td>abcdefghijklmnop</td>
</tr>
<tr>
  <td>Mai</td>
  <td>abcdefghijklmnop</td>
</tr>
<tr>
  <td>Juni</td>
  <td>abcdefghijklmnop</td>
</tr>
<tr>
  <td>Juli</td>
  <td>abcdefghijklmnop</td>
</tr>
<tr>
  <td>August</td>
  <td></td>
</tr>
<tr>
  <td>September </td>
  <td></td>
</tr>
<tr>
  <td>Oktober</td>
  <td></td>
</tr>
<tr>
  <td>November</td>
  <td></td>
</tr>
<tr>
  <td>Dezember</td>
  <td></td>
</tr>
</table>

</body>
</html>
 
Nein, das war nicht ausschlaggebend. Da Html nur für die Auszeichnung des Inhalts ist, ist CSS für das Layout verantwortlich. Foglich benötigst du CSS, um die Position (und damit den Abstand) deiner Tabelle zu verändern.

Wenn du nicht an die CSS-Datei ran kommst, versuchs mal so:
Code: 
[COLOR=#000080]<html>[/COLOR]
<head>
<style type="text/css">
<!-- 
#meinetabelle { 
  margin-top: 0px;
  border: 0px;
}
-->
</style>
</head>
[COLOR=#000080]<body>[/COLOR]

[COLOR=#008080]<table id="meinetabelle"[COLOR=#0000FF][/COLOR]>[/COLOR]
[COLOR=#008080]<tr>[/COLOR]
  [COLOR=#008080]<td>[/COLOR]März[COLOR=#008080]</td>[/COLOR]
  [COLOR=#008080]<td>[/COLOR]abcdefghijklmnop[COLOR=#008080]</td>[/COLOR]
[COLOR=#008080]</tr>[/COLOR]   
[COLOR=#008080]<tr>[/COLOR]
  [COLOR=#008080]<td>[/COLOR]April[COLOR=#008080]</td>[/COLOR]
  [COLOR=#008080]<td>[/COLOR]abcdefghijklmnop[COLOR=#008080]</td>[/COLOR]
[COLOR=#008080]</tr>[/COLOR]
[COLOR=#008080]<tr>[/COLOR]
  [COLOR=#008080]<td>[/COLOR]Mai[COLOR=#008080]</td>[/COLOR]
  [COLOR=#008080]<td>[/COLOR]abcdefghijklmnop[COLOR=#008080]</td>[/COLOR]
[COLOR=#008080]</tr>[/COLOR]
[COLOR=#008080]<tr>[/COLOR]
  [COLOR=#008080]<td>[/COLOR]Juni[COLOR=#008080]</td>[/COLOR]
  [COLOR=#008080]<td>[/COLOR]abcdefghijklmnop[COLOR=#008080]</td>[/COLOR]
[COLOR=#008080]</tr>[/COLOR]
[COLOR=#008080]<tr>[/COLOR]
  [COLOR=#008080]<td>[/COLOR]Juli[COLOR=#008080]</td>[/COLOR]
  [COLOR=#008080]<td>[/COLOR]abcdefghijklmnop[COLOR=#008080]</td>[/COLOR]
[COLOR=#008080]</tr>[/COLOR]
[COLOR=#008080]<tr>[/COLOR]
  [COLOR=#008080]<td>[/COLOR]August[COLOR=#008080]</td>[/COLOR]
  [COLOR=#008080]<td>[/COLOR][COLOR=#008080]</td>[/COLOR]
[COLOR=#008080]</tr>[/COLOR]
[COLOR=#008080]<tr>[/COLOR]
  [COLOR=#008080]<td>[/COLOR]September [COLOR=#008080]</td>[/COLOR]
  [COLOR=#008080]<td>[/COLOR][COLOR=#008080]</td>[/COLOR]
[COLOR=#008080]</tr>[/COLOR]
[COLOR=#008080]<tr>[/COLOR]
  [COLOR=#008080]<td>[/COLOR]Oktober[COLOR=#008080]</td>[/COLOR]
  [COLOR=#008080]<td>[/COLOR][COLOR=#008080]</td>[/COLOR]
[COLOR=#008080]</tr>[/COLOR]
[COLOR=#008080]<tr>[/COLOR]
  [COLOR=#008080]<td>[/COLOR]November[COLOR=#008080]</td>[/COLOR]
  [COLOR=#008080]<td>[/COLOR][COLOR=#008080]</td>[/COLOR]
[COLOR=#008080]</tr>[/COLOR]
[COLOR=#008080]<tr>[/COLOR]
  [COLOR=#008080]<td>[/COLOR]Dezember[COLOR=#008080]</td>[/COLOR]
  [COLOR=#008080]<td>[/COLOR][COLOR=#008080]</td>[/COLOR]
[COLOR=#008080]</tr>[/COLOR]
[COLOR=#008080]</table>[/COLOR]

[COLOR=#000080]</body>[/COLOR]
[COLOR=#000080]</html>
Erklärung: Zwischen <style> und </style> kannst du deine CSS Angaben machen. Mit #meinetabelle definierst
du eine ID, diese gibst du dann der Tabelle mit <table id="meineTabelle">. Margin-top ist der Abstand nach
oben. Wenn bei 0px immer noch ein Abstand zur Überschrift da ist, nimm einen negativen Wert.
[/COLOR]
 
danke für die ausführliche erklärung, habe soweit alles verstanden. aber leider funktioniert es nicht. der abstand von der überschrift zur tabelle beträgt immer ca. 35 Zeilen! egal wie viel negativ wert ich eingebe.

nachdem ich den code eingegeben und abgespeichert habe und anschließend den text noch einmal konfigurieren möchte ist wie schon gesagt der code verändert, hier noch einmal nur der anfang nach dem abspeichern:

HTML: 
<style type="text/css"></style>



<table id="meinetabelle">
<tbody><tr>
 <td>März</td>
 <td>abcdefghijklmnop</td>
</tr>

also die html für den ganzen blog kann ich bearbeiten, ist das nicht mit der css gleichzusetzen?
 
Nur wenn das CSS -wie in meinem Beispiel- oben in den Header eingebaut ist. Das ist aber eher unwahrscheinlich.
Gib doch sonst mal bitte einen Linnk.
 
So, ich hab den Grund allen übels gefunden.
Unter der Überschrift liegt der Container <div class="widget-content">. In diesem liegt deine Tabelle. Allerdings sind innerhalb des Containers über der Tabelle lauter "<br>'s". Die musst du entfernen, dann ist deine Tabelle direkt unter der Überschrift.
 
so ich habe jetzt drei "<br>'s" vor der tabelle und drei danach entfernt die nicht dort sein sollten. (ich glaube die hast du gemeint, oder?)

leider wurde das problem dadurch nicht gelöst
 
ne, nicht online gewesen. Hab ja auch noch ein Privatleben ;)

Also bei mir (habs mit Firebug angesehn) warn da deutlich mehr "<br>'s" als drei. Falls dass nichts geholfen hat, weiß ich auch nicht weiter. Entweder du vertraust mir Nickname u. PW des Blogs an, damit ich mal ins Backend gucken kann, oder ich kann dir nicht weiter helfen.

LG
 
schon klar, lass dich nicht stressen...

mehr br´s habe ich leider nicht gefunden. hmm, nickname u. pw des blogs, da habe ich einfach hemmungen. bitte nicht persönlich nehmen!

vielleicht hat ja jemand eine idee wie ich das sonst schreiben könnte damits halbwegs aussieht... muss ja nicht unbedingt eine tabelle sein. zurzeit habe ich es so:

März - xxxxxxxxxx
April - xxxxxxxxxx
Mai - xxxxxxxxxx
Juni - xxxxxxxxxx
Juli - xxxxxxxxxx

Ich hätte die x also gerne in einer flucht. leerzeichen find ich ist eine murkserei und außerdem bringt mans damit auch nicht zu 100 % hin. Zahlen möchte ich keine verwenden...
 
hmm, nickname u. pw des blogs, da habe ich einfach hemmungen. bitte nicht persönlich nehmen!
Zum Vergrößern anklicken....

Kann ich verstehn, kein Problem. Aber das Problem dürfte doch nicht weg sein, wenn du die anstatt einer Tabelle ein anderes Konstrukt nimmst, oder?
 
das problem tritt nur auf wenn ich versuche den text in html zu schreiben... schreibe ich ihn "normal" funktioniert es einwandfrei...
 
So langsam gehen mir auch die Lösungen aus. Sofern du dass CSS nicht ändern kannst, fällt mir keine Idee ein, wie du die Tabelle weiter nach oben kriegst.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben