zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Sidebar Textabstand

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.05.2012, 09:48
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.05.2012
Beiträge: 2
erdbeermitsahne befindet sich auf einem aufstrebenden Ast
Unglücklich Sidebar Textabstand

Huhu Zusammen,
Ich bin schon am verzweifeln und fummel schon seit 2 Tagen herrum aber dennoch will es nicht klappen. Ich hoffe das mir hier einer weiter helfen kann



Wie man auf dem Bild erkennen kann, ist der Abstand zwischen Überschrift und den darunter stehenden Text mein Problem. Ich würde es schön finden wenn der Text gleich darunter anfängt mit nur minimalen Abstand. Genau das Gleiche ist auch am Ende des Textes bis zum side(bar)bottom ist auch viel zu viel Abstand unnötige platzverschwendung *ahhhhh

Hier mein Code für die Sidebar -->

Code:
/********** Sidebar **********/
 
 
#sidebar {
	float: left;
	width: 291px;
   	margin-bottom: 50px;
	margin-left: 10px;
	background-color: transparent;
}


#sidebarbottom {
	position: relative;
	width: 291px;height:121px;
	background-image: url(images/sidebar/sidebottom.png);
	background-color: transparent;
}


/* Sidebar Header */

.sidetop {
	color: #ffffff;         
	font-size:13pt;
	font-family: Georgia;
	text-align: center;
	text-shadow: 0px 0px 1px #5a888a;
	line-height: 120px;
	font-weight: bold;
	font-style: italic;
	width: 291px;
	height:150px;
	background-color: transparent;
	background-image: url(images/sidebar/sideheader.png);
}
 
 
/* Sidebar Text */

.side{
	color: #ffffff;         
	font-size:10px;
	font-family: Arial;
	line-height:12px;
	background-color: transparent;
	background-image: url(images/sidebar/sidebg.png);
	letter-spacing:0;
	text-align: left;
	text-shadow: 1px 0px 4px #4c7072;
	padding:15px;
	font-weight:normal;
}


/* Sidebar Links */

.side a:link, .side a:active, .side a:visited {
	color: #c8e8ea;
	text-decoration : none; 
    font-weight: bold;
    font-style: italic;
	text-shadow: 1px 0px 4px #4c7072;
}
 
.side a:hover {
	color: #ffffff;
	text-decoration : None;
}


/* Sidebar Text Effects */

