items embedden in chat
ik hoop dat ik dit in de juiste categorie plaats. Als hobby heb ik 3 irc chatservers. Deze zijn ook bereikbaar met een webchat applicatie. Ik gebruik hiervoor LightIRC versie 1.3.3.
Nu ben ik al heel lang bezig om onderin te plaatsen een webradio player, een verzoekjesbutton en uitleg van Icoontjes. Dat toevoegen is me wel gelukt echter.......... Bij sommige computers, (en ik vermoed die breedbeeldscherm hebben) dus niet 4kant maar wat breder en wat lager...rechthoekig is het net alsof de chat te groot is. de 3 items verkleinen niet mee en verdwijnen dus deels achter de onderkant. Het gaat om de volgende website: http://www.place2chat.com
Hier een pastebin van de code: http://pastebin.com/kZkXXwFx
Ik heb zeer weinig kennis van scripten daarom heb ik ook Joomla websites. Is er iemand die weet hoe ik dit kan oplossen en dit in begrijpelijke taal kan uitleggen? Ik hoop het van harte.
De 3 items waar het om gaat vind je in de paste bin vanaf regel 58.
Met vriendelijke groet, Herman.
Gewijzigd op 12/01/2015 21:30:45 door Herman Duc le
sorry maar je moet de chat nog joinen als je op de site komt. Hier is een directe link.
http://place2chat.com/irc-webchat/place2chat/chat.php
Groetjes, Herman.
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
body {
height: 100%;
overflow: AUTO; /* <== WIJZIGEN !!!!!!!!! */
margin: 0;
padding: 0;
font-family: Arial;
font-size: 12px;
text-decoration: none;
}}
height: 100%;
overflow: AUTO; /* <== WIJZIGEN !!!!!!!!! */
margin: 0;
padding: 0;
font-family: Arial;
font-size: 12px;
text-decoration: none;
}}
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
div#footer {
background-color: #B2C7D4;
font-family: Arial;
/* height: 100%; <== WEGHALEN !!!!!!!!! */
overflow: hidden;
background-position: top-left;
background-repeat: repeat;
color: #333333;
line-height: 1.1;
font-size: 13px;
margin-top: -4px;
padding-top: 4px;
padding-left: 6px;
padding-right: 6px;
}
background-color: #B2C7D4;
font-family: Arial;
/* height: 100%; <== WEGHALEN !!!!!!!!! */
overflow: hidden;
background-position: top-left;
background-repeat: repeat;
color: #333333;
line-height: 1.1;
font-size: 13px;
margin-top: -4px;
padding-top: 4px;
padding-left: 6px;
padding-right: 6px;
}
ik ben super blij met j reeactie. dank je wel. Ik zei geloof ik al zoiets dat ik geen meester ben in dit werk. Ik moet volgens jou dus 2 dingen doen. Bij de bovenste code regel 3 wijzigen. Maar wat moet ik dan precies wijzigen?
Bij de 2e code regel 4 weghalen dus die regel haal ik dan gewoon in zijn geheel weg?
Misschien wat dommige vragen maar liever goed geinformeerd dan de boel helemaal verstieren. Ik hoop dat je nog de moeite wilt nemen om te reageren.
Met vriendelijke groet, Herman.
Gebruik altijd een test omgeving.
Het eerste stukje verander je.
In het tweede stukje hoef je alleen /* en */ te doen, dus weghalen is niet perse nodig.
Het word dan een comment regel. (een regel die niet word gebruikt.)
Gewijzigd op 31/01/2015 14:40:58 door Bart V B
erg bedankt ook voor je reactie.
Wat betreft je tip, daar heb ik mijn lesje al in geleerd :-))
Ik weet niet wat ik dan moet veranderen aan "het eerste stukje" Ik heb er van gemaakt:
overflow: off;
en het 2e stukje ziet er nu zo uit:
/* height:100%; */
Helaas zie ik geen veranderingen,
Groetjes, Herman.
Als je met een verticale scrollbar kunt leven wel ja.
Niet te bang zijn Herman :-) Zolang je maar zorgt dat je kan terugvallen op een backup kan je niets gebeuren toch?
De eerste wijziging in de body segment is gewoon de waarde 'hidden' veranderen in 'auto'. (regel 3)
De tweede wijziging is in de div#footer segment en daar kan één regel vervallen of zoals Bart aangeeft kun je er commentaar van maken door het tussen /* en */ te zetten. De regel wordt dan genegeerd. (regel 4)
Ik adviseer om wat te lezen over CSS. Google is je vriend en zo moeilijk is het niet.
Succes hoor en graag gedaan.
Gewijzigd op 31/01/2015 15:06:21 door Frank Nietbelangrijk
bedankt weer voor je reactie.
ja ik ga er zeker in verdiepen maar ik heb dit probleem nu al zolang dat ik dat graag verholpen zou hebben.
Ik heb gedaan wat je zei en heb nu dus een verticale scrollbar....wel stukken beter al maar is er ook een manier om dit op te lossen zonder de scrollbar?
Groetjes, Herman.
Ik heb op dit moment niet zoveel tijd meer maar ik zal proberen een voorbeeldje te leveren.
Groetjes, Herman.
http://codepen.io/anon/pen/VYMZZy
De css daar dien je aan je huidige css toe te voegen, behalve de css voor #footer want die heb je al. Wel kun je bij #footer, .push de gewenste hoogte instellen voor je footer.
De pagina waar dit vandaan komt is: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
heel erg bedankt voor alle moeite. Ik ga er vanavond direct mee aan de slag, als het hier wat rustiger is. Ik hoop dat het me gaat lukken. Ik hou je op de hoogte.
Hartelijke groeten, Herman.
Toevoeging op 31/01/2015 18:22:01:
Hoi,
ik ben er toch maar direct mee aan het stoeien gegaan maar ik krijg het niet voor elkaar. Ik heb nu de test map weer staan zoals het was..
Ik weet niet of ik dit mag vragen, maar zo niet dan hoor ik het wel, Zou je tegen een vergoeding dit voor me in orde willen maken?
Groetjes, Herman.
Gewijzigd op 31/01/2015 16:18:12 door Herman Duc le