Suche im Forum:
Suchen


Autor Nachricht
Beitrag04.02.2015 um 12:48 (UTC)    
Titel: [noch offen] Design Iceblue - Abstand Header + Navi

Hallo ihr Lieben,

Ich habe das Design Iceblue -
kann mir jemand sagen, wie ich den Balken über meinem Willkommens Bild entfernen kann? Damit ist der Spalt zwischen Bild und Navigation gemeint.

Ich habe schon versucht die Header+Navigations Grafik zu verkleinern aber damit löste ich das Problem nicht.



Freue mich über jegliche Rückmeldung.
Mein Code ist:
Zitat:
<style type="text/css">
<!--
#sidebar_container{display:none;}
* {padding:0px; margin: 0px; }


/* Werbung auf Header platziert */
table[height="102"] {
position: absolute;
left: 50%;
top:17px;
margin-left: -240px; }

#sidebar_container{display:none;}

/* Hintergrund mit Grafik */
body {
background-color: #EEEEEE;
background-image: url(http://fs2.directupload.net/images/150204/leypi6qq.png);
background-repeat: repeat-x; }

/* Design mittig */
table.edit_main_table {
width: 980px!important;
margin: auto;
margin-bottom: 50px; }

/* zweite Tabelle um Icblue */
table.edit_second_table {
width: 980px!important; }

/* dritte Tabelle um Iceblue */
table.edit_third_table {
width: 980px!important;
margin-top: 110px; }

td.edit_main_tr {
height: 50%!important; }

td.edit_header_full table[width="921"] {
width: 980px!important; }

/* --- Headerfeld für Logo ----*/
td.edit_header_full {
background-image: url(http://fs1.directupload.net/images/150203/ydte4nos.jpg);

background-repeat: no-repeat; }
/* Titel im Header entfernt */
td.headline {display:none;}

/* Linke Navigation entfernt mit */
td.edit_navi_headbg { display:none; }

td.edit_rechts_cbg {
height: 50%!important;
background-image: none; }

/* Erste Tabelle um Seiteninhalt */
td.edit_rechts_cbg table[width="100%"] {
width: 680px!important; }

/* Zweite Tabelle um Seiteninhalt */
table.edit_rechts_tabelle {
width: 680px!important;
background-color:#EEEEEE;
margin-right: 30px; }

td.edit_content {
background-color: #EEEEEE;
background-image: none; }

/* Titelfeld Seiteninhalt */
td.edit_content_top {display:none; }

/* Titel Seiteninhalt */
td.headline2 {display:none; }

/* DIV Feld mit Seiteninhalt */
td.edit_content_main div {
overflow: hidden!important; }

td.edit_content_left_spacer , td.edit_content_right_spacer {
display:none; }

/* Abschluss im Seiteninhalt unten */
td.edit_content_bottom {
background-image: none; }

/* Counterfeld entfernt */
td.edit_content_bottom2 {display:none;}


/* rechte Boxen 1-5 */
#sidebar_heading_1, #sidebar_heading_2,
#sidebar_heading_3, #sidebar_heading_4, #sidebar_heading_5 {
width: 260px!important;
margin-bottom: 20px;
border: 1px solid #c9c9c9; }


/* Titelfeld über Boxen */
td.sidebar_heading {
font-size:12px!important;
color: #ffffff;
background-color: #202020;
background-image: none; }

td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
padding: 15px!important;
font-size: 13px!important;
background-repeat: repeat-x; }


/* Abschluss unter den Boxen */
td.edit_rb_footer {display: none; }
#sidebar_container{display:none;}
td.edit_rechts_bottom {
background-image: none;}

/* Streifen rechts im Design entfernt */
td.edit_rechts_sbg { display:none; }

/* Schriftart + Schriftgroesse Seiteninhalt */
div, td {
font-family: arial;
font-size: 14px; }

/* Linkfarbe + Linkgroeße Seiteninhalt */
div a {
color: #000080;
font-size: 14px;
text-decoration: none; }


/* Linkfarben HOVER Seiteninhalt */
div a:hover {
color: #800000;
font-size: 14px;
text-decoration: underline; }

/* ------ Beginn Navigation oben -------- */

/* Feld der Naviagtion */
.navigation {
position: absolute;
left: 50%;
top: 163px;
margin-left: -480px;
width: 970px; }

/* Links Navi oben */
.navigation a {
float: left;
color: #FFFFFF;
text-decoration: none;
margin-right: 40px; }

/* Hover-Link Navi oben */
.navigation a:hover {
color: orange;
text-decoration: none; }

-->
</style>

<style type="text/css">
.edit_rechts_tabelle,.edit_rechts_cbg{width: 100%;}
.edit_rechts_bottom{display:none;}
</style>
<div class="navigation">
<a href="/Home.htm">HOME</a>
<a href="/Titel.htm">VITA</a>
<a href="/Titel.htm">MEDIA</a>
<a href="/Titel.htm">GALERIE</a>
<a href="/Titel.htm">SOCIAL</a>
<a href="/Kontakt.htm">KONTAKT</a>
<a href="/G.ae.stebuch.htm">GÄSTEBUCH</a>
<a href="/Impressum.htm">IMPRESSUM</a>
</div>


Zuletzt bearbeitet von KatharinaJarzebowski am 23.02.2015, 19:12, insgesamt einmal bearbeitet
Beitrag04.02.2015 um 13:06 (UTC)    
Titel:

du kannst es an diese stelle ändern und damit den textbereich nach oben schieben. allerdings rate ich davon ab, weil der balken nicht vollständig verdeckt ist und schatten hat.

Zitat:

/* dritte Tabelle um Iceblue */
table.edit_third_table {
width: 980px!important;
margin-top: 110px;


es betrifft dann aber alle seiten. um es nur für die startseite zu nutzen, musst du dieses an erster stelle im quellcode der seite (findest du oben im editor beim "seite bearbeiten") eingeben:

Code:
<style type="text/css">
<!--
 /* dritte Tabelle um Iceblue */
 table.edit_third_table {
 width: 980px!important;
 margin-top: 110px;
-->
</style>


Zuletzt bearbeitet von 6p-iceblue am 04.02.2015, 14:08, insgesamt einmal bearbeitet
Beitrag04.02.2015 um 13:19 (UTC)    
Titel:

Hallo Gringo,


danke für deine Rückmeldung.


Ich habe folgenden Quote nun auf die Startseite gepackt.

Mein Quellcode sieht dort nun so aus:


Zitat:
<style type="text/css">
<!--

/* dritte Tabelle um Iceblue */
table.edit_third_table {
width: 980px!important;
margin-top: 110px;
-->
</style>


<h1><img src="http://img.webme.com/pic/k/katharinajarzebowski/WILLKOMMEN2.jpg" alt="" /></h1>



Leider verändert sich dadurch gar nichts.

Vielleicht sollte ich noch dazu sagen, dass ich Iceblue als Design verwende?


Zuletzt bearbeitet von KatharinaJarzebowski am 04.02.2015, 14:20, insgesamt einmal bearbeitet
Beitrag04.02.2015 um 15:00 (UTC)    
Titel:

Moin,
Gringo hatte schon Recht, allerdings nicht richtig erwähnt, dass der rote Wert auch verändert werden muss.
Mit folgendem Wert wäre das Design entsprechend weiter nach oben gesetzt:
Zitat:
/* dritte Tabelle um Iceblue */
table.edit_third_table {
width: 980px!important;
margin-top: 70px; }
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag04.02.2015 um 15:19 (UTC)    
Titel:

Vielen Dank euch beiden.
Beitrag12.02.2015 um 10:32 (UTC)    
Titel:

Leider hat sich doch noch ein Problem eingeschlichen.

Ich habe links und Rechts neben meinem Bild noch so leere Flächen. Ich dachte, mit einer Vergrößerung des Bildes würden diese verschwinden, aber da tut sich nichts. Hat jemand eine Idee?

Ich wäre euch sehr dankbar.

Liebe Grüße
Beitrag12.02.2015 um 11:12 (UTC)    
Titel:

Moinsen, welche leere Flächen meinst du denn genau?
______________
mfg SEO
Beitrag12.02.2015 um 11:16 (UTC)    
Titel:

wenn du auf meine Seite gehst, habe ich links einen kleinen Spalt, und wenn ich nach rechts scrolle, einen größeren Spalt. Die beiden möchte ich gerne entfernen.


Reicht das an Informationen oder soll ich ein Screenshot machen?
Beitrag12.02.2015 um 11:19 (UTC)    
Titel:

Schau mal hier => http://img.webme.com/pic/s/seo-suchmaschinenoptimierung/bild_test.jpg
Wo ist hier ein Spalt?
______________
mfg SEO
Beitrag12.02.2015 um 11:27 (UTC)    
Titel:

ich möchte dass die Seite links mit dem Anfang des schwarzen Bildes anfängt und wieder aufhört.

Bei mir sieht das so aus:

http://fs1.directupload.net/images/150212/4ypicm85.jpg


Es geht wohl um das Thema Anpassung und Zentrierung:

Rechts siehst du bei mir einen kleinen Spalt vom Hintergrund und wenn ich nach rechts scrolle, dann sieht man da auch den hintergrund. Ich möchte, dass man auf der Startseite nru das schwarze Bild sieht.


Bei dir ist kein Spalt, sondern der ganze Block Links und Rechts "zuviel" wenn du verstehst wie ich das meine?


Zuletzt bearbeitet von KatharinaJarzebowski am 12.02.2015, 12:29, insgesamt einmal bearbeitet
Beitrag12.02.2015 um 11:35 (UTC)    
Titel:

Das Problem ist die Größe des Bildschirms. Dein Bildschirm hat offensichtlich eine "kleinere" Auflösung als mein Bildschirm. Deswegen ist auch bei mir rechts und links mehr "Luft".
______________
mfg SEO
Beitrag12.02.2015 um 11:39 (UTC)    
Titel:

wie entferne ich das denn?
Beitrag12.02.2015 um 11:44 (UTC)    
Titel:

Trag mal folgendes bei "Text unter dem Design" ein:
Code:
<style type="text/css">
body {
    margin: 5px 0 0;
    width: 100%;
}
table.edit_rechts_tabelle {
    margin-right: 0px;
}
</style>

Damit sorgst du zumindest schon mal dafür, dass alles sauber mittig ist.
______________
mfg SEO
Beitrag12.02.2015 um 11:46 (UTC)    
Titel:

Wow, klasse. Danke schonmal.

Die Balken sind links und rechts schonmal weg.

Was müssen wir nun machen?
Beitrag12.02.2015 um 12:13 (UTC)    
Titel:

Das Problem ansich ist ja, was willst du denn erreichen?
Dass deine Seite auf ALLEN Bildschirmgrößen "relativ" gleich aussieht?
______________
mfg SEO
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de