✔ Div Box enger gestalten möglich?

[hondafreak1981]

Halllo liebe Leute.

Hab folgende Frage die mich brennend Interessiert:

http://files.homepagemodules.de/b214495/f11769157t520148p7143860n1.png

Das Avatarbild hab ich in die Headerbarleiste eingebaut.
Das ist aber nur 70 Pixel breit, wenn ich es breiter mache zieht es alles unnötig in die länge.

Hier mein benutzter Code für die Leiste:

<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>

<div id="site-description">


{{user_registered==true.start}}<p><img width="[blau]70px[/blau]" src="{{avatar}}">&nbsp;Hallo <b>{{user_name}}</b>&nbsp;,schön dass Du wieder hier bist!&nbsp;</p>{{user_registered==true.end}}

</div>

<div id="search-box">
<form method="get" action="{{link_search}}" name="hpmsearchform">

<input type="hidden" name="zeit" value="9999">
<input type="hidden" name="s" value="2">
<input type="hidden" name="forum" value="0">



<fieldset>

<input name="suchen" id="keywords" type="text" maxlength="128" title="Suche" class="inputbox search" value="Suche…" onclick="if(this.value=='Suche…')this.value='';" onblur="if(this.value=='')this.value='Suche…';" />
<input class="button2" value="suchen" type="submit" /><br />
<span style="color: #d1d1d1; font: sylfaen;font-size: 9px;"><a href="{{link_search}}" title="Erweiterte Suche">Erweiterte Suche</a> </span> </fieldset>
</form>
</div>

<span class="corners-bottom"><span></span></span></div>
</div>

Ist es möglich das avatar auf ca. 150 px zu bringen aber dabei die "Blase gleich hoch zu lassen?

http://files.homepagemodules.de/b214495/f11769157t520148p7143860n2.png

Also alles kompakt einbauen und gedrungen?
Die Suche kann von mir aus auch ganz raus aus diesem Feld!

Unten seht Ihr noch was passiert wenn das Avatar gross wird...

 

[Maik]

Hi.

Ist es möglich das avatar auf ca. 150 px zu bringen aber dabei die "Blase gleich hoch zu lassen?

Da sollte das zusätzliche height="XX"-Attribut (XX = Originalhöhe des Avatars) behilflich sein, damit der Browser das Bild nicht in seinem Format / Seitenverhältnis darstellt.

mfg Maik

 

[hondafreak1981]

Nee schade das sieht dann genauso aus :-(

Im Prinzig ist das avatar das grösste in der Box. Die sollte Direkt drumrum gehen.....

 

[Maik]

Was sieht genauso aus?

Ich seh nix

ADMINBEREICH NUR SICHTBAR FÜR UNS ADMINS!

Und zeig bitte nicht wieder blos ein Screenshot, sondern pack ein Beispiel auf eine zugängliche Seite, denn niemand von uns weiß, was das da für eine "Blase" ist.

mfg Maik

 

[hondafreak1981]

Ok auf meinen Bildschirmfoto steht das oben weil ich ein Admin bin
Hat damit aber nix zu tun.
Es geht ja um dieses Wrap oder wie das heisst.

Screenshot deshalb weil Ihr dort kein Avatar sehen könnt da ihr in meinem Forum ja nicht registriert seit, logisch ne?

Hier nochmal der Code über dem was ich schon gepostet habe:

<div id="wrap">
<a id="top" name="top" accesskey="t"></a>
<div id="page-header">
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>

<div id="site-description">


{{user_registered==true.start}}<p><img height="70px" src="{{avatar}}">&nbsp;Hallo <b>{{user_name}}</b>&nbsp;,schön dass Du wieder hier bist!&nbsp;</p>{{user_registered==true.end}}

</div>

<div id="search-box">
<form method="get" action="{{link_search}}" name="hpmsearchform">

<input type="hidden" name="zeit" value="9999">
<input type="hidden" name="s" value="2">
<input type="hidden" name="forum" value="0">



<fieldset>

<input name="suchen" id="keywords" type="text" maxlength="128" title="Suche" class="inputbox search" value="Suche…" onclick="if(this.value=='Suche…')this.value='';" onblur="if(this.value=='')this.value='Suche…';" />
<input class="button2" value="suchen" type="submit" /><br />
<span style="color: #d1d1d1; font: sylfaen;font-size: 9px;"><a href="{{link_search}}" title="Erweiterte Suche">Erweiterte Suche</a> </span> </fieldset>
</form>
</div>

<span class="corners-bottom"><span></span></span></div>
</div>

 

[Maik]

Jo, jetzt fehlt im Code plötzlich das von dir gewünschte Attribut width="150", weshalb der Browser nun die Elementbreite dem Bildformat entsprechend aus deiner Höhenangabe ermittelt.

mfg Maik

 

[hondafreak1981]

Ja wiegesagt Width stand drin ich habs jetzt mit height probiert, ändert sich aber leider nichts an der höhe der Box....

Ich hab mein "Testforum" hondayoungtimer.com

Da experimentiere ich immer gerne, die suche hab ich da komplett rausgeschmissen und immer noch viel zu dick diese box...

... edit ich sehe gerade:

wenn man dort nicht angemeldet ist ist die box seeehr schlank

nur wenn das avatar und der Begrüssungstext drin sind wird nach oben und unten unnötig viel abstand gehalten.....

 

[Maik]

Du sollst beide Attribute nennen

Erfolgt nur eine Angabe, ermittelt der Browser anhand der vorliegenden Bildproportion die Gegenseite - zu deinen Ungunsten

mfg Maik

 

[Maik]

Ich hab mein "Testforum" hondayoungtimer.com

Da experimentiere ich immer gerne, die suche hab ich da komplett rausgeschmissen und immer noch viel zu dick diese box...

... edit ich sehe gerade:

wenn man dort nicht angemeldet ist ist die box seeehr schlank

nur wenn das avatar und der Begrüssungstext drin sind wird nach oben und unten unnötig viel abstand gehalten.....

Verrätst du uns auch, wo sich die Box im Testforum versteckt?

Mit Suchen is da ja nischt

mfg Maik

 

[hondafreak1981]

Schade klappt auch nicht der kriegt das noch nichtmals hin den text auf einer Zeile darzustellen.
Ich verzweifel.