.side b{color: #547375;}
.side i{font-size:11px; font-family: arial;}
.side u{border-bottom:1px solid #ffffff; text-decoration:none; color: #ffffff;}
liebe grüße die erdbeere

Geändert von erdbeermitsahne (19.05.2012 um 10:06 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.05.2012, 10:43
Benutzerbild von lottikarotti
Ein ♥ für's Web
XHTMLforum-Mitglied
 
Registriert seit: 18.04.2012
Ort: Karlsruhe
Beiträge: 396
lottikarotti wird schon bald berühmt werden
Standard

Hallo,

jetzt postest du noch das passende HTML dazu und evt. sogar einen Link zum Problem, dann können wir uns das auch mal ordentlich ansehen

Gruß, lotti.
__________________
Empfehlenswerte Links:
jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.05.2012, 16:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.05.2012
Beiträge: 2
erdbeermitsahne befindet sich auf einem aufstrebenden Ast
Standard

Code:
<!-- Sidebar -->

<div id="sidebar">


<!-- Sidebar Title -->

<div class="sidetop">Site Information</div>
<div class="side">


<b>Version:</b> 0.1<br>
<b>Layout:</b> Franzi [Webmiss]<br>

<b>Coding:</b> Nelson <br><br>

<b>Host:</b> funpic.de<br>
<b>Webmiss:</b> Robin<br>
<b>Newsposterin:</b> Robin<br>

<b>Seitenname:</b> ErdbeerMitSahne.de<br>
<b>Optimiert für:</b> Mozilla Firefox<br><br>
<SCRIPT LANGUAGE="JavaScript" SRC="http://www.onlinewebservice3.de/onlinecount.php?id=c129097&offset=5&style=1"></SCRIPT>


</div>
<div id="sidebarbottom">&nbsp; &nbsp;</div><br>


<!-- Sidebar Title -->

<div class="sidetop">Projects</div>
<div class="side">

<p>

TextTextTextTextTextTextText

</p>

</div>
<div id="sidebarbottom">&nbsp; &nbsp;</div><br>


<!-- Sidebar Title -->

<div class="sidetop">Networks</div>
<div class="side">

<center>
<b>Follow me on</b>
<p>
<a href="mailto:info@erdbeer-mit-sahne.de"><img src="http://my.funpic.de/show-photo/631218-PIC.png"></a>
<a href="#" target="_blank"><img src="http://my.funpic.de/show-photo/631221-PIC.png"></a>
<a href="#" target="_blank"><img src="http://my.funpic.de/show-photo/631219-PIC.png"></a>
<a href="#" target="_blank"><img src="http://my.funpic.de/show-photo/631220-PIC.png"></a>
</p>

</div>
<div id="sidebarbottom">&nbsp; &nbsp;</div><br>


<!-- Sidebar Title -->

<div class="sidetop">Top + Elite Affilates</div>
<div class="side">


<center>
<a href="http://www.nina-dobrev.de/" target="_Blank"><img src="http://my.funpic.de/show-photo/631409-PIC.png"></a>
<a href="http://wwws.warnerbros.de/theluckyone/index.html" target="_blank"><img src="http://my.funpic.de/show-photo/631408-PIC.png"></a>
<a href="http://www.zac-efron.us/" target="_blank"><img src="http://my.funpic.de/show-photo/631406-PIC.png"></a>
<a href="http://www.countryside.bplaced.net/" target="_blank"><img src="http://my.funpic.de/show-photo/631410-PIC.png"></a>
</center>
<hr style="color: rgb(255, 255, 255);">
<b>http://</b> <a href="http://www.clanstube.info/" target="_blank">Clanstube.info</a><br>

<b>http://</b> <a href="http://www.justinbieberzone.com/" target="_blank">justinbieberzone.com</a><br>
<b>http://</b> <a href="http://www.zefron.com/" target="_blank">zefron.com</a><br>

<b>http://</b> <a href="http://www.zac-efron.us/" target="_blank">zac-efron.us</a><br>

<b>http://</b> <a href="http://www.vampire-diaries.de/home.php" target="_blanK">vampire-diaries.de</a><br>


<b>http://</b> <a href="http://www.amber-heard.4fans.net/" target="_blanK">Amber-Heard.4fans.net</a><br>

<b>http://</b> <a href="http://www.sarahc.de/" target="_blanK">Sarahc.de</a><br>


</div>
<div id="sidebarbottom">&nbsp; &nbsp;</div><br>


<!-- Sidebar Title -->

<div class="sidetop">Disclaimer</div>
<div class="side">

Das Layout/Coding unterliegt dem Copyright von ErdbeerMitSahne.de. Der gesamte Inhalt, wenn nicht anders in den Credits vermerkt, unterliegt dem Copyright der Webmiss Mai/2012.



</div>
<div id="sidebarbottom">&nbsp; &nbsp;</div><br>


</div>


<!-- End Sidebar -->

So hier der Link

ErdbeerMitSahne
Mit Zitat antworten
  #4 (permalink)  
Alt 19.05.2012, 17:10
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.135
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

ui ui, da liegt aber vieles im Argen...
Basis Lektüre: Little Boxes

zur Anfrage: bei .side padding ändern hilft wahrscheinlich. Dazu noch height und line-height bei .sidetop.

BTW: mach die Schrift ruhig noch kleiner. Lesen kann man das eh nicht mehr
scnr
Mit Zitat antworten
Antwort

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
Ausrichtung Kalender greece4u CSS 20 14.05.2012 13:32
Content und Sidebar immer gleich lang 545 CSS 18 31.03.2010 23:40
active link soll hover-effekt erhalten zeitgeisth CSS 1 30.11.2008 14:47
Javascript UL Navigation im IE6 ven CSS 7 29.04.2008 15:29
ganz einfach CSS-Design: content + sidebar -Oliver- CSS 8 02.05.2006 20:30


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:31 Uhr.